/* =========================================================
   AZZAM CENTER — Unified Page Headers v120
   Safe compact header skin
   IMPORTANT: styles apply ONLY after JS marks a verified page header.
   This prevents page content/wrappers from being hidden or turned into headers.
   ========================================================= */

:root{
    --az-ph-bg-1:#241d10;
    --az-ph-bg-2:#17140f;
    --az-ph-bg-3:#0e0d0a;
    --az-ph-gold:#efb91f;
    --az-ph-gold-2:#ffd22d;
    --az-ph-gold-soft:#f2d36d;
    --az-ph-white:#fffdf8;
    --az-ph-muted:#aaa59d;
    --az-ph-border:rgba(239,185,31,.72);
    --az-ph-shadow:0 14px 34px rgba(23,18,8,.12);
}

.az-unified-header-v120{
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    margin:12px 10px 16px!important;
    padding:14px 18px!important;
    border:1px solid var(--az-ph-border)!important;
    border-inline-end:5px solid var(--az-ph-gold)!important;
    border-radius:17px!important;
    background:radial-gradient(circle at 7% 0%,rgba(240,185,31,.13),transparent 31%),linear-gradient(135deg,var(--az-ph-bg-1) 0%,var(--az-ph-bg-2) 50%,var(--az-ph-bg-3) 100%)!important;
    box-shadow:var(--az-ph-shadow)!important;
    color:var(--az-ph-white)!important;
    direction:rtl!important;
    text-align:right!important;
    font-family:"Almarai","Tajawal","Cairo",sans-serif!important;
}

.az-unified-header-v120::before,.az-unified-header-v120::after{content:none!important;display:none!important;}

/* ===== Unified DOM shell generated by JS ===== */
.az-unified-header-v120 .az-ph-shell{
    width:100%!important;
    min-height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    direction:rtl!important;
}

.az-unified-header-v120 .az-ph-content{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:right!important;
}

.az-unified-header-v120 .az-ph-title-line{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0 0 3px!important;
}

/* Small icon box; the inner icon is cloned from the matching sidebar item. */
.az-unified-header-v120 .az-ph-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(240,185,31,.58)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(52,39,17,.95),rgba(19,16,11,.98))!important;
    color:var(--az-ph-gold-2)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 13px rgba(0,0,0,.15)!important;
}

.az-unified-header-v120 .az-ph-icon > i,
.az-unified-header-v120 .az-ph-icon > svg,
.az-unified-header-v120 .az-ph-icon .iconify,
.az-unified-header-v120 .az-ph-icon [data-feather]{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    font-size:16px!important;
    line-height:1!important;
    color:var(--az-ph-gold-2)!important;
    stroke:currentColor!important;
    fill:none!important;
    margin:0!important;
    padding:0!important;
}

/* Some icon fonts use glyph fill rather than SVG stroke. */
.az-unified-header-v120 .az-ph-icon > i::before,
.az-unified-header-v120 .az-ph-icon .iconify{
    color:var(--az-ph-gold-2)!important;
}

/* Small section label above title when available. */
.az-unified-header-v120 .az-ph-kicker{
    margin:0 52px 2px 0!important;
    color:var(--az-ph-gold-soft)!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.35!important;
    white-space:normal!important;
}

.az-unified-header-v120 h1,
.az-unified-header-v120 h2,
.az-unified-header-v120 h3,
.az-unified-header-v120 h4,
.az-unified-header-v120 h5,
.az-unified-header-v120 h6{
    margin:0!important;
    padding:0!important;
    color:var(--az-ph-gold-2)!important;
    -webkit-text-fill-color:var(--az-ph-gold-2)!important;
    font-family:"Almarai","Tajawal","Cairo",sans-serif!important;
    font-size:clamp(18px,1.45vw,23px)!important;
    font-weight:900!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-shadow:none!important;
}

.az-unified-header-v120 h1 *,
.az-unified-header-v120 h2 *,
.az-unified-header-v120 h3 *,
.az-unified-header-v120 h4 *,
.az-unified-header-v120 h5 *,
.az-unified-header-v120 h6 *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    font:inherit!important;
}

.az-unified-header-v120 .az-ph-description{
    width:auto!important;
    max-width:920px!important;
    margin:3px 52px 0 0!important;
    padding:0!important;
    color:var(--az-ph-white)!important;
    -webkit-text-fill-color:var(--az-ph-white)!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.65!important;
    opacity:.96!important;
}

