/**
 * Batch 04 form + CTA contrast, solid primaries, readable fields.
 */

body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-btn--solid,
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .ui-btn--solid,
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-bag-cta {
  background: var(--cta-bg, var(--ink)) !important;
  color: var(--cta-fg, #fff) !important;
  border: 2px solid var(--cta-border, var(--cta-bg, var(--ink))) !important;
  -webkit-text-fill-color: var(--cta-fg, #fff) !important;
}

body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-btn--ghost:not(.hx .an-btn--ghost):not(.an-news .an-btn--ghost),
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .ui-btn--outline {
  background: transparent;
  border: 2px solid var(--ink);
  color: var(--ink);
  -webkit-text-fill-color: var(--ink);
}

body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-section,
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-rail-block {
  padding-inline: max(var(--gutter), 1rem);
}

/* Form fields, high contrast */
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) select,
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) textarea {
  background: var(--bg);
  color: var(--ink);
  border: 2px solid var(--ink);
  border-radius: 2px;
  min-height: 2.75rem;
  padding: 0.55rem 0.75rem;
  font: inherit;
  font-weight: 600;
}
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) input::placeholder,
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) textarea::placeholder {
  color: color-mix(in srgb, var(--ink) 45%, transparent);
  opacity: 1;
}
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) label {
  font-weight: 750; color: var(--ink); letter-spacing: 0.02em;
}

body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-product {
  margin: 0;
}
body.atelier:is(
  .theme-t31, .theme-t32, .theme-t33, .theme-t34, .theme-t35,
  .theme-t36, .theme-t37, .theme-t38, .theme-t39, .theme-t40,
  .theme-t41, .theme-t42, .theme-t43, .theme-t44, .theme-t45,
  .theme-t46, .theme-t47, .theme-t48, .theme-t49, .theme-t50
) .an-product__meta {
  padding: var(--pad-card, 0.85rem);
}

/* Collection hero differentiation */
body.chrome-collection-merch-floor .an-coll-hero { padding-block: 2.5rem; border-bottom: 2px solid var(--ink); }
body.chrome-collection-edit-select .an-coll-hero { padding-block: 3.5rem; }
body.chrome-collection-deal-dense .an-coll-hero { padding-block: 1rem; border-bottom: 2px solid var(--ink); }
body.chrome-collection-story-interleave .an-coll-hero { min-height: 50vh; display: grid; align-content: end; }
body.chrome-collection-use-case .an-coll-hero { background: color-mix(in srgb, var(--bg) 90%, var(--moss) 10%); }
body.chrome-collection-type-led .an-coll-hero { border-top: 3px solid var(--ink); padding-block: 2.5rem; }
body.chrome-collection-drop-chrono .an-coll-hero { border-top: 3px solid var(--sale); }
body.chrome-collection-chrono-visual .an-coll-hero { border-bottom: 2px solid var(--moss); }
body.chrome-collection-scenario-coll .an-coll-hero { padding-block: 2.75rem; }
body.chrome-collection-layer-coll .an-coll-hero { padding-block: 2.5rem; }
body.chrome-collection-funnel-coll .an-coll-hero { border: 2px solid var(--ink); }
body.chrome-collection-story-shop .an-coll-hero { background: color-mix(in srgb, var(--bg) 85%, #fff); }
body.chrome-collection-problem-solve .an-coll-hero { padding-block: 2.25rem; }
body.chrome-collection-photo-merch .an-coll-hero { min-height: 42vh; display: grid; align-content: end; }
body.chrome-collection-filter-first .an-coll-hero { padding-block: 1rem; border-bottom: 2px solid var(--ink); }
body.chrome-collection-curated-stage .an-coll-hero { background: color-mix(in srgb, var(--bg) 92%, var(--moss) 8%); padding-block: 3rem; }
body.chrome-collection-trend-explore .an-coll-hero { padding-block: 2rem; }
body.chrome-collection-bundle-coll .an-coll-hero { border: 2px solid var(--ink); }
body.chrome-collection-for-you .an-coll-hero { border-top: 3px solid var(--moss); }
body.chrome-collection-intel-merch .an-coll-hero { padding-block: 2.25rem; border-bottom: 1.5px solid var(--ink); }

/* Shell heading accents */
body.chrome-shell-retail-journey .an-h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; }
body.chrome-shell-boutique-air .an-h2 { font-family: var(--display); font-size: clamp(2.2rem, 5vw, 3.6rem); }
body.chrome-shell-market-dense .an-h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); letter-spacing: 0.04em; text-transform: uppercase; }
body.chrome-shell-mag-story .an-h2 { font-family: var(--display); font-size: clamp(2.4rem, 6vw, 4rem); }
body.chrome-shell-mono-lux .an-h2 { font-family: var(--display); font-size: clamp(2.2rem, 5vw, 3.8rem); }
body.chrome-shell-lux-stage .an-h2 { font-family: var(--display); font-size: clamp(2rem, 4vw, 3.2rem); }
body.chrome-shell-funnel .an-h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 900; }
body.chrome-shell-catalog-eff .an-h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); letter-spacing: 0.04em; text-transform: uppercase; }