/* Desktop navigation — Future University 2026 */
@media (min-width: 992px) {
  #headerbar {
    --fu-nav-height: 84px;
    --fu-admin-safe: 18px;
    min-height: var(--fu-nav-height);
    padding: 8px clamp(18px, 2.5vw, 46px) !important;
    display: flex;
    align-items: center;
    gap: clamp(14px, 1.8vw, 30px);
    background: linear-gradient(180deg, rgba(3, 36, 72, .92), rgba(3, 36, 72, .58), rgba(3, 36, 72, .08)) !important;
    border-top: 3px solid transparent;
    overflow: visible !important;
    font-family: var(--fu-font);
    transition: min-height .25s ease, padding .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease !important;
    z-index: 1200;
  }

  body.admin-bar #headerbar { --fu-admin-safe: 50px; }

  #headerbar.navbar-scrolled,
  #headerbar.navbar-open {
    --fu-nav-height: 74px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background: rgba(3, 55, 104, .975) !important;
    border-top-color: #e6a42b;
    box-shadow: 0 12px 32px rgba(1, 20, 42, .22) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  #headerbar .navbar-brand {
    flex: 0 0 auto;
    width: clamp(210px, 17vw, 280px);
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
  }

  #headerbar .banner,
  #headerbar .wrapper { width: 100%; margin: 0; padding: 0; }

  #headerbar .banner p {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr);
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 11px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }

  #headerbar .banner p > a { grid-row: 1 / 3; display: block; }

  #headerbar .banner img {
    float: none !important;
    display: block;
    width: 82px !important;
    max-width: 82px !important;
    height: 60px !important;
    object-fit: contain;
    margin: 0 !important;
    padding: 2px 0 2px 10px !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .24) !important;
    filter: drop-shadow(0 4px 9px rgba(0, 0, 0, .16));
  }

  #headerbar.navbar-scrolled .banner img,
  #headerbar.navbar-open .banner img {
    width: 74px !important;
    max-width: 74px !important;
    height: 52px !important;
  }

  #headerbar .ban2 { display: block; min-width: 0; margin: 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap; }
  #headerbar .ban2 + br { display: none !important; }
  #headerbar .ban2 a { display: block; color: #fff !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 800 !important; text-decoration: none !important; white-space: nowrap; text-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
  #headerbar .ban2:last-of-type a { font-size: 12px !important; font-weight: 500 !important; color: rgba(255, 255, 255, .76) !important; }

  #headerbar #navbarSupportedContent {
    min-width: 0;
    flex: 1 1 auto;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(10px, 1.3vw, 22px);
    overflow: visible !important;
  }

  #headerbar #primary-menu {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    overflow: visible !important;
  }

  #headerbar #primary-menu > li {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #headerbar #primary-menu > li > a {
    position: relative;
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px clamp(7px, .7vw, 12px) !important;
    margin: 0 !important;
    border: 1px solid transparent;
    border-radius: 12px;
    color: rgba(255, 255, 255, .94) !important;
    background: transparent !important;
    font-size: clamp(12px, .84vw, 15px);
    line-height: 1.25;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
  }

  #headerbar #primary-menu > li > a:hover,
  #headerbar #primary-menu > li:focus-within > a,
  #headerbar #primary-menu > li.fu-menu-open > a {
    color: #fff !important;
    background: rgba(255, 255, 255, .10) !important;
    border-color: rgba(255, 255, 255, .12);
  }

  #headerbar #primary-menu > li.current-menu-item > a,
  #headerbar #primary-menu > li.current-menu-ancestor > a,
  #headerbar #primary-menu > li.current_page_item > a {
    color: #fff !important;
    background: rgba(230, 164, 43, .15) !important;
    border-color: rgba(230, 164, 43, .42);
  }

  #headerbar #primary-menu > li.current-menu-item > a::before,
  #headerbar #primary-menu > li.current-menu-ancestor > a::before,
  #headerbar #primary-menu > li.current_page_item > a::before {
    content: '';
    position: absolute;
    inset: auto 12px -2px;
    height: 3px;
    border-radius: 5px;
    background: #e6a42b;
    box-shadow: 0 0 12px rgba(230, 164, 43, .38);
  }

  /* Compact search: icon-only at rest, expands only when requested. */
  #headerbar .fu-header-search-form { flex: 0 0 auto; margin: 0 !important; }
  #headerbar .fu-header-search {
    position: relative;
    width: 46px;
    height: 46px;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 14px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    transition: width .24s ease, box-shadow .2s ease, border-color .2s ease;
  }

  #headerbar .fu-header-search.is-open {
    width: clamp(190px, 16vw, 238px);
    border-color: rgba(230, 164, 43, .72);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
  }

  #headerbar .fu-header-search input {
    position: absolute !important;
    inset: 0 44px 0 37px !important;
    width: auto !important;
    height: 44px !important;
    min-height: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #123b61 !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 12.5px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
  }

  #headerbar .fu-header-search.is-open input { opacity: 1; pointer-events: auto; }

  #headerbar .fu-header-search .search-icon,
  #headerbar .fu-header-search .cancel-icon {
    position: absolute !important;
    top: 0 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: color .18s ease, opacity .18s ease, background .18s ease;
  }

  #headerbar .fu-header-search .search-icon { right: 0 !important; left: auto !important; color: #0056a5 !important; font-size: 15px !important; z-index: 2; }
  #headerbar .fu-header-search .search-icon:hover { color: #063765 !important; background: #eef6fc !important; }
  #headerbar .fu-header-search .cancel-icon { left: 0 !important; right: auto !important; color: #71869a !important; font-size: 12px !important; opacity: 0; visibility: hidden; pointer-events: none; }
  #headerbar .fu-header-search.is-open .cancel-icon { opacity: 1; visibility: visible; pointer-events: auto; }

  /* Dropdown system: flush submenu edges remove the dead hover gap. */
  #headerbar .dropdown-menu,
  #headerbar .dropdown-menu.show {
    display: none !important;
    position: absolute !important;
    min-width: 300px !important;
    max-width: min(370px, 92vw) !important;
    margin: 0 !important;
    padding: 10px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.995), rgba(247,251,255,.995)) !important;
    border: 1px solid rgba(4, 63, 113, .12) !important;
    border-top: 3px solid #e6a42b !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 22px 58px rgba(1, 24, 49, .22), 0 1px 0 rgba(255,255,255,.9) inset !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overflow: visible !important;
    z-index: 1205 !important;
  }

  #headerbar #primary-menu > li > .dropdown-menu {
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
  }

  #headerbar li.fu-menu-open > .dropdown-menu,
  #headerbar li.dropdown:hover > .dropdown-menu,
  #headerbar li.menu-item-has-children:hover > .dropdown-menu,
  #headerbar li.dropdown:focus-within > .dropdown-menu,
  #headerbar li.menu-item-has-children:focus-within > .dropdown-menu {
    display: block !important;
  }

  #headerbar .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -7px;
    right: 24px;
    width: 11px;
    height: 11px;
    background: #e6a42b;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: -1;
  }

  #headerbar .dropdown-menu li {
    position: relative;
    margin: 0 !important;
    border-bottom: 1px solid #e5edf5;
    background: transparent !important;
    overflow: visible !important;
  }
  #headerbar .dropdown-menu li:last-child { border-bottom: 0; }

  #headerbar .dropdown-menu li > a,
  #headerbar .dropdown-menu li > .dropdown-item {
    min-height: 46px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 11px;
    color: #123b61 !important;
    background: transparent !important;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none !important;
    white-space: normal !important;
    transition: background .16s ease, color .16s ease, padding .16s ease;
  }

  #headerbar .dropdown-menu li > a::before {
    content: '';
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 1px solid rgba(0,86,165,.12);
    border-radius: 7px;
    box-shadow: 0 3px 8px rgba(0,86,165,.10);
    background: linear-gradient(135deg,#0b75b9,#0056a5);
    transition: background .16s ease, box-shadow .16s ease;
  }

  #headerbar .dropdown-menu li > a:hover,
  #headerbar .dropdown-menu li > a:focus,
  #headerbar .dropdown-menu li.fu-menu-open > a {
    color: #064f8d !important;
    background: linear-gradient(90deg,#eef7fd,#f8fbfe) !important;
    padding-right: 14px !important;
    outline: 0;
  }
  #headerbar .dropdown-menu li > a:hover::before,
  #headerbar .dropdown-menu li > a:focus::before,
  #headerbar .dropdown-menu li.fu-menu-open > a::before {
    background: linear-gradient(135deg,#f2b94d,#e6a42b);
    border-color: rgba(200,123,21,.22);
    box-shadow: 0 0 0 4px rgba(230, 164, 43, .12);
  }

  #headerbar .dropdown-menu .dropdown-menu {
    top: -3px !important;
    transform: translateY(var(--fu-submenu-shift, 0px));
    transform-origin: top center;
    right: calc(100% - 1px) !important;
    left: auto !important;
    max-height: var(--fu-submenu-max-height, calc(100dvh - 32px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 14px !important;
  }
  #headerbar .dropdown-menu .dropdown-menu::before { display: none; }

  #headerbar .dropdown-menu li.fu-submenu-open-right > .dropdown-menu {
    right: auto !important;
    left: calc(100% - 1px) !important;
  }

  #headerbar .dropdown-menu .dropdown-menu::-webkit-scrollbar { width: 7px; }
  #headerbar .dropdown-menu .dropdown-menu::-webkit-scrollbar-thumb { background: #b9cde0; border-radius: 999px; }
  #headerbar .dropdown-menu .dropdown-menu::-webkit-scrollbar-track { background: #f1f5f9; }


  /* Branded hierarchy cues and viewport-safe dropdowns. */
  #headerbar #primary-menu > li > .dropdown-menu {
    overflow: visible !important;
  }

  #headerbar .dropdown-menu li.menu-item-has-children > a,
  #headerbar .dropdown-menu li.dropdown > a {
    padding-inline-end: 36px !important;
  }

  #headerbar .dropdown-menu li.menu-item-has-children > a::after,
  #headerbar .dropdown-menu li.dropdown > a::after {
    content: "‹";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #0a649f;
    background: #eaf4fb;
    font: 800 18px/1 Arial,sans-serif;
    transform: translateY(-50%);
    transition: background .16s ease,color .16s ease,transform .16s ease;
  }

  #headerbar .dropdown-menu li.fu-submenu-open-right > a::after { content: "›"; }

  #headerbar .dropdown-menu li.menu-item-has-children:hover > a::after,
  #headerbar .dropdown-menu li.menu-item-has-children.fu-menu-open > a::after,
  #headerbar .dropdown-menu li.dropdown:hover > a::after,
  #headerbar .dropdown-menu li.dropdown.fu-menu-open > a::after {
    color: #063765;
    background: #f4c760;
    transform: translateY(-50%) translateX(-2px);
  }

  #headerbar .dropdown-menu li > a { position: relative; }
  #headerbar .dropdown-menu .dropdown-menu {
    transition: transform .14s ease, opacity .14s ease;
  }
  #headerbar .dropdown-menu .dropdown-menu.fu-submenu-fit {
    overscroll-behavior: contain;
  }

  #headerbar .dropdown-menu::-webkit-scrollbar { width: 7px; }
  #headerbar .dropdown-menu::-webkit-scrollbar-thumb { background: #9ebbd4; border-radius: 999px; }
  #headerbar .dropdown-menu::-webkit-scrollbar-track { background: #eef5fa; }

  .navbar-page-overlay {
    position: fixed;
    inset: 0;
    z-index: 1180;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(2, 18, 37, .50) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    transition: opacity .18s ease, visibility .18s ease;
  }
  .navbar-page-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #headerbar { padding-inline: 14px !important; gap: 11px; }
  #headerbar .navbar-brand { width: 188px; }
  #headerbar .banner p { grid-template-columns: 66px minmax(0, 1fr); column-gap: 7px; }
  #headerbar .banner img { width: 66px !important; max-width: 66px !important; height: 50px !important; padding-left: 6px !important; }
  #headerbar .ban2 a { font-size: 12.5px !important; }
  #headerbar .ban2:last-of-type a { font-size: 10px !important; }
  #headerbar #navbarSupportedContent { gap: 6px; }
  #headerbar #primary-menu > li > a { padding-inline: 6px !important; font-size: 11.3px; }
  #headerbar .fu-header-search.is-open { width: 180px; }
}

