.fu-mobile-dock,.fu-mobile-sheet,.fu-mobile-sheet-backdrop{display:none}
body.admin-bar #headerbar{top:32px!important}
@media(max-width:991.98px){
  :root{--fu-dock-height:72px;--fu-mobile-blue:#073f78;--fu-mobile-yellow:#ffdf22}
  body{padding-bottom:calc(var(--fu-dock-height) + env(safe-area-inset-bottom,0px))}
  body.fu-sheet-open{overflow:hidden;touch-action:none}
  #headerbar .navbar-toggler,#headerbar #navbarSupportedContent{display:none!important}
  .preloader-wrap{z-index:250000!important}
  #headerbar{min-height:78px!important;height:78px!important;padding:6px 12px!important;overflow:visible!important;background:linear-gradient(115deg,#075ba4,#083969)!important;border-top:3px solid #ffdf22;box-shadow:0 8px 26px rgba(3,31,61,.2)}
  #headerbar .navbar-brand{width:100%!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;margin:0!important;padding:0!important;line-height:1!important}#headerbar .banner,#headerbar .wrapper{width:100%!important;height:auto!important;margin:0!important;padding:0!important}#headerbar .banner p{width:100%!important;height:63px!important;display:grid!important;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;margin:0!important;padding:0!important;text-align:right!important;overflow:visible!important}#headerbar .banner img{grid-row:1/3;align-self:center;float:none!important;display:block!important;width:76px!important;max-width:76px!important;height:58px!important;object-fit:contain;padding:2px 0 2px 8px!important;margin:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.3)!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.15))}#headerbar .ban2{display:block!important;min-width:0;line-height:1!important;margin:0!important;padding:0!important;white-space:nowrap}#headerbar .ban2 a{display:block!important;margin:0!important;padding:0!important;color:#fff!important;font-family:var(--fu-font)!important;font-size:15px!important;line-height:1.25!important;font-weight:700!important;text-shadow:0 2px 5px rgba(0,0,0,.15);white-space:nowrap}#headerbar .ban2:last-of-type a{font-size:13px!important;font-weight:500!important;color:rgba(255,255,255,.82)!important}#headerbar .ban2+br{display:none!important}
  .fu-mobile-dock{position:fixed;z-index:100000;inset:auto 10px max(8px,env(safe-area-inset-bottom,8px));height:var(--fu-dock-height);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px;background:rgba(255,255,255,.96);border:1px solid rgba(7,63,120,.12);border-radius:22px;box-shadow:0 12px 38px rgba(2,24,49,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .fu-mobile-dock a,.fu-mobile-dock button{height:58px;min-width:0;border:0;background:transparent;color:#64748b!important;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:17px;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,color .2s,transform .2s}
  .fu-mobile-dock i{font-size:19px}.fu-mobile-dock a.is-active{color:var(--fu-mobile-blue)!important;background:#edf6ff}.fu-mobile-dock button{cursor:pointer}.fu-mobile-dock button[aria-expanded=true]:not(.fu-mobile-dock__ai){background:var(--fu-mobile-blue);color:#fff!important;transform:translateY(-2px)}.fu-mobile-dock .fu-mobile-dock__ai{position:relative;overflow:visible;color:var(--fu-mobile-blue)!important}.fu-mobile-dock__ai-orb{position:absolute;bottom:24px;width:60px;height:60px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:linear-gradient(145deg,#2258b9,#162d84);color:#fff;box-shadow:0 8px 20px rgba(20,51,133,.34);transition:.22s}.fu-mobile-dock__ai-orb:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,223,34,.72);border-radius:50%}.fu-mobile-dock__ai-orb i{font-size:24px}.fu-mobile-dock__ai>span:last-child{position:absolute;bottom:4px}.fu-mobile-dock__ai:hover .fu-mobile-dock__ai-orb,.fu-mobile-dock__ai.is-active .fu-mobile-dock__ai-orb{transform:translateY(-3px);background:linear-gradient(145deg,#14a7b6,#087c91)}
  .fu-mobile-sheet-backdrop{position:fixed;z-index:100001;inset:0;display:block;background:rgba(2,15,31,.56);opacity:0;visibility:hidden;transition:.28s;backdrop-filter:blur(3px)}.fu-mobile-sheet-backdrop.is-open{opacity:1;visibility:visible}
  .fu-mobile-sheet{position:fixed;z-index:100002;inset:auto 0 0;display:flex;flex-direction:column;max-height:min(84vh,760px);padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));background:#f8fbff;border-radius:28px 28px 0 0;box-shadow:0 -18px 60px rgba(2,24,49,.27);transform:translateY(105%);visibility:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility .34s;font-family:var(--fu-font);color:#14283f;overscroll-behavior:contain}
  .fu-mobile-sheet.is-open{transform:translateY(0);visibility:visible}.fu-mobile-sheet__handle{width:46px;height:5px;margin:0 auto 13px;border-radius:10px;background:#cad5e2}.fu-mobile-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.fu-mobile-sheet__header small{color:#1672b8;font-weight:700}.fu-mobile-sheet__header h2{font-size:24px;color:#082e59;margin:0;font-weight:800}.fu-mobile-sheet__close{width:43px;height:43px;border:0;border-radius:14px;background:#e8f0f8;color:#0b4e89;font-size:18px;cursor:pointer}
  .fu-mobile-sheet__search{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;background:#fff;border:1px solid #dde7f2;border-radius:16px;box-shadow:0 7px 20px rgba(7,63,120,.06);margin-bottom:17px}.fu-mobile-sheet__search>i{color:#668099}.fu-mobile-sheet__search input{min-width:0;flex:1;height:40px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-family:inherit}.fu-mobile-sheet__search button{height:38px;padding:0 16px;border:0;border-radius:11px;background:var(--fu-mobile-blue);color:#fff;font-family:inherit;font-weight:700}
  .fu-mobile-sheet__nav{overflow-y:auto;overscroll-behavior:contain;padding:0 1px 15px}.fu-mobile-sheet__all-title{display:flex;align-items:center;gap:9px;margin:10px 2px 11px;color:#173b60;font-size:15px;font-weight:800}.fu-mobile-sheet__all-title i{color:#1473b8}.fu-mobile-context{margin-bottom:17px;padding:13px;background:linear-gradient(145deg,#eaf4ff,#fff);border:1px solid #cfe1f1;border-radius:18px}.fu-mobile-context__title{display:flex;align-items:center;gap:11px;margin-bottom:10px}.fu-mobile-context__title>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#07599e;color:#fff}.fu-mobile-context__title small{display:block;color:#718197;font-size:11px}.fu-mobile-context__title h3{margin:0;color:#0a3f73;font-size:16px;font-weight:800}.fu-mobile-context__content>h3{display:none}.fu-mobile-context__content ul,.fu-mobile-menu,.fu-mobile-menu ul{padding:0;margin:0;list-style:none}.fu-mobile-context__content>ul>li,.fu-mobile-menu>li{position:relative;margin-bottom:7px;background:#fff;border:1px solid #e4ebf3;border-radius:13px;overflow:hidden}.fu-mobile-context__content li>a,.fu-mobile-menu li>a{display:flex;align-items:center;min-height:48px;padding:10px 13px;color:#17334f!important;text-decoration:none!important;font-weight:700}.fu-mobile-context__content li.current_page_item>a,.fu-mobile-menu>li.current-menu-item>a,.fu-mobile-menu>li.current-menu-ancestor>a{color:#07599e!important;background:#fff8cd;border-inline-start:4px solid #ffcf00}.fu-mobile-context__content .children,.fu-mobile-menu .sub-menu{display:none;padding:4px 13px 12px;background:#f3f7fb}.fu-mobile-context__content li.is-submenu-open>.children,.fu-mobile-context__content li.current_page_ancestor>.children,.fu-mobile-context__content li.current_page_parent>.children,.fu-mobile-menu li.is-submenu-open>.sub-menu{display:block!important;max-height:none!important;overflow:visible!important}.fu-mobile-context__content .children li,.fu-mobile-menu .sub-menu li{position:relative;border-bottom:1px solid #dce6ef}.fu-mobile-context__content .children li:last-child,.fu-mobile-menu .sub-menu li:last-child{border-bottom:0}.fu-mobile-context__content .children a,.fu-mobile-menu .sub-menu a{min-height:43px;padding:9px 10px;font-size:13px;font-weight:600}.fu-mobile-submenu-toggle{position:absolute;z-index:2;inset:5px auto auto 7px;width:38px;height:38px;border:0;border-radius:11px;background:#eaf2fa;color:#0b5797;cursor:pointer}.fu-mobile-submenu-toggle i{transition:transform .2s}.fu-mobile-menu li.is-submenu-open>.fu-mobile-submenu-toggle i,.fu-mobile-context__content li.is-submenu-open>.fu-mobile-submenu-toggle i{transform:rotate(180deg)}
  .mobile-sub-menu-button,.mobile-menu-overlay{display:none!important}.sub-pages-hierarchy{display:none!important}.chat-bot-icon{display:none!important}#btn-back-to-top{bottom:calc(var(--fu-dock-height) + 25px)!important}.chatbot-container{bottom:calc(var(--fu-dock-height) + 18px)!important}
}
@media(max-width:782px){body.admin-bar #headerbar{top:var(--fu-adminbar-offset,46px)!important}}
@media(max-width:380px){#headerbar .banner p{grid-template-columns:66px minmax(0,1fr)}#headerbar .banner img{width:66px!important;max-width:66px!important}#headerbar .ban2 a{font-size:13px!important}#headerbar .ban2:last-of-type a{font-size:11px!important}}
@media(min-width:992px){.fu-mobile-dock,.fu-mobile-sheet,.fu-mobile-sheet-backdrop{display:none!important}}
@media(prefers-reduced-motion:reduce){.fu-mobile-dock *,.fu-mobile-sheet,.fu-mobile-sheet-backdrop{transition:none!important}}

/* 2026-08-28 mobile navigation identity refresh. */
@media (max-width: 991.98px) {
  :root {
    --fu-mobile-blue: #0056a5;
    --fu-mobile-navy: #063765;
    --fu-mobile-gold: #e6a42b;
    --fu-mobile-gold-dark: #c87b15;
  }

  .fu-mobile-dock {
    background: linear-gradient(135deg, rgba(6,55,101,.98), rgba(0,86,165,.98)) !important;
    border: 1px solid rgba(230,164,43,.44) !important;
    box-shadow: 0 14px 38px rgba(2,30,58,.30) !important;
  }

  .fu-mobile-dock a,
  .fu-mobile-dock button {
    color: rgba(255,255,255,.78) !important;
  }

  .fu-mobile-dock a.is-active,
  .fu-mobile-dock button[aria-expanded=true]:not(.fu-mobile-dock__ai) {
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: inset 0 -2px 0 var(--fu-mobile-gold);
  }

  .fu-mobile-dock .fu-mobile-dock__ai { color: #fff !important; }
  .fu-mobile-dock__ai-orb {
    border-color: #fff !important;
    background: linear-gradient(145deg, #0b73b9, #06467f) !important;
    box-shadow: 0 8px 22px rgba(2,31,61,.36) !important;
  }
  .fu-mobile-dock__ai-orb::after { border-color: rgba(230,164,43,.92) !important; }

  .fu-mobile-sheet {
    padding-top: 0 !important;
    background: #f5f8fb !important;
    border-top: 3px solid var(--fu-mobile-gold);
    box-shadow: 0 -20px 58px rgba(2,31,61,.30) !important;
  }

  .fu-mobile-sheet__handle {
    position: relative;
    z-index: 2;
    width: 44px;
    height: 4px;
    margin: 9px auto -13px !important;
    background: rgba(255,255,255,.68) !important;
  }

  .fu-mobile-sheet__header {
    margin: 0 -18px 15px !important;
    padding: 25px 18px 18px !important;
    border-radius: 25px 25px 20px 20px;
    background: linear-gradient(125deg, #063765 0%, #0056a5 72%, #0875bb 100%);
    box-shadow: 0 8px 22px rgba(6,55,101,.13);
  }
  .fu-mobile-sheet__header small { color: rgba(255,255,255,.74) !important; }
  .fu-mobile-sheet__header h2 { color: #fff !important; font-size: 22px !important; }
  .fu-mobile-sheet__close {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  .fu-mobile-sheet__search {
    border-color: rgba(0,86,165,.14) !important;
    box-shadow: 0 8px 22px rgba(6,55,101,.08) !important;
  }
  .fu-mobile-sheet__search > i { color: #0056a5 !important; }
  .fu-mobile-sheet__search button {
    background: linear-gradient(135deg, #0056a5, #063765) !important;
  }

  .fu-mobile-sheet__all-title {
    color: #063765 !important;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(6,55,101,.10);
  }
  .fu-mobile-sheet__all-title i { color: #e6a42b !important; }

  .fu-mobile-context {
    background: #fff !important;
    border-color: rgba(0,86,165,.12) !important;
    box-shadow: 0 8px 24px rgba(6,55,101,.06);
  }
  .fu-mobile-context__title > i {
    background: linear-gradient(135deg, #0056a5, #063765) !important;
  }

  .fu-mobile-context__content > ul > li,
  .fu-mobile-menu > li {
    margin-bottom: 6px !important;
    border: 1px solid rgba(6,55,101,.10) !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .fu-mobile-context__content li > a,
  .fu-mobile-menu li > a {
    min-height: 47px !important;
    padding: 10px 14px !important;
    color: #163b5f !important;
    font-weight: 700 !important;
  }

  .fu-mobile-context__content li.current_page_item > a,
  .fu-mobile-menu > li.current-menu-item > a,
  .fu-mobile-menu > li.current-menu-ancestor > a {
    color: #0056a5 !important;
    background: rgba(0,86,165,.05) !important;
    border-inline-start: 3px solid var(--fu-mobile-gold) !important;
  }

  .fu-mobile-context__content .children,
  .fu-mobile-menu .sub-menu {
    padding: 3px 14px 10px !important;
    background: #f1f6fa !important;
    border-top: 1px solid rgba(6,55,101,.08);
  }

  .fu-mobile-context__content .children li,
  .fu-mobile-menu .sub-menu li {
    border-bottom-color: rgba(6,55,101,.09) !important;
  }

  .fu-mobile-context__content .children a,
  .fu-mobile-menu .sub-menu a {
    min-height: 41px !important;
    padding: 8px 8px !important;
    color: #244a6d !important;
    font-weight: 600 !important;
  }

  /* Submenu parents get one simple arrow only — no square/circle/icon badge. */
  .fu-mobile-submenu-toggle {
    inset: 4px auto auto 7px !important;
    width: 38px !important;
    height: 39px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0a69ad !important;
    box-shadow: none !important;
  }
  .fu-mobile-submenu-toggle i {
    font-size: 13px;
    transition: transform .2s ease, color .2s ease !important;
  }
  .fu-mobile-submenu-toggle:focus-visible {
    outline: 2px solid rgba(230,164,43,.65);
    outline-offset: -3px;
  }
  .fu-mobile-menu li.is-submenu-open > .fu-mobile-submenu-toggle,
  .fu-mobile-context__content li.is-submenu-open > .fu-mobile-submenu-toggle {
    color: var(--fu-mobile-gold-dark) !important;
  }
}
@media (max-width: 991.98px) {
  .fu-mobile-sheet__all-title i { display: none !important; }
}

/* 2026-08-28 brighter mobile identity + unified brand alignment. */
@media (max-width: 991.98px) {
  :root {
    --fu-mobile-blue: #0878c9;
    --fu-mobile-navy: #07569d;
    --fu-mobile-gold: #f2b63c;
    --fu-mobile-gold-dark: #d98d17;
  }

  #headerbar {
    background:
      radial-gradient(circle at 12% 10%, rgba(89, 205, 241, .24), transparent 34%),
      linear-gradient(116deg, #07569d 0%, #0878c9 58%, #1092d2 100%) !important;
    border-top-color: var(--fu-mobile-gold) !important;
    box-shadow: 0 8px 26px rgba(3, 65, 116, .18) !important;
  }

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

  #headerbar .banner p {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    column-gap: 11px !important;
  }

  #headerbar .banner img {
    width: 78px !important;
    max-width: 78px !important;
    border-left-color: rgba(255,255,255,.32) !important;
  }

  #headerbar .ban2,
  #headerbar .ban2:last-of-type {
    direction: ltr !important;
  }

  #headerbar .ban2 a,
  #headerbar .ban2:last-of-type a {
    text-align: right !important;
    direction: ltr !important;
  }

  #headerbar .ban2 a {
    font-size: 15.5px !important;
    font-weight: 800 !important;
  }

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

  .fu-mobile-dock {
    background: linear-gradient(125deg, rgba(6, 89, 159, .985), rgba(8, 126, 204, .985), rgba(15, 148, 213, .985)) !important;
    border-color: rgba(242,182,60,.56) !important;
    box-shadow: 0 14px 38px rgba(3, 69, 121, .25) !important;
  }

  .fu-mobile-dock__ai-orb {
    background: linear-gradient(145deg, #149bd7, #086db9) !important;
    box-shadow: 0 8px 22px rgba(2, 76, 135, .30) !important;
  }

  .fu-mobile-sheet {
    background: linear-gradient(180deg, #f8fcff, #edf7ff) !important;
    border-top-color: var(--fu-mobile-gold) !important;
    box-shadow: 0 -20px 58px rgba(3, 66, 116, .24) !important;
  }

  .fu-mobile-sheet__header {
    background:
      radial-gradient(circle at 12% 8%, rgba(112, 218, 246, .24), transparent 32%),
      linear-gradient(122deg, #07569d 0%, #0878c9 60%, #1092d2 100%) !important;
    box-shadow: 0 8px 22px rgba(4, 92, 155, .13) !important;
  }

  .fu-mobile-sheet__search button,
  .fu-mobile-context__title > i {
    background: linear-gradient(135deg, #0878c9, #0e91d1) !important;
  }

  .fu-mobile-menu > li.current-menu-item > a,
  .fu-mobile-menu > li.current-menu-ancestor > a,
  .fu-mobile-context__content li.current_page_item > a {
    color: #0669b3 !important;
    background: linear-gradient(90deg, rgba(8,120,201,.08), rgba(16,146,210,.03)) !important;
    border-inline-start-color: var(--fu-mobile-gold) !important;
  }
}

@media (max-width: 380px) {
  #headerbar .ban2 a { font-size: 13.5px !important; }
  #headerbar .ban2:last-of-type a { font-size: 12.5px !important; }
}

/* 2026-08-28 — transparent mobile header over the opening hero; surface appears after scroll. */
@media (max-width: 991.98px) {
  body.home #headerbar:not(.navbar-scrolled),
  body.fu-has-top-hero #headerbar:not(.navbar-scrolled) {
    background: transparent !important;
    box-shadow: none !important;
    border-top-color: rgba(242,182,60,.86) !important;
  }

  body.home #headerbar.navbar-scrolled,
  body.fu-has-top-hero #headerbar.navbar-scrolled {
    background: linear-gradient(115deg, rgba(7,91,164,.98), rgba(12,141,207,.98)) !important;
    box-shadow: 0 10px 30px rgba(3,57,105,.22) !important;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  }
}

/* FU26SITE — keep the rebuilt bilingual brand lockup stable on mobile too. */
@media (max-width:991.98px){
  #headerbar .fu26site-brand{
    width:min(100%,330px)!important;
    min-width:0!important;
    height:64px!important;
    min-height:64px!important;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    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:78px;
    height:58px;
    flex:0 0 78px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-inline:5px;
    border-inline-end:1px solid rgba(255,255,255,.32);
  }
  #headerbar .fu26site-brand__logo img{
    display:block!important;
    width:70px!important;
    max-width:70px!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:contain;
  }
  #headerbar .fu26site-brand__text{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    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.2!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #headerbar .fu26site-brand__name-ar{font-family:var(--fu-font-ar,var(--fu-font));font-size:15.5px!important;font-weight:800!important}
  #headerbar .fu26site-brand__name-en{font-family:var(--fu-font-en,var(--fu-font));font-size:13px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important}
}
@media(max-width:380px){
  #headerbar .fu26site-brand{width:min(100%,290px)!important;gap:7px}
  #headerbar .fu26site-brand__logo{width:68px;flex-basis:68px}
  #headerbar .fu26site-brand__logo img{width:61px!important;max-width:61px!important}
  #headerbar .fu26site-brand__name-ar{font-size:13.5px!important}
  #headerbar .fu26site-brand__name-en{font-size:11.5px!important}
}
