/* ===================================================================
   Arabic Font Configuration - Talal Almalqa Decor
   ===================================================================
   
   To change the font in the future, simply:
   1. Add new @font-face declarations below
   2. Update the --ar-font-family variable
   
   =================================================================== */

:root {
    /* Main Arabic Font - Change this to switch fonts */
    --ar-font-family: 'Bukra', 'Segoe UI', Tahoma, sans-serif;
    
    /* Font Weight Variables */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
}

/* ===================================================================
   29LT Bukra Font Family
   =================================================================== */

/* Light (300) */
@font-face {
    font-family: 'Bukra';
    src: url('../fonts/29ltbukra/29ltbukralight.otf') format('opentype'),
         url('../fonts/29ltbukra/29ltbukralight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular (400) */
@font-face {
    font-family: 'Bukra';
    src: url('../fonts/29ltbukra/29ltbukraregular.otf') format('opentype'),
         url('../fonts/29ltbukra/29ltbukraregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Bold (700) */
@font-face {
    font-family: 'Bukra';
    src: url('../fonts/29ltbukra/29ltbukrabold.otf') format('opentype'),
         url('../fonts/29ltbukra/29ltbukrabold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bold Italic */
@font-face {
    font-family: 'Bukra';
    src: url('../fonts/29ltbukra/29ltbukrabolditalic.otf') format('opentype'),
         url('../fonts/29ltbukra/29ltbukrabolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ===================================================================
   Override Default Font
   =================================================================== */

body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th,
input, textarea, select, button,
.main-menu__list > li > a,
.thm-btn,
.section-title__title,
.section-title__tagline {
    font-family: var(--ar-font-family) !important;
}

/* Ensure proper Arabic text rendering */
html[dir="rtl"] body {
    text-align: right;
}