/* Brand lockup — restore the established Future University header treatment. */
@media (min-width: 992px) {
  #headerbar .navbar-brand {
    width: 280px;
    min-width: 280px;
    min-height: 78px;
    display: flex;
    align-items: stretch;
    align-self: center;
    overflow: hidden;
    background: #0a5ca8;
    border-radius: 0;
    box-shadow: none;
  }

  #headerbar .navbar-brand .banner,
  #headerbar .navbar-brand .wrapper {
    width: 100%;
    height: 100%;
  }

  #headerbar .navbar-brand .banner p {
    width: 100%;
    min-height: 78px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 118px;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
      "arabic logo"
      "english logo";
    align-items: center;
    column-gap: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: #0a5ca8;
    text-align: right !important;
    direction: ltr;
  }

  #headerbar .navbar-brand .banner p > a {
    grid-area: logo;
    width: 118px;
    height: 78px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 5px 8px 5px 9px;
    border-left: 1px solid rgba(255,255,255,.86);
  }

  #headerbar .navbar-brand .banner img,
  #headerbar.navbar-scrolled .navbar-brand .banner img,
  #headerbar.navbar-open .navbar-brand .banner img {
    float: none !important;
    display: block;
    width: 108px !important;
    max-width: 108px !important;
    height: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain;
    filter: none;
  }

  #headerbar .navbar-brand .ban2 {
    display: flex !important;
    align-items: center;
    min-width: 0;
    margin: 0 !important;
    padding: 0 9px !important;
    line-height: 1 !important;
    direction: rtl;
  }

  #headerbar .navbar-brand .ban2:first-of-type { grid-area: arabic; align-items: flex-end; padding-bottom: 2px !important; }
  #headerbar .navbar-brand .ban2:last-of-type { grid-area: english; align-items: flex-start; padding-top: 2px !important; direction: ltr; }
  #headerbar .navbar-brand .ban2 + br { display: none !important; }

  #headerbar .navbar-brand .ban2 a,
  #headerbar .navbar-brand .ban2:last-of-type a {
    width: 100%;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    text-decoration: none !important;
    text-shadow: none;
    white-space: nowrap;
  }

  #headerbar .navbar-brand .ban2:first-of-type a {
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: right !important;
  }

  #headerbar .navbar-brand .ban2:last-of-type a {
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    text-align: left !important;
  }

  #headerbar.navbar-scrolled .navbar-brand,
  #headerbar.navbar-open .navbar-brand {
    min-height: 68px;
  }
  #headerbar.navbar-scrolled .navbar-brand .banner p,
  #headerbar.navbar-open .navbar-brand .banner p {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) 104px;
  }
  #headerbar.navbar-scrolled .navbar-brand .banner p > a,
  #headerbar.navbar-open .navbar-brand .banner p > a {
    width: 104px;
    height: 68px;
  }
  #headerbar.navbar-scrolled .navbar-brand .banner img,
  #headerbar.navbar-open .navbar-brand .banner img {
    width: 94px !important;
    max-width: 94px !important;
    height: 58px !important;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #headerbar .navbar-brand {
    width: 226px;
    min-width: 226px;
    min-height: 68px;
  }
  #headerbar .navbar-brand .banner p {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) 90px;
  }
  #headerbar .navbar-brand .banner p > a {
    width: 90px;
    height: 68px;
    padding-inline: 5px;
  }
  #headerbar .navbar-brand .banner img,
  #headerbar.navbar-scrolled .navbar-brand .banner img,
  #headerbar.navbar-open .navbar-brand .banner img {
    width: 82px !important;
    max-width: 82px !important;
    height: 56px !important;
  }
  #headerbar .navbar-brand .ban2 { padding-inline: 7px !important; }
  #headerbar .navbar-brand .ban2:first-of-type a { font-size: 14px !important; }
  #headerbar .navbar-brand .ban2:last-of-type a { font-size: 11.5px !important; }
}

