/*
 * Farabi | Corporate navigation refresh
 * Preview-only draft ā€” scoped to Astra desktop/mobile header and UberMenu.
 * No change to menu data, ordering, destinations or dropdown behavior.
 */
:root {
    --farabi-nav-green: #087044;
    --farabi-nav-deep: #064d38;
    --farabi-nav-ink: #173b32;
    --farabi-nav-mint: #eef8f2;
    --farabi-nav-line: #e1ede7;
    --farabi-nav-gold: #bb9b5a;
}

/* Header surface: quiet, polished and bright. */
#ast-desktop-header .ast-primary-header-bar {
    background: linear-gradient(115deg,#ffffff 0%,#ffffff 62%,#f7fbf8 100%);
    border-bottom: 1px solid #e2ece7;
    box-shadow: 0 7px 24px rgba(8,56,42,.075);
    position: relative;
}
#ast-desktop-header .ast-primary-header-bar::after {
    content: "";
    position: absolute;
    height: 2px;
    bottom: -1px;
    right: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(270deg,transparent 2%,#098351 38%,#c1a264 75%,transparent 100%);
    opacity: .72;
}
/* Keep the primary header only a few pixels taller than the glass menu tray.
   The 48px logo remains at its original size and the flyout positioning is untouched. */
#ast-desktop-header .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 64px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
#ast-desktop-header .site-primary-header-wrap > .ast-builder-grid-row {
    align-items: center;
}
#ast-desktop-header .site-branding .custom-logo-link {
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
}
#ast-desktop-header .site-branding .custom-logo {
    transition: transform .24s ease;
}
#ast-desktop-header .site-branding .custom-logo-link:hover .custom-logo {
    transform: translateY(-1px);
}

/* First row only: do not modify how UberMenu positions its megamenus. */
#ast-desktop-header .ubermenu.ubermenu-main {
    direction: rtl;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: IRANSansFaNum,Tahoma,sans-serif;
}
/* Keep native UberMenu top-level floats and positioning.
   Full-width mega panels must position against the menu bar, not a menu item. */
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav {
    padding: 8px 0 !important;
    background: transparent;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
    position: relative;
    display: block;
    min-height: 44px;
    margin: 0 1px;
    padding: 12px 13px !important;
    border: 1px solid transparent !important;
    border-radius: 12px;
    background: transparent !important;
    color: var(--farabi-nav-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 20%;
    left: 20%;
    height: 2px;
    border-radius: 100px;
    background: var(--farabi-nav-green);
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity .2s ease,transform .2s ease;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item:hover > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-active > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target:focus-visible {
    color: #076b46 !important;
    background: #eef8f2 !important;
    border-color: #dceee3 !important;
    transform: translateY(-1px);
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item:hover > .ubermenu-target::after,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-active > .ubermenu-target::after,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
}
/* Current page gets a distinctive, restrained brand-green capsule. */
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: linear-gradient(135deg,#0a7850,#075238) !important;
    border-color: #0a6845 !important;
    box-shadow: 0 5px 13px rgba(4,95,62,.18);
    color: #ffffff !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target::after,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target::after {
    background: #e4c78b;
    opacity: .85;
    transform: scaleX(1);
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target .ubermenu-target-title,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target .ubermenu-target-title {
    color: #fff !important;
}
/* UberMenu's arrow is absolutely positioned 10px from the right.
   Reserve space on the RIGHT in RTL so it never sits over the label. */
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-has-submenu-drop > .ubermenu-target {
    padding-right: 35px !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target .ubermenu-sub-indicator {
    right: 13px !important;
    top: 50% !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
    color: #689184;
    font-size: 11px;
    opacity: .85;
    transition: color .24s ease;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item:hover > .ubermenu-target .ubermenu-sub-indicator {
    color: #087044;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target .ubermenu-sub-indicator,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target .ubermenu-sub-indicator {
    color: #ffffff;
}
/* Product catalogue as a visual anchor, without moving or renaming the link. */
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > #menu-item-10146 > .ubermenu-target {
    border: 1px solid #c1dccd !important;
    background: #f2f9f4 !important;
    color: #086944 !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > #menu-item-10146:hover > .ubermenu-target {
    background: #e5f3e9 !important;
}

/* Floating dropdown panels; retain the plugin's own grid/hover engine. */
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
    background: #fff !important;
    border: 1px solid var(--farabi-nav-line) !important;
    border-top: 3px solid #0a7d4b !important;
    border-radius: 0 0 15px 15px !important;
    box-shadow: 0 19px 43px rgba(12,53,38,.15) !important;
    padding: 14px 12px 16px !important;
}
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-normal > .ubermenu-target {
    border-radius: 9px;
    color: #28483e !important;
    background: transparent !important;
    padding: 10px 13px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.95 !important;
    transition: color .2s ease,background-color .2s ease,padding-right .2s ease;
}
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover,
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-normal > .ubermenu-target:hover,
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item.ubermenu-active > .ubermenu-target {
    color: #066c45 !important;
    background: #eff8f2 !important;
    padding-right: 17px !important;
}
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target .ubermenu-target-title {
    font-weight: 600;
}
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-badge {
    color: #6d8175;
    font-size: 10px;
    font-weight: 400;
}

/* Astra's own mobile header and menu, not the UberMenu desktop layout. */
@media (max-width: 921px) {
    #ast-mobile-header .ast-primary-header-bar {
        background: linear-gradient(120deg,#fff,#f5faf6);
        box-shadow: 0 3px 16px rgba(12,53,38,.08);
        border-bottom: 2px solid rgba(7,112,68,.55);
    }
    #ast-mobile-header .ast-mobile-menu-trigger-fill .mobile-menu-toggle-icon {
        color: #fff;
    }
    #ast-mobile-header .ast-button-wrap .menu-toggle {
        border-radius: 11px !important;
        box-shadow: 0 5px 15px rgba(7,103,67,.13);
    }
    #ast-mobile-header .ast-mobile-header-content {
        border: 1px solid #e1ede7;
        box-shadow: 0 16px 25px rgba(7,54,40,.12);
        background: #fff;
        padding: 12px 16px;
    }
    #ast-mobile-header .ast-mobile-header-content .main-header-menu > li > a {
        padding: 12px 13px !important;
        margin: 3px 0;
        border-radius: 10px;
        color: #1b4637 !important;
        font-size: 13px;
        font-weight: 600;
        transition: background-color .2s ease;
    }
    #ast-mobile-header .ast-mobile-header-content .main-header-menu > li > a:hover,
    #ast-mobile-header .ast-mobile-header-content .main-header-menu > li.current-menu-item > a {
        background: #edf7f0;
        color: #066c45 !important;
    }
}
@media (min-width: 922px) and (max-width: 1220px) {
    #ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav {
        gap: 0;
    }
    #ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
        padding: 11px 8px !important;
        font-size: 11.5px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    #ast-desktop-header .ubermenu *, #ast-mobile-header .ast-mobile-header-content * {
        transition: none !important;
        animation: none !important;
    }
}

