/** Shopify CDN: Minification failed

Line 127:0 Expected "}" to go with "{"

**/

/* SALLOGA — Stable Adaptive Header */
/* Atelier native menu and sticky behavior retained */

/* Transparent header when menu is closed */
#header-component.salloga-adaptive-header:not(.salloga-menu-open) {
  --closed-underlay-height: 0px !important;
  --salloga-ink: #1d1d1d;
  --salloga-ink-rgb: 29 29 29;
}

/* White foreground over photographs */
#header-component.salloga-adaptive-header[data-salloga-tone='light']:not(.salloga-menu-open) {
  --salloga-ink: #ffffff;
  --salloga-ink-rgb: 255 255 255;
  --header-logo-display: none;
  --header-logo-inverse-display: block;
}

/* Dark foreground over light content */
#header-component.salloga-adaptive-header[data-salloga-tone='dark']:not(.salloga-menu-open) {
  --header-logo-display: block;
  --header-logo-inverse-display: none;
}

/* One foreground color for the whole header */
#header-component.salloga-adaptive-header:not(.salloga-menu-open) .header__row {
  --color-foreground: var(--salloga-ink) !important;
  --color-foreground-rgb: var(--salloga-ink-rgb) !important;
  --color-border: var(--salloga-ink) !important;
  --color-border-rgb: var(--salloga-ink-rgb) !important;
  --color-account-icon: var(--salloga-ink) !important;
  --button-color: var(--salloga-ink) !important;
  color: var(--salloga-ink) !important;
}

#header-component.salloga-adaptive-header:not(.salloga-menu-open)
  .header__row :is(a, button, svg) {
  color: var(--salloga-ink) !important;
}

/* Menu open — white background / dark text */
#header-component.salloga-adaptive-header.salloga-menu-open {
  --closed-underlay-height: 100% !important;
  --color-background-top-row: #ffffff !important;
  --color-submenu: #ffffff !important;
  --header-logo-display: block;
  --header-logo-inverse-display: none;
}

#header-component.salloga-adaptive-header.salloga-menu-open .header__row {
  --color-foreground: #1d1d1d !important;
  --color-foreground-rgb: 29 29 29 !important;
  --color-account-icon: #1d1d1d !important;
  --button-color: #1d1d1d !important;
}


/* =========================================
   SALLOGA — Mobile Header Layout
   ========================================= */

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

  #header-component .header__row--top .header__columns {
    grid-template-areas:
      "center rightB rightB leftB leftA" !important;

    grid-template-columns:
      minmax(0, 1fr) repeat(4, 44px) !important;

    column-gap: 0;
    
    padding-inline-start: clamp(12px, 4vw, 18px) !important;
    padding-inline-end: max(4px, env(safe-area-inset-right)) !important;

  }

  #header-component .header__row--top .header-logo {
    justify-self: start;
    min-width: 0;
  }

  #header-component .header__row--top header-actions {
    justify-self: stretch;
    justify-content: space-between;
    margin-inline-start: 0;
  }

  #header-component .header__row--top .header__icon--menu {
    justify-content: center;
    padding-inline: 0;
  }

}



/* Desktop: individual header colors over mixed backgrounds */
@media screen and (min-width: 750px) {

  #header-component.salloga-adaptive-header:not(.salloga-menu-open)
  .header__row [data-salloga-item-tone="light"] {
    --salloga-ink: #ffffff !important;
    --color-foreground: #ffffff !important;
    --color-account-icon: #ffffff !important;
    --button-color: #ffffff !important;
    color: #ffffff !important;
  }



/* SALLOGA — Account icon instant color change */

#header-component.salloga-adaptive-header
.account-button__icon,
#header-component.salloga-adaptive-header
.account-button__text {
  transition: none !important;
}