/* =========================================================
   Phase 96 — Global Desktop Header Standard
   Reference: approved Coffee Lovers homepage desktop header.
   Scope: desktop only (>=901px). Mobile/tablet <=900px untouched.
   ========================================================= */
@media (min-width:901px){
  .cl-global-header{
    height:82px!important;
    min-height:82px!important;
    background:rgba(255,253,250,.94)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(75,48,36,.12)!important;
  }

  .cl-global-inner{
    width:min(1460px,94%)!important;
    max-width:1460px!important;
    height:82px!important;
    min-height:82px!important;
    padding-inline:38px!important;
    gap:24px!important;
  }

  .cl-global-brand{
    min-width:235px!important;
    gap:12px!important;
  }

  .cl-header-logo-slot{
    width:58px!important;
    height:54px!important;
    flex:0 0 58px!important;
  }

  .cl-company-header-logo{
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    object-fit:contain!important;
  }

  .cl-global-brand-copy b,
  .cl-global-brand b{
    font-size:14px!important;
    line-height:1.15!important;
    letter-spacing:.12em!important;
  }

  .cl-global-brand-copy small,
  .cl-global-brand small{
    font-size:7.5px!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
  }

  .cl-global-nav{
    gap:12px!important;
  }

  .cl-global-link,
  .cl-global-trigger{
    height:44px!important;
    min-height:44px!important;
    padding:13px 10px!important;
    font-size:12.5px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }

  .cl-global-cta{
    height:44px!important;
    min-height:44px!important;
    padding-inline:20px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    border-radius:13px!important;
  }

  .cl-header-utilities{
    min-height:42px!important;
  }

  .cl-lang-switch,
  .cl-account-btn,
  .cl-cart-btn{
    min-width:38px!important;
    height:38px!important;
  }

  .cl-account-btn svg,
  .cl-cart-btn svg{
    width:19px!important;
    height:19px!important;
  }

  .cl-lang-switch{
    font-size:8.5px!important;
  }
}

/* Slight compression only for narrower desktop/laptop widths.
   Still desktop; mobile rules are untouched. */
@media (min-width:901px) and (max-width:1180px){
  .cl-global-inner{
    padding-inline:20px!important;
    gap:14px!important;
  }
  .cl-global-brand{
    min-width:190px!important;
  }
  .cl-global-nav{
    gap:5px!important;
  }
  .cl-global-link,
  .cl-global-trigger{
    padding-inline:7px!important;
    font-size:11.5px!important;
  }
  .cl-global-cta{
    padding-inline:14px!important;
    font-size:10.5px!important;
  }
}

/* Phase 121 modern desktop refinement */
@media (min-width:901px){
  .cl-global-header{height:76px!important;min-height:76px!important;background:rgba(247,243,238,.96)!important}
  .cl-global-inner{height:76px!important;min-height:76px!important}
  .cl-global-link,.cl-global-trigger{height:40px!important;min-height:40px!important;border-radius:10px!important}
  .cl-global-link:hover,.cl-global-trigger:hover{background:rgba(255,255,255,.62)!important}
  .cl-global-cta{height:40px!important;min-height:40px!important;border-radius:12px!important}
  .cl-header-logo-slot{width:54px!important;height:50px!important;flex-basis:54px!important}
  .cl-company-header-logo{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}
  .cl-search-btn{min-width:38px!important;height:38px!important}
}


/* Phase 191 Hotfix 3 — Homepage desktop International CTA
   Desktop-only, intentionally absent from the mobile header. */
@media (min-width:901px){
  .home-page .cl-desktop-international-item{
    display:flex;
    align-items:center;
  }
  .home-page .cl-desktop-international-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:7px 11px;
    border:1px solid rgba(70,47,34,.25);
    border-radius:999px;
    color:#37251c;
    background:rgba(255,255,255,.46);
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    letter-spacing:.015em;
    white-space:nowrap;
    transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
  }
  .home-page .cl-desktop-international-link:hover{
    background:#fff;
    border-color:rgba(70,47,34,.5);
    transform:translateY(-1px);
  }
  .home-page .cl-desktop-international-link b{
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1;
  }
}
@media (max-width:900px){
  .cl-desktop-international-item{
    display:none!important;
  }
}

/* Phase 192 Edition 2 — larger frameless official logo on desktop */
@media (min-width:901px){
  .cl-header-logo-slot{
    width:70px!important;
    height:64px!important;
    flex:0 0 70px!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  .cl-company-header-logo,
  .cl-header-logo-slot .cl-company-header-logo{
    width:64px!important;
    height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    object-fit:contain!important;
  }
}