/* ---------------------------------------------------------
   Farabi Navigation V2 | Frosted Mineral Glass
   Strictly visual: UberMenu layout/positioning/DOM untouched.
   --------------------------------------------------------- */
#ast-desktop-header .ast-primary-header-bar {
    background:
        radial-gradient(ellipse 55% 170% at 90% -50%, rgba(117,186,151,.32), transparent 80%),
        radial-gradient(ellipse 41% 140% at 5% 110%, rgba(201,221,197,.30), transparent 80%),
        linear-gradient(115deg, #f0f8f3 0%, #f6faf6 41%, #eaf4ed 100%) !important;
    border-bottom: 1px solid rgba(132,181,149,.32) !important;
    box-shadow: 0 5px 24px rgba(9,63,39,.105), inset 0 1px 0 rgba(255,255,255,.85) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    backdrop-filter: blur(16px) saturate(140%);
}
#ast-desktop-header .ast-primary-header-bar::after {
    height: 2px !important;
    opacity: .75 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(39,151,91,.65) 32%, rgba(191,163,95,.42) 68%, transparent 100%) !important;
}

/* Floating frosted nav tray, not a solid white toolbar. */
#ast-desktop-header .ubermenu.ubermenu-main {
    background: rgba(255,255,255,.53) !important;
    border: 1px solid rgba(255,255,255,.94) !important;
    border-radius: 10px !important;
    padding: 5px 6px !important;
    box-shadow:
        0 8px 28px rgba(15,73,46,.085),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(78,137,98,.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(155%);
    backdrop-filter: blur(18px) saturate(155%);
    overflow: visible !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav {
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}
/* Top-level items only; don't override display/grid/floats of plugin. */
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
    background: rgba(255,255,255,.26) !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    padding: 11px 12px !important;
    margin: 0 2px;
    min-height: 44px;
    box-shadow: none !important;
    color: #234c3d !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    transform: none !important;
    transition: background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-has-submenu-drop > .ubermenu-target {
    padding-right: 34px !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target .ubermenu-target-title {
    color: inherit !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item:hover > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-active > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target:focus-visible {
    background: rgba(223,241,229,.83) !important;
    border-color: rgba(135,190,153,.53) !important;
    color: #075c3b !important;
    box-shadow: 0 4px 13px rgba(41,104,68,.09), inset 0 1px 0 rgba(255,255,255,.8) !important;
    transform: none !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: linear-gradient(135deg, rgba(218,241,226,.94),rgba(239,250,241,.9)) !important;
    border-color: #b4d8bf !important;
    color: #085f3e !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 12px rgba(38,108,66,.065) !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target .ubermenu-target-title,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target .ubermenu-target-title {
    color: #085f3e !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target::after,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target::after {
    background: #72aa88 !important;
    opacity: .65 !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target .ubermenu-sub-indicator,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target .ubermenu-sub-indicator,
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target .ubermenu-sub-indicator {
    color: #5a9878 !important;
}
/* Product is the same material as an active entry, not its own bright button. */
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > #menu-item-10146 > .ubermenu-target {
    background: linear-gradient(135deg,rgba(226,244,231,.86),rgba(250,255,249,.86)) !important;
    border-color: #c4dfcb !important;
    border-radius: 6px !important;
    color: #0a6542 !important;
    box-shadow: inset 0 1px 0 #fff, 0 3px 9px rgba(8,89,49,.055) !important;
}
#ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > #menu-item-10146:hover > .ubermenu-target {
    background: #dcefe3 !important;
    border-color: #9bc5a9 !important;
}
/* For real glass, dropdowns also use lightly tinted translucent surfaces. */
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
    background: rgba(251,255,252,.96) !important;
    border: 1px solid rgba(178,212,191,.72) !important;
    border-top: 2px solid rgba(35,135,82,.85) !important;
    border-radius: 0 0 9px 9px !important;
    box-shadow: 0 22px 42px rgba(13,67,39,.15), inset 0 1px 0 #fff !important;
    -webkit-backdrop-filter: blur(20px) saturate(130%);
    backdrop-filter: blur(20px) saturate(130%);
    /* No transforms, overflow or position overrides: mega menu width remains native. */
}
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target,
#ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-item-normal > .ubermenu-target {
    border-radius: 5px !important;
}
#ast-desktop-header .site-branding .custom-logo-link {
    border-radius: 5px !important;
}
/* Mobile uses an equally light and restrained mineral-glass background. */
@media (max-width: 921px) {
    #ast-mobile-header .ast-primary-header-bar {
        background: linear-gradient(125deg,rgba(240,249,243,.98),rgba(226,241,231,.98)) !important;
        border-bottom: 1px solid rgba(52,142,86,.35) !important;
        box-shadow: 0 5px 20px rgba(11,77,48,.1) !important;
    }
    #ast-mobile-header .ast-button-wrap .menu-toggle,
    #ast-mobile-header .ast-mobile-header-content .main-header-menu > li > a {
        border-radius: 6px !important;
    }
    #ast-mobile-header .ast-mobile-header-content {
        background: rgba(253,255,253,.96) !important;
        border-color: #d5e7d9 !important;
        border-radius: 0 0 10px 10px !important;
        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
    }
}
@media (min-width:922px) and (max-width:1220px) {
    #ast-desktop-header .ubermenu.ubermenu-main {
        padding: 4px !important;
    }
    #ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target {
        padding: 10px 8px !important;
        margin: 0 1px;
        font-size: 11.5px !important;
    }
    #ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item.ubermenu-has-submenu-drop > .ubermenu-target {
        padding-right: 29px !important;
    }
    #ast-desktop-header .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item > .ubermenu-target .ubermenu-sub-indicator {
        right: 10px !important;
    }
}
@media (prefers-reduced-transparency: reduce) {
    #ast-desktop-header .ubermenu.ubermenu-main,
    #ast-desktop-header .ubermenu.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
        background: #f7fcf8 !important;
    }
}

