/**
 * Atelier — Header (C1). Source: design/store-theme/01-atelier-fashion/pages/Home.dc.html
 */
.atl-header {
  --atl-header-pad-y: 22px;
  position: relative;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--atl-header-pad-y) 48px;
  border-bottom: 1px solid var(--atl-border);
}
/* Nav width is data (category count); header.phtml adds .atl-header--compact when it does not fit. */
.atl-nav { display: flex; flex-wrap: nowrap; align-self: stretch; column-gap: clamp(14px, 1vw, 28px); flex: 1 1 0; min-width: max-content; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; }
.atl-nav > a, .atl-nav > .atl-megamenu-item { display: flex; align-items: center; }
.atl-nav a { color: var(--atl-text); text-decoration: none; }
.atl-nav > a, .atl-nav > .atl-megamenu-item > a { white-space: nowrap; }
.atl-logo { flex: none; }
.atl-nav a[data-active] { color: var(--atl-accent); }
.atl-logo { font-family: 'Cormorant Garamond', serif; font-size: 30px; letter-spacing: 0.32em; text-transform: uppercase; font-weight: 500; color: var(--atl-text); text-decoration: none; }
.atl-header-actions { display: flex; gap: 28px; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; flex: 1 1 0; min-width: max-content; justify-content: flex-end; }
.atl-header-actions a { color: var(--atl-text); text-decoration: none; }

@media (min-width: 1600px) {
  .atl-nav { letter-spacing: 0.14em; }
}
/* Compact bar (hamburger, centred wordmark, actions): always at <=1199.98px, and at wider widths when .atl-header--compact is set. */
@media (max-width: 1199.98px) {
  .atl-header { display: grid; grid-template-columns: minmax(44px, 1fr) auto minmax(max-content, 1fr); gap: 12px; padding: 16px 24px; }
  .atl-nav { display: none; }
  .atl-logo { font-size: 22px; justify-self: center; }
  .atl-header-actions { gap: 16px; justify-self: end; }
  .atl-header-action--search,
  .atl-header-action--account,
  .atl-header-action--wishlist,
  .atl-header-action--bag { display: inline-flex; align-items: center; justify-content: flex-end; min-height: 44px; min-width: 44px; }
}
.atl-header--compact { display: grid; grid-template-columns: minmax(44px, 1fr) auto minmax(max-content, 1fr); gap: 12px; padding: 16px 24px; }
.atl-header--compact .atl-nav { display: none; }
.atl-header--compact .atl-logo { font-size: 22px; justify-self: center; }
.atl-header--compact .atl-header-actions { gap: 16px; justify-self: end; }
.atl-header--compact .atl-header-action--search,
.atl-header--compact .atl-header-action--account,
.atl-header--compact .atl-header-action--wishlist,
.atl-header--compact .atl-header-action--bag { display: inline-flex; align-items: center; justify-content: flex-end; min-height: 44px; min-width: 44px; }
@media (max-width: 1024px) {
  .atl-header-action--account,
  .atl-header-action--wishlist { display: none; }
}
/* <=767px: single flex row (toggle, logo, Search, Bag); Account/Wishlist live in the drawer. */
@media (max-width: 767px) {
  .atl-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; }
  .atl-header-actions { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; gap: 8px; justify-content: flex-end; }
  .atl-logo { font-size: 20px; display: inline-flex; align-items: center; min-height: 44px; }
}