/* 2026-08-28 submenu refinement — clean hierarchy + first-open-safe geometry. */
@media (min-width: 992px) {
  #headerbar .dropdown-menu,
  #headerbar .dropdown-menu.show {
    padding: 7px 8px !important;
    border: 1px solid rgba(6, 55, 101, .11) !important;
    border-top: 2px solid #e6a42b !important;
    border-radius: 0 0 15px 15px !important;
    background: rgba(255, 255, 255, .985) !important;
    box-shadow: 0 18px 44px rgba(3, 37, 72, .18) !important;
  }

  #headerbar .dropdown-menu .dropdown-menu {
    border-radius: 14px !important;
    transition: none !important;
    will-change: transform;
  }

  #headerbar .dropdown-menu li {
    border-bottom-color: rgba(6, 55, 101, .09) !important;
  }

  #headerbar .dropdown-menu li > a,
  #headerbar .dropdown-menu li > .dropdown-item {
    min-height: 44px;
    padding: 9px 11px !important;
    border-radius: 8px;
    color: #123b61 !important;
    background: transparent !important;
    font-size: 13.5px;
    font-weight: 700;
    box-shadow: none !important;
  }

  /* No decorative squares/circles before ordinary menu items. */
  #headerbar .dropdown-menu li > a::before,
  #headerbar .dropdown-menu li > .dropdown-item::before {
    content: none !important;
    display: none !important;
  }

  #headerbar .dropdown-menu li > a:hover,
  #headerbar .dropdown-menu li > a:focus,
  #headerbar .dropdown-menu li.fu-menu-open > a {
    color: #0056a5 !important;
    background: rgba(0, 86, 165, .055) !important;
    padding-right: 14px !important;
  }

  /* Only items that really own a submenu receive a clean directional arrow. */
  #headerbar .dropdown-menu li.menu-item-has-children > a,
  #headerbar .dropdown-menu li.dropdown > a {
    padding-inline-end: 30px !important;
  }

  #headerbar .dropdown-menu li.menu-item-has-children > a::after,
  #headerbar .dropdown-menu li.dropdown > a::after {
    content: "‹" !important;
    position: absolute;
    left: 10px;
    top: 50%;
    width: 14px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 0 !important;
    border-radius: 0 !important;
    color: #0a69ad;
    background: transparent !important;
    box-shadow: none !important;
    font: 800 22px/1 Arial, sans-serif;
    transform: translateY(-50%) !important;
    transition: color .16s ease, transform .16s ease;
  }

  #headerbar .dropdown-menu li.fu-submenu-open-right > a::after {
    content: "›" !important;
  }

  #headerbar .dropdown-menu li.menu-item-has-children:hover > a::after,
  #headerbar .dropdown-menu li.menu-item-has-children.fu-menu-open > a::after,
  #headerbar .dropdown-menu li.dropdown:hover > a::after,
  #headerbar .dropdown-menu li.dropdown.fu-menu-open > a::after {
    color: #c87b15 !important;
    background: transparent !important;
    transform: translateY(-50%) translateX(-2px) !important;
  }
}

