/**
 * Theme Name: Talents25
 * Theme URI: https://yootheme.com
 * Description: A YOOtheme child theme
 * Template: yootheme
 * Version: 1.0.0
 * Author: Your Name
 * Author URI: https://yootheme.com
 * Requires PHP: 7.4
 * Requires at least: 6.1
 */

/* Custom Fonts - LyonArabicDisplay */
@font-face {
    font-family: 'LyonArabicDisplay';
    src: url('fonts/LyonArabicDisplay-Regular-Web.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LyonArabicDisplay';
    src: url('fonts/LyonArabicDisplay-Light-Web.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LyonArabicDisplay';
    src: url('fonts/LyonArabicDisplay-Bold-Web.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Font utility classes */
.lyon-regular {
    font-family: 'LyonArabicDisplay', serif;
    font-weight: 400;
}

.lyon-light {
    font-family: 'LyonArabicDisplay', serif;
    font-weight: 300;
}

.lyon-bold {
    font-family: 'LyonArabicDisplay', serif;
    font-weight: 700;
}

/* Apply LyonArabicDisplay only for RTL (Arabic) pages */
html[dir="rtl"] body,
html[dir="rtl"],
body[dir="rtl"] {
    font-family: 'LyonArabicDisplay', serif !important;
}

html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, 
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] .uk-h1, html[dir="rtl"] .uk-h2, html[dir="rtl"] .uk-h3, 
html[dir="rtl"] .uk-h4, html[dir="rtl"] .uk-h5, html[dir="rtl"] .uk-h6,
html[dir="rtl"] .uk-heading-small, html[dir="rtl"] .uk-heading-medium, 
html[dir="rtl"] .uk-heading-large, html[dir="rtl"] .uk-heading-xlarge, 
html[dir="rtl"] .uk-heading-2xlarge {
    font-family: 'LyonArabicDisplay', serif !important;
}

html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] span, 
html[dir="rtl"] div, html[dir="rtl"] li, html[dir="rtl"] td, 
html[dir="rtl"] th,
html[dir="rtl"] .uk-text, html[dir="rtl"] .uk-button, 
html[dir="rtl"] .uk-nav, html[dir="rtl"] .uk-navbar,
html[dir="rtl"] .tm-toolbar, html[dir="rtl"] .tm-header, 
html[dir="rtl"] .tm-main {
    font-family: 'LyonArabicDisplay', serif !important;
}

/* Add your custom styles below this line */