/** Shopify CDN: Minification failed

Line 230:0 Unexpected "}"

**/
/* ============================================================
   SUEET SKIN — Header CSS Overrides
   File: assets/sueet-header.css

   INSTALL:
   1. Online Store > Themes > Edit Code
   2. Assets > Add new asset > name it "sueet-header.css" > paste this file
   3. Open layout/theme.liquid
   4. Find the line: {{ 'base.css' | asset_url | stylesheet_tag }}
   5. Add this line directly after it:
      <link rel="stylesheet" href="{{ 'sueet-header.css' | asset_url }}">
   6. Save

   This file only overrides the header — it does not touch any other
   part of the theme. All Dawn cart drawer, search, and mobile menu
   functionality is preserved.
   ============================================================ */


/* ============================================================
   1. ANNOUNCEMENT BAR
   ============================================================ */

.shopify-section-group-header-group .announcement-bar-section {
  background-color: #3D483A;
  color: #3A3936;
}

.shopify-section-group-header-group .announcement-bar__message,
.shopify-section-group-header-group .announcement-bar__link {
  color: #3A3936 !important;
  font-size: 1.1rem;
  letter-spacing: 0.12em;
}

.shopify-section-group-header-group .announcement-bar__link:hover {
  text-decoration: underline;
}


/* ============================================================
   2. HEADER WRAPPER — solid cream background, bottom border
   ============================================================ */

.section-header .header-wrapper,
body .shopify-section.shopify-section-group-header-group.section-header .header-wrapper {
  background-color: #F6F6F4 !important;
  border-bottom: 0.1rem solid rgba(44, 42, 36, 0.1) !important;
}

/* Remove the absolute positioning from homepage override in theme.liquid */
body.template-index .section-header,
body.template-index .shopify-section-group-header-group.section-header {
  background-color: #F6F6F4 !important;
}

/* Remove the padding-top Dawn adds to banner content when header is absolute */
body.template-index .banner__content {
  padding-top: 0 !important;
}


/* ============================================================
   3. HEADER LAYOUT — logo centre, nav left, icons right
   ============================================================ */

@media screen and (min-width: 990px) {

  /* Three-column grid: nav | logo | icons */
  .header.page-width {
    grid-template-areas: 'navigation heading icons' !important;
    grid-template-columns: 1fr auto 1fr !important;
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
  }

  /* Logo — centred */
  .header__heading,
  .header__heading-link {
    justify-self: center !important;
    text-align: center !important;
  }

  /* Nav — left aligned */
  .header__inline-menu {
    justify-self: start !important;
  }

  /* Icons — right aligned */
  .header__icons {
    justify-self: end !important;
  }

}


/* ============================================================
   4. LOGO
   ============================================================ */

.header__heading-logo {
  max-width: 12rem !important;
  height: auto;
}

/* If using text logo */
.header__heading-link .h2 {
  font-family: 'trash-light', sans-serif !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: rgb(var(--color-foreground)) !important;
}


/* ============================================================
   5. NAV LINKS
   ============================================================ */

.header__menu-item {
  font-size: 1.1rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.65) !important;
  padding: 0.8rem 1rem !important;
}

.header__menu-item:hover,
.header__active-menu-item {
  color: rgb(var(--color-foreground)) !important;
}

.header__active-menu-item {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}


/* ============================================================
   6. HEADER ICONS (cart, account, search)
   ============================================================ */

.header__icon {
  color: rgb(var(--color-foreground)) !important;
}

.header__icon:hover .icon {
  opacity: 0.7;
}

/* Cart bubble */
.cart-count-bubble {
  background-color: #3D483A !important;
  color: #F6F6F4 !important;
}


/* ============================================================
   7. MOBILE HEADER
   ============================================================ */

@media screen and (max-width: 989px) {

  .header.page-width {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }

  /* Logo centred on mobile */
  .header__heading,
  .header__heading-link {
    justify-self: center !important;
  }

  /* Hamburger left */
  .header__icon--menu {
    justify-self: start !important;
  }

}


/* ============================================================
   8. MOBILE DRAWER — match site palette
   ============================================================ */

.menu-drawer {
  background-color: #F6F6F4 !important;
}

.menu-drawer__navigation a,
.menu-drawer__menu-item {
  font-size: 1.3rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  color: rgb(var(--color-foreground)) !important;
}

/* Mobile menu drawer fix */
@media screen and (max-width: 989px) {
  .menu-drawer {
    position: fixed !important;
    top: var(--header-bottom-position, 80px) !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 80px)) !important;
  }
}

/* ============================================================
   9. FIXES
   ============================================================ */

/* Grey box on hamburger — comes from base.css background:white on the container */
.menu-drawer-container {
  background: transparent !important;
  background-color: transparent !important;
}

/* Mobile gap — .sueet-hero has 69px padding-top baked in */
  .sueet-hero {
    padding-top: 0 !important;
  }
}


.kl_reviews__button_bar,
.kl_reviews__list__tabs,
.kl_reviews__list__tab_buttons,
.kl_reviews__filters,
.kl_reviews__answers_grid {
  display: none !important;
}