.az-unified-header-v120 .breadcrumb{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:3px!important;
    width:auto!important;
    margin:5px 52px 0 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    direction:rtl!important;
    list-style:none!important;
}

.az-unified-header-v120 .breadcrumb-item,
.az-unified-header-v120 .breadcrumb-item a{
    color:var(--az-ph-muted)!important;
    -webkit-text-fill-color:var(--az-ph-muted)!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.5!important;
    text-decoration:none!important;
}

.az-unified-header-v120 .breadcrumb-item:first-child a,
.az-unified-header-v120 .breadcrumb-item:first-child,
.az-unified-header-v120 .breadcrumb-item.active,
.az-unified-header-v120 .breadcrumb-item:last-child{
    color:var(--az-ph-gold-soft)!important;
    -webkit-text-fill-color:var(--az-ph-gold-soft)!important;
}

.az-unified-header-v120 .breadcrumb-item + .breadcrumb-item::before{
    float:none!important;
    color:#8e8a83!important;
    padding:0 4px!important;
}

/* Existing page buttons stay on the left side, compact and visually aligned. */
.az-unified-header-v120 .az-ph-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    direction:rtl!important;
}

.az-unified-header-v120 .az-ph-actions .btn,
.az-unified-header-v120 .az-ph-actions a.btn,
.az-unified-header-v120 .az-ph-actions button.btn{
    min-height:40px!important;
    height:auto!important;
    padding:8px 13px!important;
    border-radius:11px!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.3!important;
}

/* Legacy wrappers inside old headers should not reintroduce layout differences. */
.az-unified-header-v120 > .row,
.az-unified-header-v120 > .container,
.az-unified-header-v120 > .container-fluid,
.az-unified-header-v120 [class*="col-"]{
    max-width:100%!important;
}


/* v120 — one visual layer only. Old hero/header pseudo-elements and legacy
   nested shells are fully neutralized inside the canonical header. */
.az-unified-header-v120 > :not(.az-ph-shell){display:none!important;}
.az-unified-header-v120 .az-ph-shell .page-header,
.az-unified-header-v120 .az-ph-shell .az-page-header,
.az-unified-header-v120 .az-ph-shell .az-hero,
.az-unified-header-v120 .az-ph-shell .social-hero,
.az-unified-header-v120 .az-ph-shell .page-hero,
.az-unified-header-v120 .az-ph-shell .section-hero{
    background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
}
.az-unified-header-v120 .az-ph-content > .az-ph-kicker + .az-ph-title-line{margin-top:0!important;}

/* ===== Tablet ===== */
@media (max-width:991.98px){

    .az-unified-header-v120 .az-ph-shell{gap:12px!important;}
    .az-unified-header-v120 .az-ph-icon{
        width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:11px!important;
    }
    .az-unified-header-v120 .az-ph-icon > i,
    .az-unified-header-v120 .az-ph-icon > svg,
    .az-unified-header-v120 .az-ph-icon .iconify,
    .az-unified-header-v120 .az-ph-icon [data-feather]{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;font-size:17px!important;}
    .az-unified-header-v120 h1,
    .az-unified-header-v120 h2,
    .az-unified-header-v120 h3,
    .az-unified-header-v120 h4,
    .az-unified-header-v120 h5,
    .az-unified-header-v120 h6{font-size:20px!important;}
    .az-unified-header-v120 .az-ph-kicker,
    .az-unified-header-v120 .az-ph-description,
    .az-unified-header-v120 .breadcrumb{margin-right:48px!important;}
    .az-unified-header-v120 .az-ph-description{font-size:11.5px!important;}
}

