@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Regular-webfont.woff2') format('woff2'),
        url('Roboto-Regular-webfont.woff') format('woff'),
        url('Roboto-Regular-webfont.ttf') format('truetype'),
        url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('RobotoCondensed-Regular-webfont.eot');
    src: url('RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-Regular-webfont.woff2') format('woff2'),
        url('RobotoCondensed-Regular-webfont.woff') format('woff'),
        url('RobotoCondensed-Regular-webfont.ttf') format('truetype'),
        url('RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotomedium';
    src: url('Roboto-Medium-webfont.eot');
    src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Medium-webfont.woff2') format('woff2'),
        url('Roboto-Medium-webfont.woff') format('woff'),
        url('Roboto-Medium-webfont.ttf') format('truetype'),
        url('Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =====================================================================
   SAWACO brand typography
   English  : Headline = Good Times Regular | Sub-headline = Eurostile Bold | Body = Eurostile Regular
   Arabic   : Headline = AXT Manal Black    | Sub-headline = AXT Manal Bold | Body = AXT Manal Regular
   Drop the woff2 + woff files (names below) into wwwroot/assets/fonts/.
   font-weight: 100 900 lets each single static cut serve any requested
   weight without the browser faux-bolding it.
   ===================================================================== */

/* ---- English ---- */
@font-face {
    font-family: 'Good Times';
    src: url('GoodTimesRg-Regular.woff2') format('woff2'),
         url('GoodTimesRg-Regular.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile';
    src: url('Eurostile-Regular.woff2') format('woff2'),
         url('Eurostile-Regular.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile Bold';
    src: url('Eurostile-Bold.woff2') format('woff2'),
         url('Eurostile-Bold.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ---- Arabic ---- */
@font-face {
    font-family: 'AXT Manal';
    src: url('AXTManalAR-Regular.woff2') format('woff2'),
         url('AXTManalAR-Regular.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AXT Manal Bold';
    src: url('AXTManalAR-Bold.woff2') format('woff2'),
         url('AXTManalAR-Bold.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AXT Manal Black';
    src: url('AXTManalAR-Black.woff2') format('woff2'),
         url('AXTManalAR-Black.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* =====================================================================
   Apply the brand fonts.
   This file is loaded AFTER style.css / style_ar.css on both customer
   layouts, so these rules override the old Roboto defaults. !important is
   used only on font-family so existing per-element sizes/weights/colours
   are kept. Icon fonts (<i class="bi"/"fa">) are intentionally untouched.
   ===================================================================== */

/* ---- English (default / LTR) : Bodycopy = Eurostile Regular ---- */
body,
p, a, span, li, ul, ol, dl, dt, dd, td, th, blockquote, small, strong, em, b,
label, input, select, textarea, button,
.btn, .form-control, .form-select, .form-label, .form-note,
.nav-link, .dropdown-item, .card, .alert, .badge {
    font-family: 'Eurostile', Arial, sans-serif !important;
}

/* Headline = Good Times Regular */
h1, .headline, .hero-section h1, .sub-banner h1, .register-title h1 {
    font-family: 'Good Times', 'Eurostile', Arial, sans-serif !important;
}

/* Sub-headline = Eurostile Bold */
h2, h3, h4, h5, h6, .sub-headline, .sub-title {
    font-family: 'Eurostile Bold', 'Eurostile', Arial, sans-serif !important;
}

/* ---- Arabic (RTL) : Bodycopy = AXT Manal Regular ---- */
html[dir="rtl"] body,
html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] span,
html[dir="rtl"] li, html[dir="rtl"] ul, html[dir="rtl"] ol,
html[dir="rtl"] dl, html[dir="rtl"] dt, html[dir="rtl"] dd,
html[dir="rtl"] td, html[dir="rtl"] th, html[dir="rtl"] blockquote,
html[dir="rtl"] small, html[dir="rtl"] strong, html[dir="rtl"] em, html[dir="rtl"] b,
html[dir="rtl"] label, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea,
html[dir="rtl"] button, html[dir="rtl"] .btn, html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select, html[dir="rtl"] .form-label, html[dir="rtl"] .form-note,
html[dir="rtl"] .nav-link, html[dir="rtl"] .dropdown-item,
html[dir="rtl"] .card, html[dir="rtl"] .alert, html[dir="rtl"] .badge {
    font-family: 'AXT Manal', 'Tahoma', sans-serif !important;
}

/* Headline = AXT Manal Black */
html[dir="rtl"] h1, html[dir="rtl"] .headline,
html[dir="rtl"] .hero-section h1, html[dir="rtl"] .sub-banner h1, html[dir="rtl"] .register-title h1 {
    font-family: 'AXT Manal Black', 'AXT Manal', 'Tahoma', sans-serif !important;
}

/* Sub-headline = AXT Manal Bold */
html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4,
html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] .sub-headline, html[dir="rtl"] .sub-title {
    font-family: 'AXT Manal Bold', 'AXT Manal', 'Tahoma', sans-serif !important;
}

/* =====================================================================
   "Order Now" button — locked to a fixed size so swapping fonts can't
   change its dimensions. Loaded after style.css/style_ar.css so it wins.
   Values match the original Bootstrap sizing (fs-6 = 1rem, fw-light = 300,
   px-3/py-3 = 1rem). Adjust the numbers here if a different size is wanted.
   ===================================================================== */
.order-now-btn {
    min-width: 110px;
    font-size: 1rem !important;        /* fs-6  */
    font-weight: 300 !important;       /* fw-light */
    line-height: 1.5 !important;
    padding: 1rem 1rem !important;     /* px-3 py-3 */
    white-space: nowrap;               /* never wrap -> never grows taller */
}

/* =====================================================================
   Header logo — keep a constant size while scrolling. On scroll, custom.js
   adds .nav-scrolled to the navbar, which had ".nav-scrolled img.img-fluid
   { max-width: 69% }" shrinking the logo. Lock the logo dimensions so it no
   longer changes size between the normal and scrolled states.
   ===================================================================== */
.custom-nav .navbar-brand img,
.custom-nav.nav-scrolled .navbar-brand img,
.nav-scrolled img.img-fluid {
    height: 68px !important;
    width: auto !important;
    max-width: none !important;
}

/* Logo on the left (desktop/lg+). The brand-sec was centering it (justify-content-lg-center). */
@media (min-width: 992px) {
    .custom-nav .brand-sec {
        justify-content: flex-start !important;
    }
}