@media (min-width: 992px) {
  #headerbar .dropdown-menu,
  #headerbar .dropdown-menu.show {
    box-sizing: border-box !important;
  }
}

/* 2026-08-28 bright identity pass — brand lockup inherits the navigation surface. */
@media (min-width: 992px) {
  #headerbar {
    background:
      radial-gradient(circle at 86% 18%, rgba(77, 199, 239, .24), transparent 28%),
      linear-gradient(112deg, rgba(4, 83, 153, .97) 0%, rgba(8, 113, 190, .97) 52%, rgba(13, 139, 207, .96) 100%) !important;
    border-top-color: #f2b63c !important;
    box-shadow: 0 10px 30px rgba(3, 62, 113, .16) !important;
  }

  #headerbar.navbar-scrolled,
  #headerbar.navbar-open {
    background:
      radial-gradient(circle at 88% 12%, rgba(93, 210, 244, .18), transparent 30%),
      linear-gradient(112deg, rgba(4, 79, 145, .985) 0%, rgba(7, 105, 180, .985) 55%, rgba(11, 131, 197, .985) 100%) !important;
    border-top-color: #f2b63c !important;
    box-shadow: 0 13px 34px rgba(3, 57, 105, .22) !important;
  }

  #headerbar .navbar-brand,
  #headerbar .navbar-brand .banner p {
    background: transparent !important;
    box-shadow: none !important;
  }

  #headerbar .navbar-brand {
    width: 300px;
    min-width: 300px;
    overflow: visible;
  }

  #headerbar .navbar-brand .banner p {
    grid-template-columns: minmax(0, 1fr) 112px;
    column-gap: 12px;
    direction: ltr;
  }

  #headerbar .navbar-brand .banner p > a {
    width: 112px;
    border-left: 1px solid rgba(255, 255, 255, .34);
    background: transparent !important;
  }

  #headerbar .navbar-brand .ban2,
  #headerbar .navbar-brand .ban2:first-of-type,
  #headerbar .navbar-brand .ban2:last-of-type {
    justify-content: flex-end;
    direction: ltr;
    padding-inline: 0 !important;
  }

  #headerbar .navbar-brand .ban2:first-of-type a,
  #headerbar .navbar-brand .ban2:last-of-type a {
    text-align: right !important;
    direction: ltr;
    width: 100%;
  }

  #headerbar .navbar-brand .ban2:first-of-type a {
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  #headerbar .navbar-brand .ban2:last-of-type a {
    font-size: 16.5px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,.9) !important;
  }

  #headerbar #primary-menu > li.current-menu-item > a,
  #headerbar #primary-menu > li.current-menu-ancestor > a,
  #headerbar #primary-menu > li.current_page_item > a {
    background: rgba(255, 255, 255, .13) !important;
    border-color: rgba(242, 182, 60, .62) !important;
  }

  #headerbar .dropdown-menu,
  #headerbar .dropdown-menu.show {
    border-top-color: #f2b63c !important;
    background: linear-gradient(180deg, rgba(255,255,255,.997), rgba(244,250,255,.995)) !important;
    box-shadow: 0 22px 56px rgba(2, 65, 117, .18) !important;
  }

  #headerbar .dropdown-menu::before { background: #f2b63c !important; }
}

