/* QARAR Enterprise v26.3.2 — Premium Navigation Identity
 * Visual-only enhancement for the existing WordPress hierarchy.
 * Keeps page/menu relationships untouched while giving desktop dropdowns
 * a refined QARAR identity and mobile menus an accessible accordion.
 */

@media (min-width:1101px){
  .qarar-v7-header .primary-nav .menu > li{position:relative}

  /* Top-level parent indicator: subtle, not decorative noise. */
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a{
    display:inline-flex!important;align-items:center;gap:7px;padding-inline-end:0!important
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a::before{
    content:""!important;position:static!important;width:6px;height:6px;border-inline-end:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
    transform:translateY(-2px) rotate(45deg)!important;opacity:.78;transition:transform .18s ease,opacity .18s ease
  }
  html[dir="rtl"] .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a::before{order:2}
  .qarar-v7-header .primary-nav .menu > li:hover > a::before,
  .qarar-v7-header .primary-nav .menu > li:focus-within > a::before{opacity:1;transform:translateY(1px) rotate(225deg)!important}

  /* Premium dropdown surface. */
  .qarar-v7-header .primary-nav .sub-menu{
    width:290px!important;min-width:290px!important;padding:10px!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(31,41,55,.10)!important;
    border-top:4px solid var(--red)!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 24px 60px rgba(14,23,38,.18),0 4px 14px rgba(14,23,38,.08)!important;
    backdrop-filter:blur(12px);
  }
  .qarar-v7-header .primary-nav .sub-menu::before{
    content:"";position:absolute;top:-9px;inset-inline-start:30px;width:14px;height:14px;background:#fff;
    border-top:1px solid rgba(31,41,55,.10);border-inline-start:1px solid rgba(31,41,55,.10);transform:rotate(45deg)
  }

  .qarar-v7-header .primary-nav .sub-menu li{border-radius:9px!important;overflow:visible}
  .qarar-v7-header .primary-nav .sub-menu li+li{margin-top:2px!important}
  .qarar-v7-header .primary-nav .sub-menu a{
    min-height:45px;display:flex!important;align-items:center;position:relative;
    padding:11px 14px!important;border:0!important;border-radius:8px!important;
    color:#28313d!important;background:transparent!important;
    font-size:14px!important;font-weight:700!important;line-height:1.55!important;
    text-align:start!important;transition:background .16s ease,color .16s ease,padding .16s ease
  }
  .qarar-v7-header .primary-nav .sub-menu a::after{display:none!important}
  .qarar-v7-header .primary-nav .sub-menu a:hover,
  .qarar-v7-header .primary-nav .sub-menu a:focus-visible,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-item > a,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-ancestor > a{
    background:#f4f5f7!important;color:var(--red)!important;padding-inline-start:19px!important;outline:0
  }
  .qarar-v7-header .primary-nav .sub-menu a:hover::before,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-item > a::before,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-ancestor > a::before{
    content:"";position:absolute;inset-inline-start:7px;top:11px;bottom:11px;width:3px;border-radius:99px;background:var(--red)
  }

  /* Child arrow follows writing direction. */
  .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a{padding-inline-end:38px!important}
  .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a::before{
    content:""!important;position:absolute!important;inset-inline-start:auto!important;inset-inline-end:15px!important;top:50%!important;
    width:7px;height:7px;border-top:1.7px solid currentColor;border-inline-end:1.7px solid currentColor;background:transparent!important;
    transform:translateY(-50%) rotate(45deg)!important
  }
  html[dir="rtl"] .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a::before{transform:translateY(-50%) rotate(225deg)!important}

  /* Level 3: slight offset and rounded on all sides. */
  .qarar-v7-header .primary-nav .sub-menu .sub-menu{
    top:-10px!important;border-radius:14px!important;border-top-width:1px!important
  }
  .qarar-v7-header .primary-nav .sub-menu .sub-menu::before{display:none}
  html[dir="rtl"] .qarar-v7-header .primary-nav .sub-menu .sub-menu{right:calc(100% + 8px)!important;left:auto!important}
  html[dir="ltr"] .qarar-v7-header .primary-nav .sub-menu .sub-menu{left:calc(100% + 8px)!important;right:auto!important}

  /* A little breathing room for richer sections without becoming a mega-menu. */
  .qarar-v7-header .primary-nav .menu > li:nth-child(1) > .sub-menu,
  .qarar-v7-header .primary-nav .menu > li:nth-child(2) > .sub-menu,
  .qarar-v7-header .primary-nav .menu > li:nth-child(3) > .sub-menu{width:310px!important;min-width:310px!important}
}

@media (max-width:1100px){
  .qarar-v7-header .primary-nav .menu{width:100%!important;gap:0!important}
  .qarar-v7-header .primary-nav .menu > li{position:relative;width:100%;border-bottom:1px solid rgba(255,255,255,.11)}
  .qarar-v7-header .primary-nav .menu > li > a{display:block!important;width:100%;padding:13px 48px 13px 10px!important;color:#fff!important}
  html[dir="ltr"] .qarar-v7-header .primary-nav .menu > li > a{padding:13px 10px 13px 48px!important}

  .qarar-v7-header .primary-nav .menu-item-has-children > a::before{display:none!important}
  .qarar-v7-header .primary-nav .qarar-submenu-toggle{
    position:absolute;z-index:3;top:7px;inset-inline-end:4px;width:38px;height:38px;border:0;border-radius:9px;
    background:rgba(255,255,255,.09);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.18s
  }
  .qarar-v7-header .primary-nav .qarar-submenu-toggle::before{
    content:"";width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:.18s
  }
  .qarar-v7-header .primary-nav li.is-submenu-open > .qarar-submenu-toggle{background:var(--red)}
  .qarar-v7-header .primary-nav li.is-submenu-open > .qarar-submenu-toggle::before{transform:translateY(2px) rotate(225deg)}

  /* Override the old always-open mobile hierarchy. */
  .qarar-v7-header .primary-nav .sub-menu{
    display:none!important;position:static!important;width:auto!important;min-width:0!important;
    margin:0!important;padding:4px 10px 9px 18px!important;background:rgba(0,0,0,.12)!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important
  }
  html[dir="rtl"] .qarar-v7-header .primary-nav .sub-menu{padding:4px 18px 9px 10px!important}
  .qarar-v7-header .primary-nav li.is-submenu-open > .sub-menu{display:block!important}
  .qarar-v7-header .primary-nav .sub-menu li{position:relative;border:0!important}
  .qarar-v7-header .primary-nav .sub-menu li+li{border-top:1px solid rgba(255,255,255,.07)!important}
  .qarar-v7-header .primary-nav .sub-menu a{
    padding:10px 42px 10px 8px!important;color:rgba(255,255,255,.90)!important;background:transparent!important;border:0!important;font-size:14px!important;font-weight:600!important
  }
  html[dir="ltr"] .qarar-v7-header .primary-nav .sub-menu a{padding:10px 8px 10px 42px!important}
  .qarar-v7-header .primary-nav .sub-menu .sub-menu{padding-inline-start:14px!important;background:rgba(0,0,0,.10)!important}
}

@media (prefers-reduced-motion:reduce){
  .qarar-v7-header .primary-nav *, .qarar-v7-header .primary-nav *::before{transition:none!important}
}

/* QARAR Enterprise v26.3.3 — Navigation Polish
 * Remove the small desktop indicator beside top-level navigation tabs.
 * Dropdown behavior and child-level directional arrows remain unchanged.
 */
@media (min-width:1101px){
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a::before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a{
    gap:0!important;
    padding-inline-end:0!important;
  }
  /* Preserve the directional indicator only inside nested dropdown levels. */
  .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a::before{
    content:""!important;
    display:block!important;
    width:7px!important;
    height:7px!important;
    border-top:1.7px solid currentColor!important;
    border-inline-end:1.7px solid currentColor!important;
    border-bottom:0!important;
  }
}


/* QARAR Enterprise v26.3.4 — Top-level navigation indicator correction
 * Remove the unwanted small bar/box beside every main tab and restore
 * one clean, border-only downward chevron only for items that have children.
 */
@media (min-width:1101px){
  /* Kill legacy top-level decorations from older navigation rules. */
  .qarar-v7-header .primary-nav .menu > li > a::before{
    content:none!important;
    display:none!important;
  }
  .qarar-v7-header .primary-nav .menu > li > a::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
    border:0!important;
  }

  /* Parent items get one minimal chevron, with no box, pill, dash or glyph. */
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a::after{
    content:""!important;
    display:inline-block!important;
    position:static!important;
    flex:0 0 auto!important;
    width:7px!important;
    height:7px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-inline-end:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translateY(-2px) rotate(45deg)!important;
    opacity:.9!important;
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children:hover > a::after,
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children:focus-within > a::after{
    transform:translateY(2px) rotate(225deg)!important;
  }

  /* Keep nested dropdown direction arrows exactly as designed. */
  .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a::before{
    content:""!important;
    display:block!important;
  }
  .qarar-v7-header .primary-nav .sub-menu a::after{
    content:none!important;
    display:none!important;
  }
}

/* QARAR Enterprise v26.3.5 — definitive top-level marker cleanup
 * The small white dash/box was a legacy pseudo-element from the primary nav.
 * Remove every top-level pseudo-element, including hover/current states.
 * Nested dropdown arrows remain untouched.
 */
@media (min-width:1101px){
  .qarar-v7-header .primary-nav .menu > li::before,
  .qarar-v7-header .primary-nav .menu > li::after,
  .qarar-v7-header .primary-nav .menu > li > a::before,
  .qarar-v7-header .primary-nav .menu > li > a::after,
  .qarar-v7-header .primary-nav .menu > li:hover > a::before,
  .qarar-v7-header .primary-nav .menu > li:hover > a::after,
  .qarar-v7-header .primary-nav .menu > li:focus-within > a::before,
  .qarar-v7-header .primary-nav .menu > li:focus-within > a::after,
  .qarar-v7-header .primary-nav .menu > li.current-menu-item > a::before,
  .qarar-v7-header .primary-nav .menu > li.current-menu-item > a::after,
  .qarar-v7-header .primary-nav .menu > li.current-menu-ancestor > a::before,
  .qarar-v7-header .primary-nav .menu > li.current-menu-ancestor > a::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a{
    gap:0!important;
    padding-inline-end:0!important;
  }
}

/* QARAR Enterprise v26.3.6 — definitive desktop submenu-toggle fix.
 * premium-navigation.js injects .qarar-submenu-toggle buttons for mobile accordion.
 * They previously had no desktop display rule, so the browser rendered each empty
 * button as the small white dash/box beside every top-level parent item.
 */
@media (min-width:1101px){
  .qarar-v7-header .primary-nav .qarar-submenu-toggle{
    display:none!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}


/* QARAR Enterprise v26.3.13 — Management Review navigation usability */
@media (min-width:1101px){
  /* Invisible bridge covers the visual gap between tab and dropdown. */
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children::after{
    content:""!important;display:block!important;position:absolute!important;
    inset-inline:0!important;top:100%!important;height:18px!important;
    background:transparent!important;pointer-events:auto!important;
  }
  .qarar-v7-header .primary-nav li.qarar-hover-open > .sub-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0)!important;display:block!important;
  }
  .qarar-v7-header .primary-nav .sub-menu li.qarar-hover-open > .sub-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0)!important;display:block!important;
  }
}

