/*
 * BDX Unlocker — White Mode Desktop Colour Consistency Fix
 * Scope: storefront PC/desktop light mode only (>= 981px).
 * Keeps the reference menu layout and mobile/dark-mode design unchanged.
 */
@media (min-width:981px){
  html[data-theme="light"] body:not(.admin-body) .header{
    --bdx-cyan-1:#65efff;
    --bdx-cyan-2:#18cbea;
    --bdx-cyan-3:#06bfae;
    --bdx-cyan-border:#079fbe;
    --bdx-cyan-deep:#063b55;
    --bdx-nav-bg:#0a121b;
    --bdx-nav-hover:#102231;
    --bdx-nav-text:#eef7fb;
  }

  /* One clean search outline and the same cyan action language. */
  html[data-theme="light"] body:not(.admin-body) .header .search{
    background:#ffffff!important;
    border:1px solid var(--bdx-cyan-border)!important;
    box-shadow:0 9px 24px rgba(9,159,190,.13)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .search input{
    background:#ffffff!important;
    color:#101820!important;
    -webkit-text-fill-color:#101820!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .search button,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .notification-action,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .wallet-head-premium.wallet-head-upgraded,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .main-currency-switcher,
  html[data-theme="light"] body:not(.admin-body) .header .head-main .login-btn,
  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,var(--bdx-cyan-1) 0%,var(--bdx-cyan-2) 54%,var(--bdx-cyan-3) 100%)!important;
    background-color:var(--bdx-cyan-2)!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border:1px solid var(--bdx-cyan-border)!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;
    filter:none!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .search button:hover,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .notification-action:hover,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .wallet-head-premium.wallet-head-upgraded:hover,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .main-currency-switcher:hover,
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .main-currency-switcher:focus,
  html[data-theme="light"] body:not(.admin-body) .header .head-main .login-btn:hover,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .side-menu-btn:hover{
    background:linear-gradient(135deg,#78f5ff 0%,#20d8f4 52%,#08c8b4 100%)!important;
    border-color:#057e9b!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!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;
  }

  /* Wallet and currency are intentionally identical to Tool Rent cyan. */
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .wallet-head-premium.wallet-head-upgraded :is(small,strong),
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .notification-action :is(small,strong,span){
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .wallet-head-icon{
    background:rgba(4,54,76,.28)!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border:1px solid rgba(255,255,255,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .main-currency-switcher{
    appearance:auto!important;
    font-weight:900!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .head-actions .main-currency-switcher option{
    background:#ffffff!important;
    color:#111820!important;
    -webkit-text-fill-color:#111820!important;
  }

  /* Premium cyan Tool Rent while preserving the supplied 3D shape. */
  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,.52),transparent 22%),
      radial-gradient(circle at 84% 92%,rgba(57,246,219,.30),transparent 31%),
      linear-gradient(145deg,#75f2ff 0%,#21cde9 29%,#078fbc 57%,#04354f 100%)!important;
    background-color:#18cbea!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border:1px solid rgba(6,139,173,.78)!important;
    text-shadow:0 2px 0 rgba(1,54,78,.88),0 9px 18px rgba(0,50,75,.46),0 0 20px rgba(82,234,255,.55)!important;
    box-shadow:
      0 2px 0 #d6fbff inset,
      0 -6px 0 rgba(3,75,103,.47) inset,
      0 12px 0 rgba(3,74,103,.62),
      0 20px 34px rgba(6,177,211,.30),
      0 26px 55px rgba(0,49,74,.40)!important;
    filter:none!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,.47) 0%,rgba(255,255,255,.14) 19%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%,rgba(1,54,78,.28) 100%)!important;
    border-color:rgba(255,255,255,.26)!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo span{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors)>.rent-logo span:first-child{
    background:linear-gradient(145deg,#123448,#04131d)!important;
    background-color:#071b28!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border-color:rgba(255,255,255,.28)!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{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    box-shadow:
      0 2px 0 #e5fdff inset,
      0 -5px 0 rgba(3,75,103,.44) inset,
      0 15px 0 rgba(3,74,103,.66),
      0 25px 42px rgba(6,177,211,.43),
      0 32px 70px rgba(0,49,74,.47)!important;
  }

  /* Force all four service navigation items into one consistent dark style,
     including DB/admin-saved per-button colours. */
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-links{
    background:var(--bdx-nav-bg)!important;
    background-color:var(--bdx-nav-bg)!important;
    background-image:none!important;
    border:1px solid #183142!important;
    box-shadow:0 10px 24px rgba(4,32,47,.12)!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;
    background-color:transparent!important;
    background-image:none!important;
    color:var(--bdx-nav-text)!important;
    -webkit-text-fill-color:var(--bdx-nav-text)!important;
    border-color:transparent!important;
    box-shadow:none!important;
    text-shadow:none!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,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .nav-dropdown.active>button{
    background:var(--bdx-nav-hover)!important;
    background-color:var(--bdx-nav-hover)!important;
    color:#39dff4!important;
    -webkit-text-fill-color:#39dff4!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu{
    background:#08131d!important;
    background-color:#08131d!important;
    border-color:#1d3d50!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu a{
    background:transparent!important;
    color:#eaf5fa!important;
    -webkit-text-fill-color:#eaf5fa!important;
  }
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu a:hover,
  html[data-theme="light"] body:not(.admin-body) .header .nav.bdx-reference-menu-design:not(.bdx-custom-menu-colors) .orders-menu a:focus-visible{
    background:#102737!important;
    color:#39dff4!important;
    -webkit-text-fill-color:#39dff4!important;
  }
}