/*
 * MAK Store v3.17
 * - dark redesigned navigation
 * - minimalistic variant pills
 * - selected variants in mini cart
 */

.site-header .nav-shell{
  background:#32365F !important;
}

.site-header .nav-shell:before{
  opacity:.16;
}

.site-header .brand,
.site-header .brand:hover,
.site-header .brand:focus,
.site-header .mak-brand-slogan,
.site-header .desktop-nav a,
.site-header .icon-button,
.site-header .burger{
  color:#FFFFFF !important;
}

.site-header .desktop-nav a:after,
.site-header .burger span{
  background:#FFFFFF !important;
}

.site-header .mak-brand-slogan:before{
  background:rgba(255,255,255,.65) !important;
}

.mak-managed-standard-option{
  display:none !important;
}

.mak-variant-picker{
  margin:18px 0 4px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.mak-variant-group{
  margin:0;
  padding:0;
  border:0;
}

.mak-variant-group legend{
  margin:0 0 9px;
  padding:0;
  font-size:14px;
  line-height:1.35;
  font-weight:500;
  color:#12152E;
}

.mak-variant-values{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.mak-variant-pill{
  position:relative;
  display:inline-flex;
  margin:0;
  cursor:pointer;
}

.mak-variant-pill input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.mak-variant-pill__box{
  min-width:52px;
  min-height:40px;
  padding:8px 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #BFC7D5;
  border-radius:7px;
  background:#FFFFFF;
  color:#12152E;
  font-size:13px;
  line-height:1.2;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}

.mak-variant-pill__box small{
  font-size:10px;
  color:#697386;
  white-space:nowrap;
}

.mak-variant-pill:hover .mak-variant-pill__box{
  border-color:#32365F;
}

.mak-variant-pill input:focus + .mak-variant-pill__box{
  outline:2px solid rgba(50,54,95,.18);
  outline-offset:2px;
}

.mak-variant-pill input:checked + .mak-variant-pill__box{
  border-color:#32365F;
  background:#32365F;
  color:#FFFFFF;
}

.mak-variant-pill input:checked + .mak-variant-pill__box small{
  color:rgba(255,255,255,.78);
}

.cart-line__options{
  margin-top:4px;
  display:flex;
  flex-direction:column;
  gap:1px;
  font-size:10px;
  line-height:1.25;
  color:#697386;
}

.cart-line__options span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:768px){
  .mak-variant-pill__box{
    min-height:38px;
    padding:8px 12px;
    font-size:12px;
  }
}