/* LIVRAA: approved printed HEX palette. Loaded after legacy theme styles. */
@font-face{font-family:Inter;src:url('../fonts/inter/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('../fonts/noto_sans_arabic/NotoSansArabic-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
    --brand-primary:#3c535a;--brand-botanical:#6bb086;--brand-evergreen:#0e5655;
    --brand-olive:#475627;--brand-tangerine:#e7670d;--brand-citrus:#ec912a;
    --brand-cream:#ecdbc6;--brand-cypress:#9e2c21;--brand-paper:#faf7f2;
    /* --app-font is owned by css/custom.css (admin panel, Montserrat); do not alias it here. */
    --brand-font:Inter,Arial,sans-serif;
    --primary:var(--brand-primary);--success:var(--brand-evergreen);--info:var(--brand-olive);--warning:var(--brand-citrus);--danger:var(--brand-cypress);
}
[dir="rtl"],[lang="ar"],.arabic_text,.tajawal__regular{--brand-font:'GE Dinar','Noto Sans Arabic',Tahoma,sans-serif}
body{font-family:var(--brand-font);color:var(--brand-primary);background:var(--brand-paper)}
body:not(.ws-body) h1,body:not(.ws-body) h2,body:not(.ws-body) h3,body:not(.ws-body) h4{font-weight:600}
img[src*="livraa-logo"],.brand-logo img,.left-brand img{object-fit:contain;height:auto}
.btn.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.btn.btn-primary:hover,.btn.btn-primary:focus{background:var(--brand-evergreen);border-color:var(--brand-evergreen);color:#fff}
.btn.btn-outline-primary{color:var(--brand-primary);border-color:var(--brand-primary)}
.btn.btn-outline-primary:hover,.btn.btn-outline-primary:focus{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.bg-light-primary{background:#edf2f2!important}
.text-primary{color:var(--brand-primary)!important}
.text-success{color:var(--brand-evergreen)!important}
.bg-primary{background:var(--brand-primary)!important}
.bg-success{background:var(--brand-evergreen)!important}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--brand-primary);color:#fff}
.form-control:focus{border-color:var(--brand-evergreen);box-shadow:0 0 0 3px rgba(14,86,85,.12)}
.card{border-radius:12px;box-shadow:0 2px 12px rgba(60,83,90,.04)}
.header,.header-mobile,.header-bottom{background:#fff}
.header .brand-logo,.header-mobile .brand-logo{margin-inline:0!important;padding:0!important}
:focus-visible{outline:2px solid var(--brand-evergreen);outline-offset:3px}
.ws-app-preview{min-height:100%;aspect-ratio:920/2000;background:var(--brand-paper);color:var(--brand-primary);text-align:start;overflow:hidden}
.ws-app-preview__header{background:var(--brand-primary);padding:12% 8% 8%}
.ws-phone__screen .ws-app-preview__header img{width:100%;height:auto;display:block;background:transparent;object-fit:contain;border-radius:0}
.ws-app-preview__content{padding:10% 8%;font-size:clamp(8px,.9vw,14px)}
.ws-app-preview__eyebrow{font-size:.8em;line-height:1.6;margin-bottom:1em}
.ws-app-preview h3{font-size:1.5em;line-height:1.35;font-weight:600}
.ws-app-preview__card{padding:10%;background:var(--brand-cream);border-radius:12px;margin-block:14%;text-align:center;line-height:1.6}
.ws-phone__screen .ws-app-preview__card img{display:block;width:48%;height:auto;margin:0 auto 10%;background:transparent;object-fit:contain;border-radius:0}
.ws-app-preview__card p{font-size:1.2em;margin:0}
.ws-app-preview__tile{padding:9% 6%;margin-block:5%;background:#fff;border:1px solid #dce3e1;border-radius:8px;font-size:.85em}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}