/*
 * BDX Unlocker — Reference Main Menu Design Port
 * Source design: BDX_UNLOCKER_LARAVEL_12_AI_ADVANCED_FINAL_MIDDLE_TEXT_BAR_REMOVED.zip
 * Scope: storefront desktop main navigation + responsive/mobile navigation only.
 * Existing Admin menu add/remove/order/ON-OFF/link/color controls remain functional.
 */

body:not(.admin-body) .header .nav.bdx-reference-menu-design{
  --bdx-menu-side-col:88px;
  --bdx-menu-featured-col:minmax(240px,330px);
  align-items:center!important;
  gap:12px!important;
}

/* Reference desktop menu container. */
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
  border-radius:9px!important;
  overflow:visible!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links{
  background:#0a121b!important;
  background-color:#0a121b!important;
  background-image:none!important;
  border:1px solid #17232e!important;
  box-shadow:none!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links.bdx-dynamic-main-menu{
  grid-template-columns:repeat(var(--bdx-main-menu-cols,4),minmax(0,1fr))!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a,
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-dropdown>button{
  width:100%!important;
  height:50px!important;
  min-width:0!important;
  padding:0 8px!important;
  border:0!important;
  border-right:0!important;
  border-radius:0!important;
  background-image:none!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>a,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown>button{
  background:transparent!important;
  background-color:transparent!important;
  color:#dde4ea!important;
  -webkit-text-fill-color:#dde4ea!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a{
  display:grid!important;
  place-items:center!important;
  gap:0!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-dropdown>button{
  display:grid!important;
  grid-template-columns:auto auto!important;
  place-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
/* Default buttons are text-only like the reference; Admin-set custom icons remain supported. */
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links .bdx-main-menu-icon{
  flex:0 0 auto!important;
  font-size:12px!important;
  line-height:1!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .bdx-main-menu-label{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>a:hover,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>a.active,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown>button:hover,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown.open>button,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown.active>button{
  background:#0e1923!important;
  background-color:#0e1923!important;
  color:#ff6a00!important;
  -webkit-text-fill-color:#ff6a00!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>.featured-fallback{
  background:transparent!important;
}

/* Reference Orders dropdown. */
body:not(.admin-body) .header .nav.bdx-reference-menu-design .orders-menu{
  top:calc(100% + 8px)!important;
  left:50%!important;
  right:auto!important;
  width:205px!important;
  padding:7px!important;
  border-radius:9px!important;
  transform:translateX(-50%) translateY(-6px)!important;
  z-index:130!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu{
  background:#08111a!important;
  background-color:#08111a!important;
  background-image:none!important;
  border:1px solid #22313d!important;
  box-shadow:0 18px 38px rgba(0,0,0,.5)!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-dropdown.open .orders-menu{
  transform:translateX(-50%) translateY(0)!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .orders-menu a{
  min-height:42px!important;
  padding:0 12px!important;
  border-radius:6px!important;
  font-size:11px!important;
  font-weight:800!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu a{
  background:transparent!important;
  color:#dfe5ea!important;
  -webkit-text-fill-color:#dfe5ea!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu a:hover,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu a:focus-visible{
  background:#0d1a25!important;
  color:#ff6a00!important;
  -webkit-text-fill-color:#ff6a00!important;
}

/* Reference orange side-menu opener. */
body:not(.admin-body) .header .nav.bdx-reference-menu-design .side-menu-btn{
  height:51px!important;
  border:0!important;
  border-radius:9px!important;
  font-size:23px!important;
  line-height:1!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .side-menu-btn{
  background:linear-gradient(135deg,#ff7d00,#ff5400)!important;
  background-color:#ff6500!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design .side-menu-btn:hover,
body:not(.admin-body) .header .nav.bdx-reference-menu-design .side-menu-btn:focus-visible{
  filter:brightness(1.07)!important;
}

/* Exact premium 3D Tool Rent shape from the supplied reference. */
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
  isolation:isolate!important;
  height:58px!important;
  min-width:0!important;
  padding:0 22px!important;
  border-radius:19px!important;
  clip-path:polygon(10% 0,90% 0,100% 28%,100% 72%,90% 100%,10% 100%,0 72%,0 28%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:22px!important;
  font-weight:1000!important;
  letter-spacing:.3px!important;
  text-transform:uppercase!important;
  transform:perspective(700px) rotateX(10deg) translateY(-4px)!important;
  transform-style:preserve-3d!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
  overflow:hidden!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo{
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.34),transparent 21%),radial-gradient(circle at 84% 92%,rgba(41,216,255,.20),transparent 30%),linear-gradient(145deg,#ffb45c 0%,#ff7a00 28%,#e24b00 52%,#351105 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 0 rgba(83,25,0,.95),0 10px 18px rgba(0,0,0,.58),0 0 20px rgba(255,178,82,.50)!important;
  box-shadow:0 2px 0 #ffd28a inset,0 -6px 0 rgba(91,25,0,.55) inset,0 13px 0 rgba(92,27,0,.70),0 20px 34px rgba(255,98,0,.31),0 26px 55px rgba(0,0,0,.62)!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo::before{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  clip-path:inherit!important;
  border-radius:inherit!important;
  background:linear-gradient(125deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.10) 18%,transparent 36%),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 45%,rgba(88,22,0,.34) 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  z-index:-1!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo::after{
  content:""!important;
  position:absolute!important;
  top:-60%!important;
  left:-35%!important;
  width:45%!important;
  height:210%!important;
  clip-path:none!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent)!important;
  transform:rotate(22deg)!important;
  opacity:.55!important;
  z-index:0!important;
  animation:bdxReferenceToolRentShine 4.8s ease-in-out infinite!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
  width:36px!important;
  height:36px!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#17212b,#05090e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 2px 0 rgba(255,255,255,.18) inset,0 8px 14px rgba(0,0,0,.42)!important;
  font-size:20px!important;
  text-shadow:0 0 16px rgba(41,216,255,.55)!important;
  transform:translateZ(18px)!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:last-child{
  transform:translateZ(16px)!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo:hover,
body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo:focus-visible{
  transform:perspective(700px) rotateX(6deg) translateY(-7px) scale(1.018)!important;
  filter:saturate(1.12) brightness(1.06)!important;
}
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo:hover,
body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo:focus-visible{
  box-shadow:0 2px 0 #ffe1ad inset,0 -5px 0 rgba(91,25,0,.50) inset,0 16px 0 rgba(92,27,0,.72),0 25px 40px rgba(255,98,0,.42),0 32px 70px rgba(0,0,0,.66)!important;
}
@keyframes bdxReferenceToolRentShine{
  0%,58%{left:-42%;opacity:0}
  68%{opacity:.68}
  100%{left:120%;opacity:0}
}

/* The reference keeps the same dark/orange navigation appearance in White Mode. */
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links{
  background:#0a121b!important;
  border-color:#17232e!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>a,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown>button{
  background:transparent!important;
  color:#dde4ea!important;
  -webkit-text-fill-color:#dde4ea!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>a:hover,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links>a.active,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown>button:hover,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown.open>button{
  background:#0e1923!important;
  color:#ff6a00!important;
  -webkit-text-fill-color:#ff6a00!important;
}

/* Reference responsive layout. */
@media(max-width:1100px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design{
    --bdx-menu-side-col:64px;
    --bdx-menu-featured-col:minmax(210px,240px);
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    height:54px!important;
    padding:0 16px!important;
    font-size:19px!important;
    gap:10px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
    width:32px!important;height:32px!important;font-size:18px!important;
  }
}
@media(max-width:900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design{
    --bdx-menu-side-col:70px;
    --bdx-menu-featured-col:minmax(0,1fr);
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links.bdx-dynamic-main-menu{
    grid-column:1/-1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    height:50px!important;
    transform:perspective(620px) rotateX(7deg) translateY(-2px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo{
    box-shadow:0 2px 0 #ffd28a inset,0 -5px 0 rgba(91,25,0,.52) inset,0 8px 0 rgba(92,27,0,.64),0 16px 30px rgba(255,98,0,.28)!important;
  }
}
@media(max-width:620px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design{
    --bdx-menu-side-col:62px;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:9px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a,
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-dropdown>button{
    height:46px!important;
    padding:0 5px!important;
    font-size:10px!important;
    letter-spacing:0!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .side-menu-btn{
    height:51px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    height:46px!important;
    padding:0 11px!important;
    border-radius:15px!important;
    gap:7px!important;
    font-size:15px!important;
    letter-spacing:.1px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
    width:27px!important;height:27px!important;border-radius:10px!important;font-size:15px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .orders-menu{
    left:auto!important;
    right:0!important;
    transform:translateY(-6px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-dropdown.open .orders-menu{
    transform:translateY(0)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-dropdown>button{
    height:38px!important;
    font-size:9px!important;
    letter-spacing:.35px!important;
  }
}
@media(max-width:370px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    padding:0 8px!important;
    font-size:13px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
    width:24px!important;height:24px!important;font-size:14px!important;
  }
}

/* Mobile side drawer visual design from the supplied reference; behavior remains the newer smooth implementation. */
@media(max-width:900px){
  body:not(.admin-body) .side-drawer{
    width:min(335px,88vw)!important;
    background:linear-gradient(180deg,#0c1823,#050c12)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:28px 0 75px rgba(0,0,0,.55)!important;
  }
  body:not(.admin-body) .side-list a{
    min-height:48px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    margin:3px 10px!important;
    gap:13px!important;
    color:#dce3e9!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  body:not(.admin-body) .side-list a:hover,
  body:not(.admin-body) .side-list a.active{
    color:#ff6a00!important;
    background:linear-gradient(90deg,rgba(255,106,0,.16),rgba(255,106,0,.03))!important;
  }
  body:not(.admin-body) .side-list .mi{
    width:24px!important;
    color:#ff6a00!important;
    font-size:18px!important;
    text-align:center!important;
  }
  html[data-theme="light"] body:not(.admin-body) .side-drawer{
    background:#fff!important;
    border-right-color:#e8b992!important;
    box-shadow:24px 0 60px rgba(73,39,13,.14)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .side-list a{
    color:#111!important;
  }
  html[data-theme="light"] body:not(.admin-body) .side-list a:hover,
  html[data-theme="light"] body:not(.admin-body) .side-list a.active{
    background:#fff3e8!important;
    color:#ff6a00!important;
  }
}


/* ==========================================================
   FINAL SOURCE-MATCH COLOUR LOCK — WHITE MODE
   Copied from the supplied reference package. The four service
   buttons stay dark; Side Menu and Tool Rent use the cyan 3D
   palette. Admin custom menu colours remain authoritative.
   ========================================================== */
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .side-menu-btn{
  background:linear-gradient(135deg,#54e8ff 0%,#16c7ed 54%,#08d2bd 100%)!important;
  background-color:#16c7e4!important;
  border:1px solid #0aaecf!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,45,66,.45)!important;
  box-shadow:0 2px 0 rgba(225,252,255,.88) inset,0 -3px 0 rgba(3,93,120,.35) inset,0 10px 24px rgba(7,159,190,.24)!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .side-menu-btn:hover,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .side-menu-btn:focus-visible{
  background:linear-gradient(135deg,#78f5ff 0%,#20d8f4 52%,#08c8b4 100%)!important;
  border-color:#057e9b!important;
  box-shadow:0 2px 0 rgba(235,254,255,.94) inset,0 -3px 0 rgba(3,85,112,.40) inset,0 14px 30px rgba(7,159,190,.34)!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo{
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.45),transparent 21%),radial-gradient(circle at 84% 92%,rgba(16,185,129,.32),transparent 30%),linear-gradient(145deg,#7deeff 0%,#22d3ee 28%,#0ea5e9 55%,#075985 100%)!important;
  background-color:#12bfe4!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 0 rgba(3,63,82,.92),0 10px 18px rgba(0,0,0,.50),0 0 20px rgba(83,230,255,.56)!important;
  box-shadow:0 2px 0 #c8f8ff inset,0 -6px 0 rgba(2,103,145,.50) inset,0 13px 0 rgba(3,87,128,.64),0 20px 34px rgba(0,183,219,.32),0 26px 55px rgba(0,0,0,.48)!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo::before{
  background:linear-gradient(125deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.13) 18%,transparent 36%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%,rgba(2,73,112,.38) 100%)!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo span,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo span:first-child{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo:hover,
html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo:focus-visible{
  box-shadow:0 2px 0 #ddfbff inset,0 -5px 0 rgba(2,103,145,.46) inset,0 16px 0 rgba(3,87,128,.68),0 25px 40px rgba(0,183,219,.42),0 32px 70px rgba(0,0,0,.52)!important;
}

/* Generated menu receives the same mobile visibility as the static source. */
@media(max-width:900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a.mobile-main-service-link{
    display:none!important;
  }
}

/* ==========================================================
   MOBILE TOP MAIN MENU — PRIMARY SERVICE BUTTONS REMOVED
   Scope: mobile/tablet only (<= 900px).
   IMEI SERVICE, SERVER SERVICE, ADD MONEY and ORDERS remain
   available in the side drawer / their normal routes.
   Desktop navigation is unchanged.
   ========================================================== */
@media(max-width:900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > .mobile-primary-menu-hidden{
    display:none!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links.mobile-primary-actions-hidden{
    display:none!important;
  }
}

/* Desktop White Mode: keep the four primary actions readable even when
   saved Admin palette/item colours are invalid or have poor contrast. */
@media (min-width: 901px){
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
    background:#0b1722!important;
    background-color:#0b1722!important;
    background-image:none!important;
    border:1px solid #1b3a4d!important;
    box-shadow:0 10px 24px rgba(4,32,47,.14)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="imei-service"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="server-service"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="add-money"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button{
    background:#101f2c!important;
    background-color:#101f2c!important;
    background-image:none!important;
    color:#f4fbff!important;
    -webkit-text-fill-color:#f4fbff!important;
    border-color:transparent!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="imei-service"] :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="server-service"] :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="add-money"] :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button :is(.bdx-main-menu-label,.bdx-main-menu-icon){
    color:#f4fbff!important;
    -webkit-text-fill-color:#f4fbff!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="imei-service"]:is(:hover,:focus-visible,.active),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="server-service"]:is(:hover,:focus-visible,.active),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="add-money"]:is(:hover,:focus-visible,.active),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown:is(.open,.active)>button,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button:is(:hover,:focus-visible){
    background:#153044!important;
    background-color:#153044!important;
    color:#43e6f7!important;
    -webkit-text-fill-color:#43e6f7!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="imei-service"]:is(:hover,:focus-visible,.active) :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="server-service"]:is(:hover,:focus-visible,.active) :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a[data-route-link="add-money"]:is(:hover,:focus-visible,.active) :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown:is(.open,.active)>button :is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button:is(:hover,:focus-visible) :is(.bdx-main-menu-label,.bdx-main-menu-icon){
    color:#43e6f7!important;
    -webkit-text-fill-color:#43e6f7!important;
  }
}

/* Mobile only: let Tool Rent fill its complete main-menu column and make the
   featured action easier to see and tap. Desktop sizing remains unchanged. */
@media(max-width:900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:64px!important;
    min-height:64px!important;
    justify-self:stretch!important;
    align-self:center!important;
    padding:0 22px!important;
    gap:12px!important;
    border-radius:19px!important;
    font-size:22px!important;
    letter-spacing:.2px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border-radius:12px!important;
    font-size:20px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* Mobile Tool Rent occupies every available horizontal pixel after the
   Side Menu button. The hidden desktop service column no longer reserves
   half of the mobile grid. */
@media (max-width: 900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide.bdx-main-menu-side-enabled{
    width:100%!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide:not(.bdx-main-menu-side-enabled){
    width:100%!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide.bdx-main-menu-side-enabled>.side-menu-btn{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide.bdx-main-menu-side-enabled>.rent-logo{
    grid-column:2/-1!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide:not(.bdx-main-menu-side-enabled)>.rent-logo{
    grid-column:1/-1!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide>.rent-logo{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
}

/* ==========================================================
   DESKTOP WHITE MODE — PRIMARY MENU LABEL BACKGROUND REPAIR
   The global White Mode surface selector also matches classes
   containing "-menu" (including these nested labels/icons).
   Reset those nested surfaces so the four buttons stay dark and
   their text remains solid white, including Admin custom colours.
   ========================================================== */
@media (min-width: 901px){
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
    background:#0b1722!important;
    background-color:#0b1722!important;
    background-image:none!important;
    border:1px solid #1b3a4d!important;
    box-shadow:0 10px 24px rgba(4,32,47,.14)!important;
  }

  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  ),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button{
    background:#101f2c!important;
    background-color:#101f2c!important;
    background-image:none!important;
    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }

  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  )>:is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button>:is(.bdx-main-menu-label,.bdx-main-menu-icon){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    text-shadow:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }

  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  )>:is(.bdx-main-menu-label,.bdx-main-menu-icon)::before,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  )>:is(.bdx-main-menu-label,.bdx-main-menu-icon)::after,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button>:is(.bdx-main-menu-label,.bdx-main-menu-icon)::before,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button>:is(.bdx-main-menu-label,.bdx-main-menu-icon)::after{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  ):is(:hover,:focus-visible,.active),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown:is(.open,.active)>button,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button:is(:hover,:focus-visible){
    background:#153044!important;
    background-color:#153044!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  ):is(:hover,:focus-visible,.active)>:is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown:is(.open,.active)>button>:is(.bdx-main-menu-label,.bdx-main-menu-icon),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button:is(:hover,:focus-visible)>:is(.bdx-main-menu-label,.bdx-main-menu-icon){
    background:transparent!important;
    background-color:transparent!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
}


/* 2026-07-24: Slim mobile Tool Rent button. Full available width is retained. */
@media(max-width:900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    gap:7px!important;
    border-radius:13px!important;
    font-size:15px!important;
    letter-spacing:.1px!important;
    transform:none!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo{
    box-shadow:0 1px 0 #ffd28a inset,0 -3px 0 rgba(91,25,0,.46) inset,0 4px 0 rgba(92,27,0,.54),0 9px 18px rgba(255,98,0,.22)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo::after{
    display:none!important;
    animation:none!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    border-radius:8px!important;
    font-size:14px!important;
    box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 4px 8px rgba(0,0,0,.30)!important;
    transform:none!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:last-child{
    transform:none!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo:hover,
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo:focus-visible{
    transform:translateY(-1px)!important;
  }
}
@media(max-width:420px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    height:39px!important;
    min-height:39px!important;
    padding:0 10px!important;
    gap:6px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo span:first-child{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
    font-size:12px!important;
  }
}


/* 2026-07-24: Desktop White Mode main-menu finishing repair.
   Fixes rough/unfinished border edges on IMEI / Server / Add Money / Orders.
   The main container now clips child backgrounds cleanly and the Orders wrapper
   fills its full slot so all four primary buttons look aligned and finished. */
@media (min-width: 901px){
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
    border-radius:12px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background-clip:padding-box!important;
    -webkit-background-clip:padding-box!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links.bdx-dynamic-main-menu{
    gap:0!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > :is(a,#ordersDropdown){
    min-width:0!important;
    align-self:stretch!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown{
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    width:100%!important;
    height:100%!important;
    background:#101f2c!important;
    background-color:#101f2c!important;
    border-left:1px solid rgba(255,255,255,.06)!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > a[data-route-link="server-service"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > a[data-route-link="add-money"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown{
    border-left:1px solid rgba(255,255,255,.06)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > :is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  ),
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown > button{
    border-radius:0!important;
    background-clip:padding-box!important;
    -webkit-background-clip:padding-box!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown > button{
    width:100%!important;
    height:100%!important;
    justify-content:center!important;
  }
}


/* 2026-07-24: Admin-controlled individual main-menu button sizing.
   Every menu item can have separate desktop width share, height and font size,
   plus separate mobile width, height and font size. */
@media (min-width:901px){
  body:not(.admin-body) .header .nav.bdx-managed-main-menu{
    grid-template-columns:var(--bdx-menu-grid-desktop,88px minmax(240px,330px) minmax(0,1fr))!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links.bdx-dynamic-main-menu{
    grid-template-columns:var(--bdx-main-menu-template,repeat(var(--bdx-main-menu-cols,4),minmax(0,1fr)))!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a{
    align-self:center!important;
    height:var(--bdx-item-desktop-height,50px)!important;
    min-height:var(--bdx-item-desktop-height,50px)!important;
    font-size:var(--bdx-item-desktop-font,11px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>.nav-dropdown{
    align-self:center!important;
    height:var(--bdx-item-desktop-height,50px)!important;
    min-height:var(--bdx-item-desktop-height,50px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>.nav-dropdown>button{
    height:100%!important;
    min-height:100%!important;
    font-size:var(--bdx-item-desktop-font,11px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo{
    height:var(--bdx-item-desktop-height,50px)!important;
    min-height:var(--bdx-item-desktop-height,50px)!important;
    font-size:var(--bdx-item-desktop-font,21px)!important;
  }
}
@media (max-width:900px){
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a,
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>.nav-dropdown{
    width:var(--bdx-item-mobile-width,100%)!important;
    max-width:var(--bdx-item-mobile-width,100%)!important;
    justify-self:center!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>a{
    height:var(--bdx-item-mobile-height,38px)!important;
    min-height:var(--bdx-item-mobile-height,38px)!important;
    font-size:var(--bdx-item-mobile-font,9px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>.nav-dropdown{
    height:var(--bdx-item-mobile-height,38px)!important;
    min-height:var(--bdx-item-mobile-height,38px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>.nav-dropdown>button{
    height:100%!important;
    min-height:100%!important;
    font-size:var(--bdx-item-mobile-font,9px)!important;
  }
  body:not(.admin-body) .header .nav.bdx-reference-menu-design>.rent-logo,
  body:not(.admin-body) .header .nav.bdx-reference-menu-design.bdx-mobile-tool-rent-wide>.rent-logo{
    width:var(--bdx-item-mobile-width,100%)!important;
    max-width:var(--bdx-item-mobile-width,100%)!important;
    height:var(--bdx-item-mobile-height,42px)!important;
    min-height:var(--bdx-item-mobile-height,42px)!important;
    justify-self:center!important;
    font-size:var(--bdx-item-mobile-font,15px)!important;
  }
}


/* 2026-07-25: White Mode Orders dropdown functional fix.
   The previous desktop finishing rule clipped the dropdown because .nav-links
   used overflow:hidden. Keep the existing look, but allow the Orders panel
   to open outside the main-menu row and stay above page content. */
@media (min-width:901px){
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
    overflow:visible!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown{
    position:relative!important;
    overflow:visible!important;
    z-index:240!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown.open{
    z-index:260!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown .orders-menu{
    z-index:300!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>:first-child{
    border-radius:11px 0 0 11px!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links>#ordersDropdown>button{
    border-radius:0 11px 11px 0!important;
  }
}


/* 2026-07-26: PC White Mode main-menu frame + Orders arrow repair.
   Keep overflow visible for the functional Orders dropdown, then draw the
   outer border above the four button surfaces so every rounded edge remains
   clean. The Orders chevron is reset independently from premium.css's
   navigation underline pseudo-element, removing the stray mark below ORDERS. */
@media (min-width:901px){
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links{
    position:relative!important;
    overflow:visible!important;
    isolation:isolate!important;
    border:1px solid #1b3a4d!important;
    border-radius:12px!important;
    background:#0b1722!important;
    background-color:#0b1722!important;
    background-image:none!important;
    background-clip:padding-box!important;
    -webkit-background-clip:padding-box!important;
    box-shadow:0 10px 24px rgba(4,32,47,.14),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links::before{
    content:""!important;
    position:absolute!important;
    inset:-1px!important;
    display:block!important;
    box-sizing:border-box!important;
    border:1px solid #2a5065!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:inset 0 1px 0 rgba(122,225,245,.10)!important;
    pointer-events:none!important;
    z-index:250!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > a[data-route-link="server-service"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > a[data-route-link="add-money"],
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown{
    border-left:1px solid rgba(132,213,235,.12)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > :is(
    a[data-route-link="imei-service"],
    a[data-route-link="server-service"],
    a[data-route-link="add-money"]
  )::after{
    content:none!important;
    display:none!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown > button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown > button::after{
    content:""!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:block!important;
    flex:0 0 7px!important;
    width:7px!important;
    min-width:7px!important;
    height:7px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-right:1.5px solid currentColor!important;
    border-bottom:1.5px solid currentColor!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:rotate(45deg) translateY(-2px)!important;
    transition:transform .2s ease!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design .nav-links > #ordersDropdown.open > button::after{
    transform:rotate(225deg) translate(-2px,-1px)!important;
  }
}