/* S.W. Atelier look (see brand.js): ivory and burgundy with gold accents,
   script headings and a serif body, from Daniel's mockup (2026-10-25).
   Everything is scoped to html[data-brand="sw"], so Scott's Suits is
   untouched. Loaded after style.css on every page. */
/* Fonts (SIL Open Font License, see assets/sw/fonts/), only downloaded on
   the S.W. Atelier site since only it uses them. */
@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:swap;src:url(./assets/sw/fonts/pinyon-script.woff) format('woff');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(./assets/sw/fonts/cormorant-500.woff) format('woff');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(./assets/sw/fonts/cormorant-600.woff) format('woff');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(./assets/sw/fonts/cormorant-500-italic.woff) format('woff');}

@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:500;font-display:swap;src:url(./assets/sw/fonts/bodoni-moda-500.woff) format('woff');}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:500;font-display:swap;src:url(./assets/sw/fonts/bodoni-moda-500-italic.woff) format('woff');}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(./assets/sw/fonts/jost-400.woff) format('woff');}
@font-face{font-family:'Jost';font-style:normal;font-weight:500 700;font-display:swap;src:url(./assets/sw/fonts/jost-500.woff) format('woff');}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:400 700;font-display:swap;src:url(./assets/sw/fonts/cinzel-500.woff) format('woff');}
@font-face{font-family:'SW Montserrat';font-style:normal;font-weight:400 500;font-display:swap;src:url(./assets/sw/fonts/montserrat-400.woff) format('woff');}
@font-face{font-family:'SW Montserrat';font-style:normal;font-weight:600 700;font-display:swap;src:url(./assets/sw/fonts/montserrat-600.woff) format('woff');}
@font-face{font-family:'Poiret One';font-style:normal;font-weight:400 700;font-display:swap;src:url(./assets/sw/fonts/poiret-one.woff) format('woff');}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url(./assets/sw/fonts/josefin-sans-400.woff) format('woff');}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600 700;font-display:swap;src:url(./assets/sw/fonts/josefin-sans-600.woff) format('woff');}
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400 700;font-display:swap;src:url(./assets/sw/fonts/great-vibes.woff) format('woff');}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 500;font-display:swap;src:url(./assets/sw/fonts/eb-garamond-400.woff) format('woff');}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:600 700;font-display:swap;src:url(./assets/sw/fonts/eb-garamond-600.woff) format('woff');}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(./assets/sw/fonts/eb-garamond-400-italic.woff) format('woff');}

html[data-brand="sw"]{
  --ink:#F7F2EC;
  --ivory:#2B1A1D;
  --ivory-dim:rgba(43,26,29,0.68);
  --brass:#B8924F;
  --brass-light:#CFAE6E;
  --oxblood:#6E1423;
  --line:rgba(110,20,35,0.16);
  --card-tint:rgba(110,20,35,0.035);
  --sw-burgundy:#6E1423;
  --sw-burgundy-dark:#4E0D18;
  --sw-gold:#E3C58C;
  --brass-rgb:184,146,79;
  --ivory-rgb:43,26,29;
  --ink-rgb:247,242,236;
  --surface:#FFFDFA;
  --surface-rgb:255,253,250;
  /* Type: display font (titles, nav, big buttons) and reading font, with
     sizes per font since a script needs to be much bigger than capitals. */
  --sw-display:'Pinyon Script',cursive;
  --sw-display-case:none;
  --sw-display-track:0;
  --sw-display-weight:400;
  --sw-body:'Cormorant Garamond',Georgia,serif;
  --sw-body-size:1.08em;
  --sw-body-weight:500;
  --sw-h1:76px;--sw-h1-m:54px;--sw-h2:1.45em;
  --sw-nav:24px;--sw-nav-m:20px;--sw-btn:30px;--sw-btn-m:26px;
}

/* Other color themes, picked in brand.js (SITE_BRANDS.sw.themes). Each
   sets the same tokens, so every page follows: --sw-burgundy is the main
   color (titles, buttons, selected items), --brass the metal accent,
   --sw-gold the text on buttons. */