@media (min-width: 992px) and (max-width: 1250px) {
  #headerbar .navbar-brand {
    width: 245px;
    min-width: 245px;
  }
  #headerbar .navbar-brand .banner p {
    grid-template-columns: minmax(0, 1fr) 88px;
    column-gap: 8px;
  }
  #headerbar .navbar-brand .banner p > a { width: 88px; }
  #headerbar .navbar-brand .ban2:first-of-type a { font-size: 14.5px !important; }
  #headerbar .navbar-brand .ban2:last-of-type a { font-size: 13px !important; }
}


/* 2026-08-28 — transparent navigation over a top hero; surface appears on scroll/open. */
@media (min-width: 992px) {
  body.home #headerbar:not(.navbar-scrolled):not(.navbar-open),
  body.fu-has-top-hero #headerbar:not(.navbar-scrolled):not(.navbar-open) {
    background: transparent !important;
    border-top-color: rgba(242,182,60,.86) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.home #headerbar:not(.navbar-scrolled):not(.navbar-open)::after,
  body.fu-has-top-hero #headerbar:not(.navbar-scrolled):not(.navbar-open)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(2,31,59,.30), rgba(2,31,59,.08) 58%, transparent 100%);
    opacity: .62;
  }

  body.home #headerbar.navbar-scrolled,
  body.home #headerbar.navbar-open,
  body.fu-has-top-hero #headerbar.navbar-scrolled,
  body.fu-has-top-hero #headerbar.navbar-open {
    background:
      radial-gradient(circle at 88% 12%, rgba(93,210,244,.18), transparent 30%),
      linear-gradient(112deg, rgba(4,79,145,.985) 0%, rgba(7,105,180,.985) 55%, rgba(11,131,197,.985) 100%) !important;
    box-shadow: 0 13px 34px rgba(3,57,105,.22) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
}

