/**
 * T1–TN storefront master polish (loads absolute last).
 * Fixes: padding, prominent nav, icon/label contrast, soft radius, 90vw shell.
 */

body.atelier[class*="theme-t"] {
  --pad-x: clamp(1.1rem, 3vw, 2.25rem) !important;
  --pad-y: clamp(1.5rem, 3.6vw, 2.4rem) !important;
  --pad-y-tight: clamp(1.1rem, 2.6vw, 1.65rem) !important;
  --pad-card: clamp(0.95rem, 2vw, 1.25rem) !important;
  --radius: 8px;
  --radius-media: 8px;
  --radius-btn: 6px;
  --radius-chip: 6px;
  --gap-grid: clamp(0.85rem, 1.6vw, 1.25rem) !important;
}

/* , ,  90vw canvas with real inner padding (all stages) , ,  */
body.atelier[class*="theme-t"] .an-wrap,
body.atelier[class*="theme-t"] .an-dest,
body.atelier[class*="theme-t"] .an-topbar__in,
body.atelier[class*="theme-t"] .an-header .an-wrap,
body.atelier[class*="theme-t"] .an-footer .an-wrap,
body.atelier[class*="theme-t"] .an-checkout-stage__in,
body.atelier[class*="theme-t"] :is(
  .b02-stage, .b03-stage, .b04-stage, .b05-stage, .b06-stage,
  .b07-stage, .b08-stage, .b09-stage, .b10-stage, .b11-stage, .b12-stage, .b13-stage
) {
  width: min(90vw, 100%) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Nested wraps fill the stage, avoid 90vw-inside-90vw overflow */
body.atelier[class*="theme-t"] :is(
  .b02-stage, .b03-stage, .b04-stage, .b05-stage, .b06-stage,
  .b07-stage, .b08-stage, .b09-stage, .b10-stage, .b11-stage, .b12-stage, .b13-stage
) .an-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

body.atelier[class*="theme-t"] .an-wrap,
body.atelier[class*="theme-t"] .an-dest,
body.atelier[class*="theme-t"] .an-topbar__in,
body.atelier[class*="theme-t"] .an-header .an-wrap,
body.atelier[class*="theme-t"] .an-footer .an-wrap {
  padding-inline: var(--pad-x) !important;
}

@media (max-width: 899px) {
  body.atelier[class*="theme-t"] .an-wrap,
  body.atelier[class*="theme-t"] .an-dest,
  body.atelier[class*="theme-t"] :is(
    .b02-stage, .b03-stage, .b04-stage, .b05-stage, .b06-stage,
    .b07-stage, .b08-stage, .b09-stage, .b10-stage, .b11-stage, .b12-stage, .b13-stage
  ) {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: clamp(1rem, 4.5vw, 1.35rem) !important;
  }
}

/* , ,  Soft professional radius (not SaaS card walls) , ,  */
body.atelier[class*="theme-t"] .an-product__media,
body.atelier[class*="theme-t"] .an-product__media img,
body.atelier[class*="theme-t"] .hx__bg,
body.atelier[class*="theme-t"] .an-look img,
body.atelier[class*="theme-t"] .an-cinema img {
  border-radius: var(--radius-media) !important;
}
body.atelier[class*="theme-t"] :is(.an-btn, .ui-btn, .an-bag-cta, .an-filter) {
  border-radius: var(--radius-btn) !important;
}
/* Keep demo toolbar picker compact, do not inherit storefront button radius/weight */
body.atelier .an-toolbar .an-picker__trigger {
  border-radius: 0.5rem !important;
  min-height: 1.95rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}
body.atelier[class*="theme-t"] :is(input, select, textarea, .an-search input) {
  border-radius: var(--radius-chip) !important;
}
body.atelier[class*="theme-t"] .an-icon--tile {
  border-radius: var(--radius-chip) !important;
}

/* , ,  Prominent navigation (all batch nav systems) , ,  */
body.atelier[class*="theme-t"] :is(
  .an-header, .an-nav,
  .b02-nav, .b03-nav, .b04-nav, .b05-nav, .b06-nav,
  .b07-nav, .b08-nav, .b09-nav, .b10-nav, .b11-nav
) {
  background: var(--bg) !important;
  color: var(--ink) !important;
  border-bottom: 2px solid var(--ink) !important;
  z-index: 60;
}
body.atelier[class*="theme-t"] :is(
  .an-header__row, .an-nav,
  .b02-nav__row, .b03-nav__row, .b04-nav__row, .b05-nav__row, .b06-nav__row,
  .b07-nav__row, .b08-nav__row, .b09-nav__row, .b10-nav__row, .b11-nav__row,
  .b04-nav__adapt-row, .b06-nav__row--mast, .b07-nav__row--mast,
  .b08-nav__row--mast, .b09-nav__row--mast, .b10-nav__row--mast, .b11-nav__row--mast
) {
  min-height: 4.5rem !important;
}
body.atelier[class*="theme-t"] :is(
  .an-nav a, .an-header__links a, .an-header a,
  .b02-nav a, .b03-nav a, .b04-nav a, .b05-nav a, .b06-nav a,
  .b07-nav a, .b08-nav a, .b09-nav a, .b10-nav a, .b11-nav a
) {
  color: var(--ink) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  font-size: clamp(0.84rem, 1.15vw, 0.98rem) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  min-height: 2.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  -webkit-text-fill-color: var(--ink) !important;
}
/* Text-only logo fallbacks, skipped when ShopifySys brand images are present */
body.atelier[class*="theme-t"] :is(
  .an-logo, .an-logo__text, .b02-nav__logo, .b03-nav__logo, .b04-nav__logo,
  .b05-nav__logo, .b06-nav__logo, .b07-nav__logo, .b08-nav__logo,
  .b09-nav__logo, .b10-nav__logo, .b11-nav__logo
):not(:has(.sys-logo__img, .an-logo__img, .sys-logo__mark, .an-logo__mark)) {
  color: var(--ink) !important;
  font-weight: 800 !important;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

/* , ,  Icons + labels: never merge into background , ,  */
body.atelier[class*="theme-t"] .an-icon {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}
body.atelier[class*="theme-t"] .an-icon svg {
  fill: none;
  stroke: currentColor;
  color: inherit;
}
body.atelier[class*="theme-t"] .an-icon--tile {
  background: color-mix(in srgb, var(--moss) 16%, var(--bg)) !important;
  border: 1.5px solid var(--ink) !important;
  color: var(--ink) !important;
}
body.atelier[class*="theme-t"] :is(
  .an-kicker, .an-muted, .an-lead, .an-product__meta p,
  .an-stars__count, .an-price s, .an-footer__tag, .an-chrome-note
) {
  color: var(--muted) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--muted) !important;
}
body.atelier[class*="theme-t"] :is(
  .an-product__meta h3, .an-price span, .an-h2, .an-buy h1, p, li, label
) {
  color: var(--ink);
}
/* Dark bands: force light type + icon ink */
body.atelier[class*="theme-t"] :is(
  .an-topbar, .an-news, .an-marquee, .an-sale-banner,
  .an-cta-band--urgency, [data-surface="dark"]
) {
  color: var(--on-dark, #fff) !important;
}
body.atelier[class*="theme-t"] :is(
  .an-topbar, .an-news, .an-marquee, .an-sale-banner,
  .an-cta-band--urgency, [data-surface="dark"]
) .an-icon {
  color: var(--on-dark, #fff) !important;
}

/* , ,  Section rhythm , ,  */
body.atelier[class*="theme-t"] :is(.an-section, .an-rail-block, .an-block) {
  padding-block: var(--pad-y) !important;
}
body.atelier[class*="theme-t"] .an-product__meta {
  padding: var(--pad-card) 0.15rem !important;
  gap: 0.4rem !important;
}
body.atelier[class*="theme-t"] .an-grid {
  gap: var(--gap-grid) !important;
}

/* , ,  CTA contrast lock , ,  */
body.atelier[class*="theme-t"] :is(.an-btn--solid, .an-bag-cta, .ui-btn--solid) {
  background: var(--cta-bg) !important;
  color: var(--cta-fg) !important;
  border: 2px solid var(--cta-border, var(--cta-bg)) !important;
  -webkit-text-fill-color: var(--cta-fg) !important;
}
body.atelier[class*="theme-t"] :is(.an-btn--solid, .an-bag-cta) .an-btn__label,
body.atelier[class*="theme-t"] :is(.an-btn--solid, .an-bag-cta) .an-bag-cta__label,
body.atelier[class*="theme-t"] :is(.an-btn--solid, .an-bag-cta) .an-icon,
body.atelier[class*="theme-t"] :is(.an-btn--solid, .an-bag-cta) span:not(.an-bag-cta__count) {
  color: var(--cta-fg) !important;
  -webkit-text-fill-color: var(--cta-fg) !important;
}