/* v26.3.15 — Clear parent-page affordance.
 * Parent labels remain real links; a clean chevron is a separate dropdown control.
 * No box/background is shown on desktop. */
@media (min-width:1101px){
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children{display:flex;align-items:center;position:relative}
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a{position:relative}
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a:hover,
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a:focus-visible{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > .qarar-submenu-toggle{
    display:grid!important;position:static!important;width:20px!important;height:28px!important;margin-inline-start:2px!important;
    padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:currentColor!important;
    box-shadow:none!important;cursor:pointer!important;place-items:center!important;opacity:.9!important
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > .qarar-submenu-toggle::before{
    content:""!important;display:block!important;width:6px!important;height:6px!important;border:0!important;
    border-inline-end:1.7px solid currentColor!important;border-bottom:1.7px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;transition:transform .18s ease!important
  }
  .qarar-v7-header .primary-nav .menu > li.is-submenu-open > .qarar-submenu-toggle::before,
  .qarar-v7-header .primary-nav .menu > li.qarar-hover-open > .qarar-submenu-toggle::before{
    transform:translateY(2px) rotate(225deg)!important
  }
  .qarar-v7-header .primary-nav .sub-menu > li.qarar-overview-link{margin-bottom:7px!important;padding-bottom:7px!important;border-bottom:1px solid #e7e9ed!important}
  .qarar-v7-header .primary-nav .sub-menu > li.qarar-overview-link > a{
    color:var(--red)!important;background:#fff6f7!important;font-weight:800!important
  }
  .qarar-v7-header .primary-nav .sub-menu > li.qarar-overview-link > a::after{
    content:"←"!important;display:inline!important;margin-inline-start:auto!important;font-size:15px!important;opacity:.8!important
  }
}
@media (max-width:1100px){
  .qarar-v7-header .primary-nav .sub-menu > li.qarar-overview-link{border-bottom:1px solid rgba(255,255,255,.18)!important;margin-bottom:4px!important}
  .qarar-v7-header .primary-nav .sub-menu > li.qarar-overview-link > a{font-weight:800!important;color:#fff!important}
}


/* QARAR Enterprise v26.3.16 — Institutional Dropdown Navigation
 * Compact attached vertical dropdown inspired by the approved reference,
 * while preserving QARAR identity and the existing WordPress hierarchy.
 */
@media (min-width:1101px){
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children{
    display:flex!important;align-items:stretch!important;position:relative!important;
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > a{
    display:flex!important;align-items:center!important;text-decoration:none!important;
  }
  /* Separate clean chevron: parent label remains a real page link. */
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > .qarar-submenu-toggle{
    display:grid!important;align-self:stretch!important;position:static!important;
    width:18px!important;height:auto!important;min-height:34px!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;
    cursor:pointer!important;place-items:center!important;overflow:visible!important;pointer-events:auto!important;
  }
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children > .qarar-submenu-toggle::before{
    content:""!important;display:block!important;width:6px!important;height:6px!important;
    border:0!important;border-inline-end:1.7px solid currentColor!important;border-bottom:1.7px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;opacity:.9!important;
  }
  /* First dropdown is physically attached to the main tab. */
  .qarar-v7-header .primary-nav .menu > li > .sub-menu{
    top:100%!important;margin-top:0!important;width:250px!important;min-width:250px!important;padding:0!important;
    background:#343d49!important;border:0!important;border-top:3px solid var(--red)!important;
    border-radius:0 0 6px 6px!important;box-shadow:0 16px 34px rgba(10,18,28,.24)!important;
    backdrop-filter:none!important;overflow:visible!important;
  }
  .qarar-v7-header .primary-nav .menu > li > .sub-menu::before{display:none!important;content:none!important}
  .qarar-v7-header .primary-nav .sub-menu li{
    margin:0!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
    background:transparent!important;overflow:visible!important;
  }
  .qarar-v7-header .primary-nav .sub-menu li:last-child{border-bottom:0!important}
  .qarar-v7-header .primary-nav .sub-menu a{
    min-height:41px!important;width:100%!important;display:flex!important;align-items:center!important;
    padding:9px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;
    color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.45!important;text-align:start!important;
    transition:background .14s ease,color .14s ease,padding .14s ease!important;
  }
  .qarar-v7-header .primary-nav .sub-menu a:hover,
  .qarar-v7-header .primary-nav .sub-menu a:focus-visible,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-item > a,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-ancestor > a{
    background:var(--red)!important;color:#fff!important;padding-inline-start:18px!important;outline:0!important;
  }
  .qarar-v7-header .primary-nav .sub-menu a:hover::before,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-item > a::before,
  .qarar-v7-header .primary-nav .sub-menu .current-menu-ancestor > a::before{
    background:transparent!important;width:7px!important;
  }
  /* Nested level: flush to the side, no dead gap. */
  .qarar-v7-header .primary-nav .sub-menu .sub-menu{
    top:-3px!important;margin:0!important;width:245px!important;min-width:245px!important;padding:0!important;
    background:#3b4552!important;border:0!important;border-top:3px solid var(--red)!important;border-radius:4px!important;
    box-shadow:0 14px 32px rgba(10,18,28,.25)!important;
  }
  html[dir="rtl"] .qarar-v7-header .primary-nav .sub-menu .sub-menu{right:100%!important;left:auto!important}
  html[dir="ltr"] .qarar-v7-header .primary-nav .sub-menu .sub-menu{left:100%!important;right:auto!important}
  .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a{padding-inline-end:36px!important}
  .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a::before{
    content:""!important;display:block!important;position:absolute!important;inset-inline-start:auto!important;inset-inline-end:15px!important;top:50%!important;
    width:7px!important;height:7px!important;background:transparent!important;border:0!important;
    border-top:1.7px solid currentColor!important;border-inline-end:1.7px solid currentColor!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }
  html[dir="rtl"] .qarar-v7-header .primary-nav .sub-menu .menu-item-has-children > a::before{transform:translateY(-50%) rotate(225deg)!important}
  /* No overview duplicate in the dropdown. */
  .qarar-v7-header .primary-nav .sub-menu > li.qarar-overview-link{display:none!important}
  /* The attached menu itself is the safe hover zone; no visual/physical gap. */
  .qarar-v7-header .primary-nav .menu > li.menu-item-has-children::after{height:4px!important;top:calc(100% - 1px)!important}
}