/* =========================================================
   CROWNBARSHOP
   GLOBAL SITE SHELL V1
========================================================= */

body.cbs-global-page{
  --cbs-black:#101010;
  --cbs-red:#dc171d;
  --cbs-text:#111;
  --cbs-muted:#666963;

  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}


/* Hide Astra visual header / footer */

body.cbs-global-page #masthead,
body.cbs-global-page #colophon{
  display:none;
}


/* Shared container */

body.cbs-global-page .cbs-container{
  width:min(1360px,calc(100% - 48px));
  margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.cbs-global-header{
  position:relative;
  z-index:99;
  background:#101010;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.cbs-global-header .cbs-header-inner{
  min-height:76px;

  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;

  gap:40px;
}


/* LOGO */

.cbs-global-header .cbs-logo{
  display:flex;
  align-items:baseline;
  gap:7px;

  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}

.cbs-global-header .cbs-logo span{
  font-size:19px;
  font-weight:800;
  letter-spacing:.8px;
}

.cbs-global-header .cbs-logo small{
  font-size:10px;
  font-weight:700;
  letter-spacing:2.4px;
  color:#ddd;
}


/* NAV */

.cbs-global-header .cbs-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:34px;
}

.cbs-global-header .cbs-nav a{
  padding:29px 0;

  color:rgba(255,255,255,.75);
  text-decoration:none;

  font-size:13px;
  font-weight:600;

  transition:color .18s ease;
}

.cbs-global-header .cbs-nav a:hover{
  color:#fff;
}


/* ACTIONS */

.cbs-global-header .cbs-header-actions{
  display:flex;
  align-items:center;
  gap:13px;
}

.cbs-global-header .cbs-language{
  min-height:34px;

  display:flex;
  align-items:center;

  padding:0 13px;

  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;

  color:#fff;

  font-size:10px;
  font-weight:700;
}


/* CART */

.cbs-global-header .cbs-cart{
  position:relative;

  width:38px;
  height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;
  text-decoration:none;
}

.cbs-global-header .cbs-cart svg{
  width:22px;
  height:22px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cbs-global-header .cbs-cart-count{
  position:absolute;

  top:0;
  right:-2px;

  min-width:17px;
  height:17px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 4px;

  border-radius:20px;

  background:#dc171d;
  color:#fff;

  font-size:9px;
  font-weight:800;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

  .cbs-global-header .cbs-header-inner{
    gap:24px;
  }

  .cbs-global-header .cbs-nav{
    gap:20px;
  }

  .cbs-global-header .cbs-nav a{
    font-size:12px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:760px){

  body.cbs-global-page .cbs-container{
    width:calc(100% - 28px);
  }

  .cbs-global-header .cbs-header-inner{
    min-height:62px;
    grid-template-columns:auto 1fr auto;
    gap:12px;
  }

  .cbs-global-header .cbs-logo span{
    font-size:16px;
  }

  .cbs-global-header .cbs-logo small{
    font-size:8px;
    letter-spacing:1.6px;
  }

  .cbs-global-header .cbs-nav{
    display:none;
  }

  .cbs-global-header .cbs-header-actions{
    grid-column:3;
  }

  .cbs-global-header .cbs-language{
    min-height:30px;
    padding:0 10px;
    font-size:9px;
  }

  .cbs-global-header .cbs-cart{
    width:32px;
    height:32px;
  }

  .cbs-global-header .cbs-cart svg{
    width:19px;
    height:19px;
  }

}