/* Farabi Products Mega Menu — viewport-wide, responsive and isolated.
   JS computes offsetParent-based x offset; no layout changes to other menus. */
@media (min-width: 961px) {
    #ast-desktop-header #menu-item-10146 > .ubermenu-submenu.ubermenu-submenu-drop {
        box-sizing: border-box !important;
        left: var(--farabi-products-left, 0px) !important;
        right: auto !important;
        width: var(--farabi-products-width, 100%) !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: clamp(18px,2.3vw,36px) clamp(20px,4vw,72px) !important;
        display: grid !important;
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: clamp(18px,3.2vw,52px);
        align-items: start;
        text-align: right;
        direction: rtl;
        background: linear-gradient(130deg,rgba(251,255,252,.97),rgba(240,249,244,.97)) !important;
        border-radius: 0 0 12px 12px !important;
        box-shadow: 0 24px 42px rgba(5,59,35,.14), 0 2px 0 rgba(255,255,255,.72) inset !important;
        /* Deliberately avoid clipping items and nested lists. */
        overflow: visible !important;
    }
    #ast-desktop-header #menu-item-10146 > .ubermenu-submenu > .ubermenu-item-level-1 {
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        float: none !important;
        display: block !important;
        text-align: right;
    }
    #ast-desktop-header #menu-item-10146 > .ubermenu-submenu > .ubermenu-item-level-1 > .ubermenu-target {
        display: block;
        width: 100%;
        box-sizing: border-box;
        color: #0c6444 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        padding: 11px 14px !important;
        border-bottom: 1px solid rgba(54,138,91,.21);
        border-radius: 6px !important;
        background: rgba(216,240,224,.57) !important;
        margin-bottom: 6px;
        white-space: normal;
    }
    #ast-desktop-header #menu-item-10146 .ubermenu-submenu-type-stack {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
        background: transparent !important;
    }
    #ast-desktop-header #menu-item-10146 .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
        white-space: normal !important;
        padding: 8px 12px !important;
        line-height: 1.8 !important;
        border-radius: 5px !important;
    }
}
@media (min-width: 961px) and (max-width: 1180px) {
    #ast-desktop-header #menu-item-10146 > .ubermenu-submenu.ubermenu-submenu-drop {
        column-gap: 15px;
        padding: 18px 20px !important;
    }
}
/* <=960px: native UberMenu or Astra mobile behavior, no forced viewport width/grid. */