html[data-brand="sw"][data-sw-theme="navy"]{
  --ink:#F3F4F6;--ink-rgb:243,244,246;
  --ivory:#18202E;--ivory-rgb:24,32,46;--ivory-dim:rgba(24,32,46,0.66);
  --brass:#8D99A8;--brass-light:#A9B3C0;--brass-rgb:141,153,168;
  --oxblood:#1E3557;--sw-burgundy:#1E3557;--sw-burgundy-dark:#132339;--sw-gold:#E6EBF2;
  --line:rgba(24,32,46,0.15);--card-tint:rgba(24,32,46,0.04);--surface:#FFFFFF;--surface-rgb:255,255,255;
}
html[data-brand="sw"][data-sw-theme="forest"]{
  --ink:#F2F0E8;--ink-rgb:242,240,232;
  --ivory:#1E2620;--ivory-rgb:30,38,32;--ivory-dim:rgba(30,38,32,0.66);
  --brass:#B08D57;--brass-light:#C9A467;--brass-rgb:176,141,87;
  --oxblood:#1F4A37;--sw-burgundy:#1F4A37;--sw-burgundy-dark:#143224;--sw-gold:#EBD9B0;
  --line:rgba(30,38,32,0.15);--card-tint:rgba(30,38,32,0.04);--surface:#FCFBF7;--surface-rgb:252,251,247;
}
html[data-brand="sw"][data-sw-theme="midnight"]{
  --ink:#15171C;--ink-rgb:21,23,28;
  --ivory:#EEE7DA;--ivory-rgb:238,231,218;--ivory-dim:rgba(238,231,218,0.7);
  --brass:#D7B878;--brass-light:#E6CD96;--brass-rgb:215,184,120;
  --oxblood:#D7B878;--sw-burgundy:#D7B878;--sw-burgundy-dark:#B89A5C;--sw-gold:#15171C;
  --line:rgba(238,231,218,0.16);--card-tint:rgba(238,231,218,0.05);--surface:#1F2229;--surface-rgb:31,34,41;
  color-scheme:dark;
}
html[data-brand="sw"][data-sw-theme="blush"]{
  --ink:#FBF3F0;--ink-rgb:251,243,240;
  --ivory:#2B2B30;--ivory-rgb:43,43,48;--ivory-dim:rgba(43,43,48,0.66);
  --brass:#C9A08F;--brass-light:#D9B8AA;--brass-rgb:201,160,143;
  --oxblood:#A85F6C;--sw-burgundy:#A85F6C;--sw-burgundy-dark:#8A4855;--sw-gold:#FFF6F2;
  --line:rgba(43,43,48,0.15);--card-tint:rgba(43,43,48,0.04);--surface:#FFFBFA;--surface-rgb:255,251,250;
}
/* Font options (brand.js SITE_BRANDS.sw.fonts, preview with ?font=X). */
html[data-brand="sw"][data-sw-font="bodoni"]{
  --sw-display:'Bodoni Moda',Didot,serif;--sw-display-weight:500;--sw-display-track:0;
  --sw-body:'Jost',Helvetica,sans-serif;--sw-body-size:1em;--sw-body-weight:400;
  --sw-h1:62px;--sw-h1-m:42px;--sw-h2:1.1em;--sw-nav:15px;--sw-nav-m:13px;--sw-btn:17px;--sw-btn-m:15px;
  --sw-display-case:none;
}
html[data-brand="sw"][data-sw-font="cinzel"]{
  --sw-display:'Cinzel',serif;--sw-display-weight:500;--sw-display-track:0.04em;
  --sw-body:'SW Montserrat',Helvetica,sans-serif;--sw-body-size:0.96em;--sw-body-weight:400;
  --sw-h1:54px;--sw-h1-m:36px;--sw-h2:1em;--sw-nav:14px;--sw-nav-m:12px;--sw-btn:16px;--sw-btn-m:14px;
}
html[data-brand="sw"][data-sw-font="deco"]{
  --sw-display:'Poiret One',sans-serif;--sw-display-weight:400;--sw-display-track:0.06em;--sw-display-case:uppercase;
  --sw-body:'Josefin Sans',Helvetica,sans-serif;--sw-body-size:1.02em;--sw-body-weight:400;
  --sw-h1:56px;--sw-h1-m:36px;--sw-h2:1em;--sw-nav:16px;--sw-nav-m:13px;--sw-btn:18px;--sw-btn-m:16px;
}
html[data-brand="sw"][data-sw-font="vibes"]{
  --sw-display:'Great Vibes',cursive;--sw-display-weight:400;
  --sw-body:'EB Garamond',Georgia,serif;--sw-body-size:1.05em;--sw-body-weight:400;
  --sw-h1:72px;--sw-h1-m:52px;--sw-h2:1.4em;--sw-nav:24px;--sw-nav-m:20px;--sw-btn:28px;--sw-btn-m:24px;
}