/* FU26SITE — collision-safe brand lockup for laptop and desktop navigation. */
@media (min-width:992px){
  #headerbar .fu26site-brand{
    width:294px;
    min-width:294px;
    min-height:72px;
    flex:0 0 294px;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin:0!important;
    padding:0!important;
    overflow:hidden;
    color:#fff!important;
    background:transparent!important;
    text-decoration:none!important;
  }
  html[dir=rtl] #headerbar .fu26site-brand{flex-direction:row}
  html[dir=ltr] #headerbar .fu26site-brand{flex-direction:row}
  #headerbar .fu26site-brand__logo{
    width:104px;
    height:66px;
    flex:0 0 104px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-inline:8px;
    border-inline-end:1px solid rgba(255,255,255,.34);
  }
  #headerbar .fu26site-brand__logo img{
    display:block!important;
    width:94px!important;
    max-width:94px!important;
    height:60px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:contain;
    filter:none!important;
  }
  #headerbar .fu26site-brand__text{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    overflow:hidden;
  }
  html[dir=rtl] #headerbar .fu26site-brand__text{align-items:flex-end;text-align:right}
  html[dir=ltr] #headerbar .fu26site-brand__text{align-items:flex-start;text-align:left}
  #headerbar .fu26site-brand__name-ar,
  #headerbar .fu26site-brand__name-en{
    width:100%;
    display:block;
    overflow:hidden;
    color:#fff!important;
    line-height:1.22!important;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-shadow:0 2px 8px rgba(0,0,0,.16);
  }
  #headerbar .fu26site-brand__name-ar{font-family:var(--fu-font-ar,var(--fu-font));font-size:17.5px!important;font-weight:800!important}
  #headerbar .fu26site-brand__name-en{font-family:var(--fu-font-en,var(--fu-font));font-size:14.5px!important;font-weight:600!important;color:rgba(255,255,255,.92)!important}
  #headerbar.navbar-scrolled .fu26site-brand,
  #headerbar.navbar-open .fu26site-brand{min-height:64px}
  #headerbar.navbar-scrolled .fu26site-brand__logo,
  #headerbar.navbar-open .fu26site-brand__logo{height:58px}
  #headerbar.navbar-scrolled .fu26site-brand__logo img,
  #headerbar.navbar-open .fu26site-brand__logo img{width:86px!important;max-width:86px!important;height:54px!important}
}