/* ===== Mobile ===== */
@media (max-width:767.98px){

    .az-unified-header-v120 .az-ph-shell{
        min-height:0!important;
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:9px!important;
    }
    .az-unified-header-v120 .az-ph-content{width:100%!important;}
    .az-unified-header-v120 .az-ph-title-line{gap:8px!important;}
    .az-unified-header-v120 .az-ph-icon{
        width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;border-radius:10px!important;
    }
    .az-unified-header-v120 .az-ph-icon > i,
    .az-unified-header-v120 .az-ph-icon > svg,
    .az-unified-header-v120 .az-ph-icon .iconify,
    .az-unified-header-v120 .az-ph-icon [data-feather]{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;font-size:16px!important;}
    .az-unified-header-v120 h1,
    .az-unified-header-v120 h2,
    .az-unified-header-v120 h3,
    .az-unified-header-v120 h4,
    .az-unified-header-v120 h5,
    .az-unified-header-v120 h6{font-size:18px!important;line-height:1.35!important;}
    .az-unified-header-v120 .az-ph-kicker{
        margin:0 42px 1px 0!important;
        font-size:10px!important;
    }
    .az-unified-header-v120 .az-ph-description{
        margin:3px 42px 0 0!important;
        font-size:10.5px!important;
        line-height:1.55!important;
    }
    .az-unified-header-v120 .breadcrumb{
        margin:4px 42px 0 0!important;
        gap:2px!important;
    }
    .az-unified-header-v120 .breadcrumb-item,
    .az-unified-header-v120 .breadcrumb-item a{font-size:10px!important;}
    .az-unified-header-v120 .az-ph-actions{
        width:100%!important;
        justify-content:flex-start!important;
        padding-right:42px!important;
    }
    .az-unified-header-v120 .az-ph-actions .btn,
    .az-unified-header-v120 .az-ph-actions a.btn,
    .az-unified-header-v120 .az-ph-actions button.btn{
        min-height:36px!important;
        padding:7px 11px!important;
        font-size:11px!important;
    }
}

@media (max-width:420px){
    .az-unified-header-v120 h1,
    .az-unified-header-v120 h2,
    .az-unified-header-v120 h3,
    .az-unified-header-v120 h4,
    .az-unified-header-v120 h5,
    .az-unified-header-v120 h6{font-size:17px!important;}
    .az-unified-header-v120 .az-ph-description{font-size:10px!important;}
}


/* =========================================================
   V117 — hard normalization for EVERY enhanced page hero
   This intentionally targets the generated class itself, so legacy/custom
   wrappers (social-hero, stats hero, expenses hero, etc.) receive the exact
   same geometry even when their original page stylesheet is more specific.
   ========================================================= */