/* Fabric and option photos keep a white backdrop in the dark theme. */
html[data-sw-theme="midnight"] .opt-swatch,
html[data-sw-theme="midnight"] .lightbox-frame,
html[data-sw-theme="midnight"] .suit-type-icon,
html[data-sw-theme="midnight"] .suit-preview-img{background:#fff !important;}
/* Option drawings (lapels, pockets, vents...) inverted to white lines on
   black (Daniel, 2026-10-25). Fabric, felt and button color photos are
   jacket- files too, so they are left out (2026-10-26). Photos (fabric, lining, buttons, thread) keep
   their real colors; hue-rotate keeps any colored marks close to the original. */
html[data-sw-theme="midnight"] img.opt-swatch[src*="assets/jacket-"]:not([src*="assets/jacket-fabric-"]):not([src*="assets/jacket-feltcolor-"]):not([src*="assets/jacket-buttoncolor-"]):not([src*="assets/jacket-tex-"]),
html[data-sw-theme="midnight"] img.opt-swatch[src*="assets/pants-"],
html[data-sw-theme="midnight"] img.opt-swatch[src*="assets/buttonnail-"],
html[data-sw-theme="midnight"] .suit-type-icon,
html[data-sw-theme="midnight"] #lightboxImg[src*="assets/jacket-"]:not([src*="assets/jacket-fabric-"]):not([src*="assets/jacket-feltcolor-"]):not([src*="assets/jacket-buttoncolor-"]):not([src*="assets/jacket-tex-"]),
html[data-sw-theme="midnight"] #lightboxImg[src*="assets/pants-"],
html[data-sw-theme="midnight"] #lightboxImg[src*="assets/buttonnail-"]{filter:invert(1) hue-rotate(180deg);}
html[data-sw-theme="midnight"] .lightbox-frame:has(#lightboxImg[src*="assets/jacket-"]:not([src*="assets/jacket-fabric-"]):not([src*="assets/jacket-feltcolor-"]):not([src*="assets/jacket-buttoncolor-"]):not([src*="assets/jacket-tex-"])),
html[data-sw-theme="midnight"] .lightbox-frame:has(#lightboxImg[src*="assets/pants-"]),
html[data-sw-theme="midnight"] .lightbox-frame:has(#lightboxImg[src*="assets/buttonnail-"]){background:#000 !important;}
/* The suit picture preview card is cream on Scott's Suits; dark here so
   its light text reads. The loading clip is recolored to match (brand.js). */
html[data-sw-theme="midnight"] #designPreview.suit-preview.design-preview{background:var(--surface);border:1px solid var(--line);box-shadow:none;}
html[data-sw-theme="midnight"] #designPreview .suit-preview-card.reviewing .suit-preview-media > a,
html[data-sw-theme="midnight"] .nav-cart-dropdown{background:var(--surface);}
html[data-sw-theme="midnight"] #designPreview .suit-preview-loading{background:var(--surface);box-shadow:0 0 0 1px var(--line);}
/* Google's sign-in button stays white with dark text (Google's own spec). */
html[data-sw-theme="midnight"] .btn-google{background:#fff;color:#3c4043;border-color:#dadce0;}
html[data-sw-theme="midnight"] .btn-google:hover{background:#f8f8f8;}

/* Dark fills (selected tab, progress, confirm buttons) take the main color. */
html[data-brand="sw"] .tab.active,
html[data-brand="sw"] .wiz-seg.current,
html[data-brand="sw"] #lightbox .lightbox-confirm-btn,
html[data-brand="sw"] .order-done-home:hover{background:var(--sw-burgundy);color:var(--sw-gold);}
html[data-brand="sw"] body{background:var(--ink);}

/* Every piece of lettering uses the landing page fonts (Daniel, 2026-10-25):
   the body font everywhere, replacing Scott's site-wide Montserrat; the
   display font below for titles. Monogram font samples set their own font
   inline with !important, so they keep their look. */
html[data-brand="sw"] *,
html[data-brand="sw"] *::before,
html[data-brand="sw"] *::after{font-family:var(--sw-body) !important;}
html[data-brand="sw"] .suit-type-name,
html[data-brand="sw"] .hiw-num,
html[data-brand="sw"] .lightbox-caption,
html[data-brand="sw"] .studio-marker-label{font-family:var(--sw-display) !important;letter-spacing:var(--sw-display-track);text-transform:var(--sw-display-case);}

/* Designer section names (Lapel Style, Button Closure...) in all caps Art
   Deco lettering (Daniel, 2026-10-26). */
html[data-brand="sw"] .designer-grid .options > h3,
html[data-brand="sw"] .designer-grid .opt-section-divider{font-family:var(--sw-display) !important;text-transform:uppercase;letter-spacing:0.08em;font-weight:400 !important;}

/* Script for the big titles and the nav, serif for reading text. */
html[data-brand="sw"] h1,
html[data-brand="sw"] h1 *,
html[data-brand="sw"] h2,
html[data-brand="sw"] .navlink-btn,
html[data-brand="sw"] #heroStartDesigningBtn,
html[data-brand="sw"] .how-it-works-cta{font-family:var(--sw-display) !important;font-weight:var(--sw-display-weight) !important;letter-spacing:var(--sw-display-track) !important;text-transform:var(--sw-display-case) !important;}
html[data-brand="sw"] h3,
html[data-brand="sw"] p,
html[data-brand="sw"] p *,
html[data-brand="sw"] li,
html[data-brand="sw"] .lead,
html[data-brand="sw"] footer,
html[data-brand="sw"] .hero-badges span{font-family:var(--sw-body) !important;}
html[data-brand="sw"] h1,html[data-brand="sw"] h2{color:var(--sw-burgundy);}
html[data-brand="sw"] h2{font-size:var(--sw-h2);}
html[data-brand="sw"] p{font-size:var(--sw-body-size);font-weight:var(--sw-body-weight);}
html[data-brand="sw"] h3{font-weight:600 !important;}

/* Hero: "Custom-made," in burgundy, the rest in near-black, as in the mockup. */
html[data-brand="sw"] .hero h1{font-size:var(--sw-h1);line-height:1.05;max-width:620px;}
html[data-brand="sw"] .hero h1 em{font-style:normal;color:var(--ivory);display:block;}
html[data-brand="sw"] .hero p.lead{font-size:20px;line-height:1.55;color:var(--ivory);}
html[data-brand="sw"] .hero-rule{background:var(--brass);width:90px;}
html[data-brand="sw"] .navlink-btn{font-size:var(--sw-nav);color:var(--sw-burgundy);}
html[data-brand="sw"] .navlink-btn:hover{color:var(--brass);}
html[data-brand="sw"] .nav-cart-btn svg{stroke:var(--sw-burgundy);}
html[data-brand="sw"] .nav-cart-btn svg path[d^="M2.5"],
html[data-brand="sw"] #cartIconBtn svg{stroke:var(--brass);}

/* Buttons: burgundy with a gold edge and gold text. */
html[data-brand="sw"] .btn-primary{background:var(--sw-burgundy);color:var(--sw-gold);border:1px solid var(--brass);border-radius:999px;}
html[data-brand="sw"] .btn-primary:hover{background:var(--sw-burgundy-dark);color:var(--sw-gold);}
html[data-brand="sw"] #heroStartDesigningBtn,
html[data-brand="sw"] .how-it-works-cta{font-size:var(--sw-btn);padding:10px 40px 12px;}
html[data-brand="sw"] .nav-cta{border-color:var(--brass);color:var(--sw-burgundy);}
html[data-brand="sw"] .nav-cta:hover{background:var(--sw-burgundy);color:var(--sw-gold);}
html[data-brand="sw"] .btn-ghost{color:var(--sw-burgundy);}

/* The logo stacks the monogram over the name, so it is a little taller. */
html[data-brand="sw"] .logo-mark{height:118px;}
html[data-brand="sw"] body > .wrap > header a img{height:118px;width:auto;}
@media(max-width:900px){html[data-brand="sw"] .logo-mark{height:96px;}}
@media(max-width:600px){
  html[data-brand="sw"] .logo-mark{height:84px;}
  html[data-brand="sw"] .navlink-btn{font-size:var(--sw-nav-m);}
  html[data-brand="sw"] .hero h1{font-size:var(--sw-h1-m);}
  html[data-brand="sw"] .hero p.lead{font-size:18px;}
  html[data-brand="sw"] #heroStartDesigningBtn{font-size:var(--sw-btn-m);}
}

/* No prices anywhere: price boxes, totals and price-only notes. */
html[data-prices="off"] .suit-type-price,
html[data-prices="off"] .summary-total,
html[data-prices="off"] .summary-note,
html[data-prices="off"] .wiz-price,
html[data-prices="off"] .wiz-total,
html[data-prices="off"] #cartBarTotal,
html[data-prices="off"] .cart-item-price,
html[data-prices="off"] #pastOrdersList .past-order-total{display:none !important;}