@media (min-width:1251px) and (max-width:1450px){
  #headerbar .fu26site-brand{width:258px;min-width:258px;flex-basis:258px;gap:9px}
  #headerbar .fu26site-brand__logo{width:92px;flex-basis:92px;padding-inline:6px}
  #headerbar .fu26site-brand__logo img{width:84px!important;max-width:84px!important;height:57px!important}
  #headerbar .fu26site-brand__name-ar{font-size:15.8px!important}
  #headerbar .fu26site-brand__name-en{font-size:12.8px!important}
  #headerbar #navbarSupportedContent{gap:7px}
  #headerbar #primary-menu > li > a{padding-inline:6px!important;font-size:11.6px}
}

@media (min-width:992px) and (max-width:1250px){
  #headerbar{padding-inline:10px!important;gap:8px}
  #headerbar .fu26site-brand{width:218px;min-width:218px;flex-basis:218px;min-height:64px;gap:7px}
  #headerbar .fu26site-brand__logo{width:78px;height:58px;flex-basis:78px;padding-inline:5px}
  #headerbar .fu26site-brand__logo img,
  #headerbar.navbar-scrolled .fu26site-brand__logo img,
  #headerbar.navbar-open .fu26site-brand__logo img{width:70px!important;max-width:70px!important;height:52px!important}
  #headerbar .fu26site-brand__text{gap:3px}
  #headerbar .fu26site-brand__name-ar{font-size:13.5px!important}
  #headerbar .fu26site-brand__name-en{font-size:10.8px!important}
  #headerbar #navbarSupportedContent{gap:4px}
  #headerbar #primary-menu > li > a{padding-inline:4.5px!important;font-size:10.7px}
  #headerbar .fu-header-search{width:42px;height:42px}
  #headerbar .fu-header-search .search-icon,
  #headerbar .fu-header-search .cancel-icon{width:40px!important;height:40px!important;min-width:40px!important}
}