/* ============================================================
   CHILLSWIFT child theme  ·  build-phase styles
   Honest cooling gear. No fake urgency, no fake scarcity.
   ============================================================ */

:root{
  /* Brand palette (carried from the current site, refined) */
  --cs-blue:#2563EB;
  --cs-blue-600:#1D4ED8;
  --cs-blue-700:#1E40AF;
  --cs-blue-50:#EFF5FF;
  --cs-ink:#0F172A;
  --cs-slate:#475569;
  --cs-line:#E2E8F0;
  --cs-bg:#FFFFFF;

  /* Map brand palette onto Kadence global palette so buttons,
     links, headers and blocks all follow it. */
  --global-palette1:#2563EB;   /* primary accent  */
  --global-palette2:#1D4ED8;   /* accent hover    */
  --global-palette3:#0F172A;   /* headings        */
  --global-palette4:#334155;   /* body text       */
  --global-palette5:#64748B;   /* muted text      */
  --global-palette6:#E2E8F0;   /* borders         */
  --global-palette7:#F1F5F9;   /* subtle bg       */
  --global-palette8:#F8FAFC;   /* lighter bg      */
  --global-palette9:#FFFFFF;   /* white           */
}

/* Buttons: solid blue, generous hit area */
.wp-block-button__link,
.button, button, .wc-block-components-button,
.single_add_to_cart_button, .checkout-button{
  border-radius:10px;
  font-weight:600;
  letter-spacing:.01em;
}

/* Links */
a{ color:var(--cs-blue-600); }
a:hover{ color:var(--cs-blue-700); }

/* Product cards: calmer, tighter */
ul.products li.product .woocommerce-loop-product__title{
  font-size:1rem; font-weight:600; color:var(--cs-ink);
}
ul.products li.product .price{ color:var(--cs-slate); }

/* Kill any theme "SALE!" flash — brand does honest pricing, not hype badges */
.onsale{ display:none !important; }

/* Trust strip used on the homepage */
.cs-trust{
  display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center;
  padding:1rem 1.25rem; border:1px solid var(--cs-line); border-radius:14px;
  background:var(--cs-blue-50); font-size:.95rem; color:var(--cs-slate);
}
.cs-trust strong{ color:var(--cs-ink); }

/* Honest "how it works" steps */
.cs-steps{ display:grid; gap:1.5rem; grid-template-columns:repeat(3,1fr); }
@media (max-width:781px){ .cs-steps{ grid-template-columns:1fr; } }
.cs-step{ padding:1.25rem; border:1px solid var(--cs-line); border-radius:14px; }
.cs-step b{ display:block; font-size:1.05rem; color:var(--cs-ink); margin-bottom:.35rem; }

/* Coming-soon product badge */
.cs-soon::after{
  content:"Coming soon"; display:inline-block; margin-left:.5rem;
  font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
  padding:.15rem .5rem; border-radius:999px;
  background:var(--cs-ink); color:#fff; vertical-align:middle;
}