/* ==========================================================================
 * Light commerce skin (2026-08-19): the basket and checkout on the homepage
 * palette (paper ground, white panels, ink text) instead of the old black.
 * Mechanism: the commerce components all consume var(--cyc-*) tokens with DARK
 * fallbacks (the tokens themselves stopped being defined when the 2C header
 * replaced the old dark chrome), so defining them light here flips the lot;
 * the rest of this sheet mops up hardcoded darks. Loads LAST on cart/checkout.
 * ======================================================================== */

body.woocommerce-cart,
body.woocommerce-checkout {
  --cyc-ink: #221c2e;        /* was white-on-dark "ink"; now the text colour */
  --cyc-soft: #5d5669;
  --cyc-mute: #8a8494;
  --cyc-panel: #ffffff;
  --cyc-hair: #e6e2ec;
  --cyc-orange: #ff9a52;
  --cyc-anton: "Cylocybe Display", 'Impact', 'Helvetica Neue', sans-serif;
  --cyc-san: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ---- page grounds. The basket + checkout also carry body.cyc-focus, whose
   header rules are !important AND printed after this sheet - so every selector
   here doubles up (.cyc-focus.woocommerce-*) to outrank them on specificity. */
body.woocommerce-checkout, body.cyc-focus.woocommerce-checkout,
body.woocommerce-cart, body.cyc-focus.woocommerce-cart {
  background: #f6f4f8 !important;
  background-image: none !important;
  color: #221c2e;
}
html:has(body.cyc-focus.woocommerce-cart), html:has(body.cyc-focus.woocommerce-checkout) { background: #f6f4f8 !important; }

/* ---- focused-checkout minimal header: white bar, dark wordmark ---- */
body.cyc-focus.woocommerce-cart .cyc-cohead, body.cyc-focus.woocommerce-checkout .cyc-cohead {
  background: #ffffff;
  border-bottom: 2px solid #221c2e;
  backdrop-filter: none;
}
body.cyc-focus.woocommerce-cart .cyc-cohead__logo img, body.cyc-focus.woocommerce-checkout .cyc-cohead__logo img { filter: brightness(0); } /* white tagline SVG -> black */
body.cyc-focus.woocommerce-cart .cyc-cohead__secure, body.cyc-focus.woocommerce-checkout .cyc-cohead__secure { color: #5d5669; }
body.cyc-focus.woocommerce-cart .cyc-cohead__secure svg, body.cyc-focus.woocommerce-checkout .cyc-cohead__secure svg { stroke: #2f9e63; }

/* ---- panels that hardcode near-black ---- */
body.woocommerce-cart .cyca .quantity,
body.woocommerce-cart .cyca td.actions input#coupon_code,
body.woocommerce-cart .cyca-cart__coupon #coupon_code {
  background: #ffffff;
  border: 1px solid #e6e2ec;
  color: #221c2e;
}
body.woocommerce-cart .cyca-up__thumb { background: #f1f0f3; }

/* dark inputs / selects on checkout */
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container--default .select2-selection--single {
  background: #ffffff !important;
  border: 1px solid #e6e2ec !important;
  color: #221c2e !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: #221c2e; }
body.woocommerce-checkout ::placeholder { color: #8a8494; }

/* ---- notices: light card instead of the site-wide dark box ---- */
body.woocommerce-cart .woocommerce-info, body.woocommerce-checkout .woocommerce-info,
body.woocommerce-cart .woocommerce-message, body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-error, body.woocommerce-checkout .woocommerce-error {
  background: #ffffff;
  border: 1px solid #e6e2ec;
  border-left: 3px solid #ff9a52;
  color: #5d5669;
}
body.woocommerce-cart .woocommerce-message, body.woocommerce-checkout .woocommerce-message { border-left-color: #2f9e63; }
body.woocommerce-cart .woocommerce-error, body.woocommerce-checkout .woocommerce-error { border-left-color: #c0342b; color: #8a2620; }
body.woocommerce-cart .woocommerce-info a, body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-cart .woocommerce-message a, body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-cart .woocommerce-error a, body.woocommerce-checkout .woocommerce-error a { color: #b85c00; }

/* ---- the cover toggle + privacy-guest chooser panels get real card treatment ---- */
body.woocommerce-cart .cyc-waive, body.woocommerce-checkout .cyc-waive {
  background: #ffffff;
  border: 1px solid #e6e2ec;
  box-shadow: 0 10px 30px rgba(16, 13, 22, .06);
}
body.woocommerce-cart .cyc-waive.is-on, body.woocommerce-checkout .cyc-waive.is-on {
  border-color: #ff9a52;
  background: #fff7f0;
}
body.woocommerce-cart .cyc-waive__txt b, body.woocommerce-checkout .cyc-waive__txt b { color: #b85c00; }
body.woocommerce-cart .cyc-waive__excl, body.woocommerce-checkout .cyc-waive__excl { color: #a3542e; }

/* orange text links legible on light ground */
body.woocommerce-cart a.cyc-link, body.woocommerce-checkout a.cyc-link { color: #b85c00; }

/* ---- checkout wizard: the white-on-dark leftovers turn ink ---- */
body.woocommerce-checkout .cyc-wizhead__h,
body.woocommerce-checkout .cyc-wizprog__s.is-active,
body.woocommerce-checkout .cyc-wiztotal__val,
body.woocommerce-checkout .cyc-wiztotal__val .amount,
body.woocommerce-checkout .cyc-minicart__head h3,
body.woocommerce-checkout .cyc-minicart__pr { color: #221c2e; }
body.woocommerce-checkout .cyc-wiznav__back:hover,
body.woocommerce-checkout .cyc-minicart-btn:hover,
body.woocommerce-checkout .cyc-minicart__x:hover { color: #221c2e; }

/* ---- the wizard's own .gs4 token set, re-lit (covers the tiles, cards and
   the slide-out mini-cart drawer, which hardcoded #0a0a0e/#101014) ---- */
body.woocommerce-checkout .gs4 {
  --line: #e6e2ec;
  --tile: #f6f4f8;
  --card: #ffffff;
  --gold: #a06e00;
  --osoft: rgba(184, 92, 0, .45);
}

/* ---- selected shipping option: unmistakable on the light skin (the old
   1px + 8% wash was invisible here) ---- */
body.woocommerce-cart .cyca-ship__radio:checked + .cyca-ship__label,
body.woocommerce-checkout .cyca-ship__radio:checked + .cyca-ship__label,
body.woocommerce-cart .cyca-ship__row.is-selected .cyca-ship__label,
body.woocommerce-checkout .cyca-ship__row.is-selected .cyca-ship__label {
  border: 2px solid #ff9a52;
  background: #fff3e8;
  box-shadow: 0 0 0 3px rgba(255, 154, 82, .28);
  padding: calc(.85rem - 1px) calc(.95rem - 1px);
}
body.woocommerce-cart .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__name,
body.woocommerce-checkout .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__name,
body.woocommerce-cart .cyca-ship__row.is-selected .cyca-ship__name,
body.woocommerce-checkout .cyca-ship__row.is-selected .cyca-ship__name {
  color: #221c2e;
  font-weight: 700;
}
body.woocommerce-cart .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__price,
body.woocommerce-checkout .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__price,
body.woocommerce-cart .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__price .woocommerce-Price-amount,
body.woocommerce-checkout .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__price .woocommerce-Price-amount,
body.woocommerce-cart .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__price .woocommerce-Price-amount *,
body.woocommerce-checkout .cyca-ship__radio:checked + .cyca-ship__label .cyca-ship__price .woocommerce-Price-amount * {
  color: #b85c00 !important;
}

/* ---- Privacy Guest checkbox: visible box on the light skin (it bordered on
   --cyc-line, undefined here, so it fell back to white-on-white) ---- */
body.woocommerce-cart,
body.woocommerce-checkout {
  --cyc-line: #b9b3c4;
}
body.woocommerce-cart .cyc-chk input[type=checkbox],
body.woocommerce-checkout .cyc-chk input[type=checkbox] {
  background: #ffffff;
  border: 2px solid #b9b3c4;
}
body.woocommerce-cart .cyc-chk input[type=checkbox]:checked,
body.woocommerce-checkout .cyc-chk input[type=checkbox]:checked {
  background: #ff9a52;
  border-color: #ff9a52;
}

/* Payment methods blocked by a basket item (Cyc_Payment_Blocks): visible but inert. */
.cyc-pay--blocked{opacity:.5;pointer-events:none}
.cyc-pay--blocked .cyca-pay__label{cursor:not-allowed;filter:grayscale(1)}
.cyc-pay__blockedwhy{font-style:italic}

/* dispatch-schedule notice in the checkout shipping table (2026-08-28) */
.cyca-ship-table tr.cyc-dispatch-note td{border:0;padding:.55rem 0 0}
.cyca-ship-table tr.cyc-dispatch-note p{margin:0;font-size:.82rem;line-height:1.5;color:#4b4753}

/* ==========================================================================
 * readable-fields (2026-08-31, URGENT)
 * Every text-entry control on the basket, including the login / create-account
 * cards between the basket and the checkout. These were dark-theme controls the
 * light restyle missed, so customers were typing into black-on-black fields and
 * could not read what they had entered.
 * ======================================================================== */
body.woocommerce-cart input[type="text"],
body.woocommerce-cart input[type="email"],
body.woocommerce-cart input[type="password"],
body.woocommerce-cart input[type="tel"],
body.woocommerce-cart input[type="number"],
body.woocommerce-cart input[type="search"],
body.woocommerce-cart input:not([type]),
body.woocommerce-cart textarea,
body.woocommerce-checkout .cyc-pg-auth input[type="text"],
body.woocommerce-checkout .cyc-pg-auth input[type="email"],
body.woocommerce-checkout .cyc-pg-auth input[type="password"],
body.woocommerce-checkout .cyc-pg-auth input[type="tel"]{
  background:#ffffff !important;
  color:#221c2e !important;
  -webkit-text-fill-color:#221c2e !important;   /* autofill ignores `color` */
  border:1px solid #e6e2ec !important;
  caret-color:#221c2e;
}
body.woocommerce-cart input::placeholder,
body.woocommerce-cart textarea::placeholder{color:#8a8494 !important;opacity:1}
body.woocommerce-cart input:focus,
body.woocommerce-cart textarea:focus{border-color:#1f5fd0 !important;outline:none}
/* the login / account cards sit on the basket page and carry their own dark tokens */
body.woocommerce-cart .cyc-sa-inline__pw,
body.woocommerce-cart .cyc-login-inline input{
  background:#ffffff !important;color:#221c2e !important;
  -webkit-text-fill-color:#221c2e !important;border:1px solid #e6e2ec !important;
}
body.woocommerce-cart .cyc-sa-inline__status,
body.woocommerce-cart .cyc-pg-auth__sub{color:#5d5669 !important}

/* ==========================================================================
 * nothing-follows (2026-08-31, owner ask)
 * On the basket and checkout no element may pin itself and slide over the
 * content beneath it. Modals (.cynv-drawer, .cyc-minicart, .cyc-minicart-scrim)
 * are intentionally excluded - they are hidden until opened and must overlay.
 * ======================================================================== */
body.woocommerce-cart #order_review,
body.woocommerce-checkout #order_review,
body.woocommerce-cart .cynv-barwrap,
body.woocommerce-checkout .cynv-barwrap,
body.woocommerce-cart .cyc-cohead,
body.woocommerce-checkout .cyc-cohead,
body.cyc-focus.woocommerce-cart .cyc-cohead,
body.cyc-focus.woocommerce-checkout .cyc-cohead{
  position:static !important;
  top:auto !important;
}