/* SabronPro Global Polish V3 — compact bilingual header + clean public layout */
:root{--sb-navy:#0b1320;--sb-gold:#d4af37;--sb-line:#dfe6ef;--sb-shadow:0 12px 34px rgba(15,23,42,.08)}
html[lang="en"] body{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}
html[lang="ar"] body{font-family:"Cairo","Tajawal",sans-serif!important}
body{background:#f7f9fc;color:#172033}
.sabron-header-wrapper{position:relative;z-index:1000;width:100%}
.sabron-navbar{position:fixed!important;inset-block-start:0;inset-inline:0;width:100%;background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 28px rgba(15,23,42,.07)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.sabron-navbar>div{max-width:1920px!important;width:100%!important;padding-inline:clamp(16px,2vw,38px)!important}
.sabron-nav-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;min-height:88px!important;gap:clamp(12px,1.4vw,24px)!important;width:100%!important}
.brand-link{min-width:max-content!important;max-width:290px;gap:12px!important}
.brand-logo-box{width:54px!important;height:54px!important;min-width:54px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(212,175,55,.34)!important;box-shadow:0 10px 26px rgba(15,23,42,.08),inset 0 0 0 5px rgba(212,175,55,.05)!important}
.brand-title{font-size:clamp(1.25rem,1.45vw,1.65rem)!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#0b1320!important}
.brand-subtitle{font-size:.61rem!important;letter-spacing:.105em!important;color:#b89121!important;white-space:nowrap!important}
.nav-center{min-width:0!important;width:100%!important;overflow:visible!important}
.desktop-nav-shell{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-width:0!important;gap:2px!important;padding:6px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(203,213,225,.9)!important;box-shadow:0 9px 26px rgba(15,23,42,.05)!important}
.nav-link-active,.nav-link-normal{flex:0 1 auto!important;min-width:0!important;padding:12px clamp(10px,.85vw,16px)!important;font-size:clamp(.76rem,.82vw,.91rem)!important;line-height:1.15!important;white-space:nowrap!important;text-align:center!important}
.nav-link-active{background:linear-gradient(180deg,#fffdf8,#fff9e9)!important;color:#111827!important;border:1px solid rgba(212,175,55,.35)!important;box-shadow:0 7px 18px rgba(212,175,55,.09)!important}
.nav-link-normal{color:#172033!important}.nav-link-normal:hover{background:#f5f7fa!important;color:#6d4f00!important}
.header-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important;white-space:nowrap!important}
.cart-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
.lang-switcher-btn{height:42px!important;padding:8px 13px!important;border-radius:13px!important;font-size:.78rem!important}
.login-link{font-size:.88rem!important;white-space:nowrap!important}.header-spacer{height:88px!important}
html[lang="en"] .brand-subtitle{letter-spacing:.09em!important}
html[lang="en"] .nav-link-active,html[lang="en"] .nav-link-normal{font-weight:700!important;padding-inline:clamp(9px,.72vw,14px)!important;font-size:clamp(.73rem,.76vw,.86rem)!important}
.sp7-seo,.sp7-shell,[id="sp7-css"],.sabron-visible-seo,.seo-visible-block,.seo-content-injector{display:none!important}
main,.page-content,.site-main{min-height:50vh}.container{max-width:1440px}section,.section{scroll-margin-top:104px}
h1,h2,h3,h4{color:#111827;text-wrap:balance}p{color:#526078}
.card,.service-card,.product-card,.content-card,.filter-card,.results-bar{border-color:rgba(203,213,225,.72)!important;box-shadow:var(--sb-shadow)}
input,select,textarea{font:inherit!important}html[dir="ltr"] input,html[dir="ltr"] textarea,html[dir="ltr"] select{text-align:left}html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
@media(max-width:1499px){.sabron-nav-inner>.nav-center{display:none!important}.mobile-menu-btn{display:flex!important}#mobile-menu{display:block!important;top:78px!important}.sabron-nav-inner{grid-template-columns:auto 1fr auto!important;min-height:78px!important}.header-spacer{height:78px!important}.brand-subtitle{display:none!important}.header-tools{justify-self:end!important}}
@media(min-width:1500px){.mobile-menu-btn,#mobile-menu{display:none!important}}
@media(max-width:1023px){.sabron-navbar>div{padding-inline:14px!important}.sabron-nav-inner{min-height:72px!important;gap:9px!important}.header-spacer{height:72px!important}#mobile-menu{top:72px!important}.brand-logo-box{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}.brand-title{font-size:1.2rem!important}.brand-text{display:block!important}.header-divider{display:none!important}}
@media(max-width:640px){.brand-text{display:none!important}.cart-btn,.mobile-menu-btn{width:40px!important;height:40px!important;min-width:40px!important}.lang-switcher-btn{width:42px!important;padding:0!important;justify-content:center!important;font-size:0!important}.lang-switcher-btn i,.lang-switcher-btn .fa-globe{font-size:1rem!important}.login-link{display:none!important}.sabron-nav-inner{grid-template-columns:auto 1fr auto!important}}


/* English desktop header spacing refinement — v3.1 */
@media (min-width:1500px) {
    html[lang="en"] .sabron-nav-inner {
        gap: clamp(18px, 1.7vw, 34px) !important;
    }

    html[lang="en"] .desktop-nav-shell {
        justify-content: space-evenly !important;
        gap: clamp(6px, .55vw, 12px) !important;
        padding: 7px 10px !important;
    }

    html[lang="en"] .nav-link-active,
    html[lang="en"] .nav-link-normal {
        padding-inline: clamp(14px, 1.05vw, 22px) !important;
        padding-block: 13px !important;
        font-size: clamp(.82rem, .86vw, .96rem) !important;
        letter-spacing: -.015em !important;
    }

    html[lang="en"] .header-tools {
        gap: 12px !important;
    }

    html[lang="en"] .cart-btn,
    html[lang="en"] .mobile-menu-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        border-radius: 15px !important;
    }

    html[lang="en"] .cart-btn i,
    html[lang="en"] .mobile-menu-btn i,
    html[lang="en"] .header-tools .fa-bell,
    html[lang="en"] .header-tools .fa-user,
    html[lang="en"] .header-tools .fa-lock,
    html[lang="en"] .header-tools .fa-bag-shopping,
    html[lang="en"] .header-tools .fa-cart-shopping {
        font-size: 1.12rem !important;
    }

    html[lang="en"] .lang-switcher-btn {
        min-width: 76px !important;
        height: 48px !important;
        padding-inline: 16px !important;
        gap: 8px !important;
        border-radius: 15px !important;
        font-size: .82rem !important;
    }

    html[lang="en"] .lang-switcher-btn i,
    html[lang="en"] .lang-switcher-btn .fa-globe {
        font-size: 1.08rem !important;
    }

    html[lang="en"] .login-link {
        font-size: .95rem !important;
        padding-inline: 4px !important;
    }
}


/* Arabic desktop header balance restoration — v3.2 */
@media (min-width:1500px) {
    html[lang="ar"] .sabron-navbar > div {
        padding-inline: clamp(10px, 1.1vw, 22px) !important;
    }

    html[lang="ar"] .sabron-nav-inner {
        grid-template-columns: minmax(250px, auto) minmax(0, 1fr) minmax(220px, auto) !important;
        gap: clamp(8px, .9vw, 18px) !important;
    }

    html[lang="ar"] .brand-link {
        max-width: 340px !important;
        gap: 14px !important;
    }

    html[lang="ar"] .brand-logo-box {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        border-radius: 18px !important;
    }

    html[lang="ar"] .brand-logo-box img,
    html[lang="ar"] .brand-logo-box svg {
        width: 31px !important;
        height: 31px !important;
    }

    html[lang="ar"] .brand-title {
        font-size: clamp(1.42rem, 1.65vw, 1.82rem) !important;
    }

    html[lang="ar"] .brand-subtitle {
        font-size: .66rem !important;
        letter-spacing: .08em !important;
    }

    html[lang="ar"] .desktop-nav-shell {
        justify-content: space-evenly !important;
        gap: clamp(4px, .4vw, 9px) !important;
        padding: 7px 9px !important;
    }

    html[lang="ar"] .nav-link-active,
    html[lang="ar"] .nav-link-normal {
        padding-inline: clamp(15px, 1.05vw, 23px) !important;
        padding-block: 13px !important;
        font-size: clamp(.82rem, .88vw, .97rem) !important;
    }

    html[lang="ar"] .header-tools {
        gap: 12px !important;
    }

    html[lang="ar"] .cart-btn,
    html[lang="ar"] .mobile-menu-btn,
    html[lang="ar"] .header-tools > a:not(.login-link):not(.lang-switcher-btn),
    html[lang="ar"] .header-tools > button:not(.lang-switcher-btn) {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        border-radius: 15px !important;
    }

    html[lang="ar"] .cart-btn i,
    html[lang="ar"] .mobile-menu-btn i,
    html[lang="ar"] .header-tools .fa-bell,
    html[lang="ar"] .header-tools .fa-user,
    html[lang="ar"] .header-tools .fa-lock,
    html[lang="ar"] .header-tools .fa-bag-shopping,
    html[lang="ar"] .header-tools .fa-cart-shopping {
        font-size: 1.16rem !important;
    }

    html[lang="ar"] .lang-switcher-btn {
        min-width: 78px !important;
        height: 50px !important;
        padding-inline: 16px !important;
        gap: 8px !important;
        border-radius: 15px !important;
        font-size: .84rem !important;
    }

    html[lang="ar"] .lang-switcher-btn i,
    html[lang="ar"] .lang-switcher-btn .fa-globe {
        font-size: 1.1rem !important;
    }

    html[lang="ar"] .login-link {
        font-size: .98rem !important;
        padding-inline: 2px !important;
    }
}