/*! OMEGA CHAIN — BLOCK ΩΞ-PDP-001 — 2026-08-24
 *  Card badge vocabulary + the product-page size guide.
 *
 *  WHY A SEPARATE FILE: the site's CSS is injected at runtime from inside a
 *  412 KB minified bundle. Editing that string to add rules is a large risk
 *  for a small change. This file is linked from index.html and is deleted in
 *  one line. Because the bundle injects its styles AFTER this link, every
 *  override here doubles its own class to win on specificity rather than order.
 *
 *  NEON IS RESERVED. After ΩΞ-CTA-001 and this block, #00FF41 means "this is
 *  the button". Nothing else on a card or a table may wear it.
 *
 *  REVERSIBLE: delete assets/omega-pdp.css and its <link> in index.html.
 */

/* ── card badge ─────────────────────────────────────────────────────── */
/* the base class shipped with no background and no colour, so any badge
   outside the four-value status vocabulary rendered as bare text. */
.product-card__tag.product-card__tag{
  background:rgba(255,255,255,.06);
  color:var(--color-text-secondary);
  border:1px solid rgba(255,255,255,.12);
}
.product-card__tag--embroidered.product-card__tag--embroidered{
  background:rgba(191,155,48,.15);color:var(--color-gold);border-color:rgba(191,155,48,.25);
}
.product-card__tag--back-print.product-card__tag--back-print{
  background:rgba(255,255,255,.06);color:var(--color-text-secondary);border-color:rgba(255,255,255,.12);
}
.product-card__tag--16-5-oz-fleece.product-card__tag--16-5-oz-fleece{
  background:rgba(255,255,255,.10);color:#FFFFFF;border-color:rgba(255,255,255,.22);
}
.product-card__tag--hardcover.product-card__tag--hardcover{
  background:rgba(191,155,48,.10);color:var(--color-gold);border-color:rgba(191,155,48,.20);
}
.product-card__tag--instant-pdf.product-card__tag--instant-pdf{
  background:rgba(0,200,255,.12);color:#00C8FF;border-color:rgba(0,200,255,.25);
}
.product-card__tag--coming-soon.product-card__tag--coming-soon,
.product-card__tag--coming.product-card__tag--coming{
  background:rgba(0,200,255,.12);color:#00C8FF;border-color:rgba(0,200,255,.25);
}
.product-card__tag--bestseller.product-card__tag--bestseller{
  background:rgba(255,0,15,.15);color:var(--color-primary);border-color:rgba(255,0,15,.25);
}
.product-card__tag--limited.product-card__tag--limited{
  background:rgba(191,155,48,.15);color:var(--color-gold);border-color:rgba(191,155,48,.25);
}
/* --new gives up the neon it was borrowing; the homepage lead magnet moves
   to its own gold class in the same deploy. */
.product-card__tag--new.product-card__tag--new{
  background:rgba(255,255,255,.10);color:#FFFFFF;border-color:rgba(255,255,255,.22);
}
.product-card__tag--free-download.product-card__tag--free-download{
  background:rgba(191,155,48,.15);color:var(--color-gold);border-color:rgba(191,155,48,.25);
}

/* ── size guide ─────────────────────────────────────────────────────── */
/* Printful's guide, mirrored. Sits below ADD TO CART, always expanded. */
#size-guide{
  margin-top:var(--space-12);
  padding-top:var(--space-8);
  border-top:1px solid rgba(255,255,255,.08);
}
#size-guide .size-guide__head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--space-4);margin-bottom:var(--space-4);
}
#size-guide .size-guide__title{
  font-family:var(--font-heading-alt);font-size:var(--text-sm);
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--color-text-secondary);margin:0;
}
#size-guide .size-guide__units{display:flex;gap:2px;flex:0 0 auto}
#size-guide .size-guide__units button{
  font-family:var(--font-heading-alt);font-size:10px;letter-spacing:.1em;
  padding:4px 10px;min-height:0;min-width:0;height:auto;
  background:transparent;color:var(--color-text-muted);
  border:1px solid rgba(255,255,255,.12);border-radius:0;cursor:pointer;
}
#size-guide .size-guide__units button.is-on{
  background:rgba(255,255,255,.08);color:#FFFFFF;border-color:rgba(255,255,255,.22);
}
#size-guide .size-guide__units button:focus-visible{
  outline:2px solid #FFFFFF;outline-offset:2px;
}
/* the ONLY element allowed to scroll sideways */
#size-guide .size-guide__scroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-3);
}
#size-guide table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
#size-guide caption{
  caption-side:top;text-align:left;font-family:var(--font-heading-alt);
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--color-text-muted);padding-bottom:var(--space-2);
}
#size-guide th,#size-guide td{
  padding:8px 10px;text-align:center;white-space:nowrap;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#size-guide thead th{
  font-family:var(--font-heading-alt);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--color-text-secondary);font-weight:600;
}
#size-guide thead th:first-child,#size-guide tbody th{
  text-align:left;position:sticky;left:0;background:#000000;
}
#size-guide tbody th{color:var(--color-text-secondary);font-weight:400}
#size-guide td{color:#FFFFFF}
#size-guide .size-guide__note{
  font-size:var(--text-xs);color:var(--color-text-muted);
  line-height:1.6;margin:0 0 var(--space-3);
}
@media (max-width:640px){
  #size-guide th,#size-guide td{padding:6px 8px;font-size:var(--text-xs)}
}