.page-body .az-unified-header-v120{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-height:96px!important;
    height:auto!important;
    margin:12px 10px 16px!important;
    padding:16px 20px!important;
    border:1px solid rgba(240,185,31,.56)!important;
    border-inline-end:5px solid #f0b91f!important;
    border-radius:17px!important;
    background:radial-gradient(circle at 7% 0%,rgba(240,185,31,.15),transparent 31%),linear-gradient(135deg,#221b0d 0%,#16130f 52%,#0f0e0c 100%)!important;
    box-shadow:0 12px 30px rgba(25,19,9,.10)!important;
    overflow:hidden!important;
    direction:rtl!important;
    text-align:right!important;
    font-family:"Almarai","Tajawal","Cairo",sans-serif!important;
}
.page-body .az-unified-header-v120 .az-ph-shell{min-height:62px!important;}
.page-body .az-unified-header-v120 .az-ph-icon{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:11px!important;}
.page-body .az-unified-header-v120 .az-ph-icon > i,
.page-body .az-unified-header-v120 .az-ph-icon > svg,
.page-body .az-unified-header-v120 .az-ph-icon .iconify,
.page-body .az-unified-header-v120 .az-ph-icon [data-feather]{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;font-size:17px!important;}
.page-body .az-unified-header-v120 .az-ph-kicker{margin-right:48px!important;font-size:10.5px!important;}
.page-body .az-unified-header-v120 h1,
.page-body .az-unified-header-v120 h2,
.page-body .az-unified-header-v120 h3,
.page-body .az-unified-header-v120 h4,
.page-body .az-unified-header-v120 h5,
.page-body .az-unified-header-v120 h6{font-size:clamp(18px,1.45vw,23px)!important;line-height:1.28!important;}
.page-body .az-unified-header-v120 .az-ph-description{margin-right:48px!important;font-size:11.5px!important;line-height:1.55!important;max-width:880px!important;}
.page-body .az-unified-header-v120 .breadcrumb{margin-right:48px!important;margin-top:4px!important;}
.page-body .az-unified-header-v120 .breadcrumb-item,
.page-body .az-unified-header-v120 .breadcrumb-item a{font-size:10.5px!important;}

@media(max-width:767.98px){
  .page-body .az-unified-header-v120{width:calc(100% - 10px)!important;margin:8px 5px 12px!important;padding:12px!important;min-height:0!important;border-radius:14px!important;border-inline-end-width:4px!important;}
  .page-body .az-unified-header-v120 .az-ph-icon{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important;border-radius:9px!important;}
  .page-body .az-unified-header-v120 .az-ph-icon > i,
  .page-body .az-unified-header-v120 .az-ph-icon > svg,
  .page-body .az-unified-header-v120 .az-ph-icon .iconify,
  .page-body .az-unified-header-v120 .az-ph-icon [data-feather]{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;font-size:15px!important;}
  .page-body .az-unified-header-v120 h1,
  .page-body .az-unified-header-v120 h2,
  .page-body .az-unified-header-v120 h3,
  .page-body .az-unified-header-v120 h4,
  .page-body .az-unified-header-v120 h5,
  .page-body .az-unified-header-v120 h6{font-size:17px!important;}
  .page-body .az-unified-header-v120 .az-ph-kicker,
  .page-body .az-unified-header-v120 .az-ph-description,
  .page-body .az-unified-header-v120 .breadcrumb{margin-right:40px!important;}
}


@media (max-width:991.98px){
  .az-unified-header-v120{margin:10px 7px 14px!important;padding:13px 15px!important;border-radius:15px!important;border-inline-end-width:4px!important;}
}
@media (max-width:767.98px){
  .az-unified-header-v120{margin:8px 5px 12px!important;padding:11px 12px!important;border-radius:13px!important;}
  .az-unified-header-v120 .az-ph-shell{flex-direction:column!important;align-items:stretch!important;gap:8px!important;}
  .az-unified-header-v120 .az-ph-actions{width:100%!important;justify-content:flex-start!important;}
}


/* =========================================================
   V120 — exception-page normalization
   Quick services / stats / suppliers / stable expenses now use the exact same
   single-layer header geometry as every other page.
   ========================================================= */
.page-body .az-unified-header-v120.az-quickscan-intro,
.page-body .az-unified-header-v120.quickscan-hero,
.page-body .az-unified-header-v120.quick-services-hero,
.page-body .az-unified-header-v120.stats-admin-hero,
.page-body .az-unified-header-v120.hero-stats-header,
.page-body .az-unified-header-v120.supplier-hero,
.page-body .az-unified-header-v120.suppliers-hero,
.page-body .az-unified-header-v120.stable-expenses-hero,
.page-body .az-unified-header-v120.page-header,
.page-body .az-unified-header-v120.az-page-header{
    width:calc(100% - 20px)!important;
    min-height:96px!important;
    max-height:none!important;
    margin:12px 10px 16px!important;
    padding:16px 20px!important;
    display:block!important;
}

/* Kill every old inner visual shell once the canonical shell exists. */
.page-body .az-unified-header-v120 .az-ph-shell{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Keep action buttons in one line on desktop, including “إضافة إحصائية”. */
.page-body .az-unified-header-v120 .az-ph-actions{
    align-self:center!important;
    margin-inline-start:auto!important;
}

@media(max-width:767.98px){
    .page-body .az-unified-header-v120.az-quickscan-intro,
    .page-body .az-unified-header-v120.quickscan-hero,
    .page-body .az-unified-header-v120.quick-services-hero,
    .page-body .az-unified-header-v120.stats-admin-hero,
    .page-body .az-unified-header-v120.hero-stats-header,
    .page-body .az-unified-header-v120.supplier-hero,
    .page-body .az-unified-header-v120.suppliers-hero,
    .page-body .az-unified-header-v120.stable-expenses-hero,
    .page-body .az-unified-header-v120.page-header,
    .page-body .az-unified-header-v120.az-page-header{
        width:calc(100% - 10px)!important;
        min-height:0!important;
        margin:8px 5px 12px!important;
        padding:12px!important;
    }
}
\n\n/* =========================================================\n   V121 — suppliers page: remove the one remaining legacy outer shell\n   The canonical .az-unified-header-v120 stays unchanged.\n   ========================================================= */\n.page-body .az-supplier-legacy-host-v121{\n    width:100%!important;\n    max-width:none!important;\n    min-height:0!important;\n    height:auto!important;\n    margin:0!important;\n    padding:0!important;\n    border:0!important;\n    border-radius:0!important;\n    background:transparent!important;\n    box-shadow:none!important;\n    overflow:visible!important;\n    display:block!important;\n}\n.page-body .az-supplier-legacy-host-v121::before,\n.page-body .az-supplier-legacy-host-v121::after{\n    content:none!important;\n    display:none!important;\n}\n.page-body .az-supplier-legacy-icon-v121{display:none!important;}\n.page-body .az-supplier-legacy-host-v121 > .az-unified-header-v120{\n    width:calc(100% - 20px)!important;\n    margin:12px 10px 16px!important;\n}\n@media(max-width:767.98px){\n  .page-body .az-supplier-legacy-host-v121 > .az-unified-header-v120{\n      width:calc(100% - 10px)!important;\n      margin:8px 5px 12px!important;\n  }\n}\n