/* Chain Gods Athletics — storefront brand layer
   The kit ships no assets/ directory; without this file enqueue_brand_assets() returns
   silently and the store renders unstyled while every option read still looks correct.
   Rugged-premium: forged charcoal, steel and iron-oxide, sharp 2px corners. */

/* Self-hosted faces. LiteSpeed combines this file into /wp-content/litespeed/css/,
   so the src MUST be absolute - a relative url() would resolve against the combined
   file's directory and 404. The external Google Fonts <link> was being swallowed by
   the CSS combiner entirely (dns-prefetch survived, the stylesheet did not), which is
   why zero font requests fired while document.fonts.check() still returned true. */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('https://chaingods.store/wp-content/plugins/storefront-core/assets/fonts/BarlowCondensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('https://chaingods.store/wp-content/plugins/storefront-core/assets/fonts/BarlowCondensed-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('https://chaingods.store/wp-content/plugins/storefront-core/assets/fonts/Inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('https://chaingods.store/wp-content/plugins/storefront-core/assets/fonts/Inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('https://chaingods.store/wp-content/plugins/storefront-core/assets/fonts/Inter-600.woff2') format('woff2')}

:root{
  --cg-ink:#12161a;
  --cg-ink-soft:#39424b;
  --cg-rust:#c8452d;
  --cg-rust-dk:#a3341f;
  --cg-bone:#f4f2ef;
  --cg-bone-dp:#e8e5e0;
  --cg-paper:#ffffff;
  --cg-line:#dcd8d2;
  --cg-muted:#6f7680;
  --cg-radius:2px;
  --cg-display:"Barlow Condensed","Oswald","Arial Narrow",Helvetica,sans-serif;
  --cg-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html body{background:var(--cg-paper);color:var(--cg-ink);font-family:var(--cg-sans);
     font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.site-title{font-family:var(--cg-display);color:var(--cg-ink);
     font-weight:700;letter-spacing:.01em;line-height:1.08;text-transform:uppercase}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
h3{font-size:1.15rem;letter-spacing:.04em}
a{color:var(--cg-ink);text-decoration-color:var(--cg-rust);text-underline-offset:3px}
a:hover{color:var(--cg-rust-dk)}

/* ── header ─────────────────────────────────────────────── */
.site-header,.ast-primary-header-bar{background:var(--cg-ink)!important;
     border-bottom:3px solid var(--cg-rust)!important}
.main-header-menu .menu-link,.ast-header-break-point .main-header-menu .menu-link{
     font-family:var(--cg-sans);font-size:.8rem;letter-spacing:.15em;
     text-transform:uppercase;color:var(--cg-bone)!important;font-weight:600}
.main-header-menu .menu-link:hover{color:var(--cg-rust)!important}
.custom-logo-link img,.site-logo-img img{max-height:56px;width:auto}
/* the logo image already carries the wordmark - Astra prints the site title again beside it.
   Hidden visually only: the brand name staying in the source is wanted on the storefront
   (SEO + schema). The CHECKOUT is the opposite case and strips it at source. */
.ast-site-title-wrap{display:none!important}
.ast-header-break-point .main-header-bar{background:var(--cg-ink)!important}
.ast-mobile-menu-trigger-minimal{color:var(--cg-bone)!important}

/* footer brand line */
.cg-foot-brand{font-family:var(--cg-display);font-size:1.25rem;color:var(--cg-bone);
     letter-spacing:.06em;text-transform:uppercase;display:inline-block;margin-bottom:.15rem}
.ast-small-footer .ast-footer-copyright,.site-below-footer-wrap .ast-footer-copyright{
     font-size:.86rem;line-height:1.9;color:var(--cg-muted)}
.site-below-footer-wrap{padding:2.2rem 1rem!important}

/* ── buttons ────────────────────────────────────────────── */
.ast-button,.button,button,input[type=submit],
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce ul.products li.product .button{
     background:var(--cg-ink)!important;border:1px solid var(--cg-ink)!important;
     color:#fff!important;border-radius:var(--cg-radius)!important;
     font-family:var(--cg-sans)!important;font-size:.76rem!important;
     letter-spacing:.14em!important;text-transform:uppercase!important;
     font-weight:600!important;padding:.9em 2em!important;
     transition:background .18s ease,border-color .18s ease}
.ast-button:hover,.button:hover,button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce ul.products li.product .button:hover{
     background:var(--cg-rust)!important;border-color:var(--cg-rust)!important;
     color:#fff!important}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,
.woocommerce button.button.alt{background:var(--cg-rust)!important;border-color:var(--cg-rust)!important}

/* ── shop grid ──────────────────────────────────────────── */
.woocommerce ul.products{gap:2.4rem 1.6rem}
.woocommerce ul.products li.product{
     background:var(--cg-paper);border:1px solid var(--cg-line);
     border-radius:var(--cg-radius);padding:0 0 1.4rem;overflow:hidden;
     transition:border-color .2s ease,box-shadow .2s ease;text-align:center}
.woocommerce ul.products li.product:hover{
     border-color:var(--cg-rust);box-shadow:0 10px 30px -18px rgba(18,22,26,.45)}
.woocommerce ul.products li.product img{margin-bottom:1.1rem;background:var(--cg-bone)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
     font-family:var(--cg-display)!important;font-size:1.12rem!important;
     font-weight:600!important;color:var(--cg-ink)!important;text-transform:uppercase;
     letter-spacing:.03em;padding:0 1rem!important;margin-bottom:.35rem!important;line-height:1.2}
.woocommerce ul.products li.product .price{
     color:var(--cg-muted)!important;font-family:var(--cg-sans);font-size:.92rem!important;
     display:block;margin-bottom:1rem}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--cg-ink)!important}

/* single product */
.woocommerce div.product .product_title{font-family:var(--cg-display);font-weight:700;
     text-transform:uppercase;letter-spacing:.02em}
.woocommerce div.product p.price{color:var(--cg-ink);font-size:1.45rem;font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
     font-family:var(--cg-sans);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem}
.woocommerce-product-gallery{opacity:1!important}

/* ── notices / forms ────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
     border-top-color:var(--cg-rust)!important;background:var(--cg-bone);
     border-radius:var(--cg-radius)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type=text],input[type=email],input[type=tel],input[type=password],select,textarea{
     border:1px solid var(--cg-line)!important;border-radius:var(--cg-radius)!important;
     background:var(--cg-paper)!important;padding:.72em .9em!important;
     font-family:var(--cg-sans)!important;color:var(--cg-ink)!important}
.woocommerce form .form-row input.input-text:focus,
input:focus,select:focus,textarea:focus{
     border-color:var(--cg-rust)!important;outline:none!important;
     box-shadow:0 0 0 3px rgba(200,69,45,.16)!important}

/* ── homepage sections ──────────────────────────────────── */
.cg-hero{background:var(--cg-ink);color:var(--cg-bone);
     padding:clamp(4rem,9vw,7.5rem) 1.5rem;text-align:center}
.cg-hero h1{margin:0 0 1rem;color:#fff}
.cg-hero p{max-width:38rem;margin:0 auto 2rem;color:#b9c0c8;font-size:1.08rem}
.cg-kicker{font-family:var(--cg-sans);font-size:.72rem;letter-spacing:.28em;
     text-transform:uppercase;color:var(--cg-rust);margin-bottom:.9rem;display:block;font-weight:600}
.cg-section{padding:clamp(2.8rem,6vw,4.6rem) 1.5rem;max-width:1180px;margin:0 auto}
.cg-section-head{text-align:center;margin-bottom:2.6rem}
.cg-section-head p{color:var(--cg-muted);max-width:34rem;margin:.6rem auto 0}
.cg-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cg-card{border:1px solid var(--cg-line);border-radius:var(--cg-radius);
     padding:2rem 1.6rem;background:var(--cg-paper);text-align:center}
.cg-card h3{font-size:1.1rem;margin:0 0 .5rem}
.cg-card p{color:var(--cg-muted);font-size:.94rem;margin:0}
.cg-rule{height:1px;background:var(--cg-line);border:0;margin:0}
.cg-band{background:var(--cg-bone);color:var(--cg-ink);text-align:center;
     border-top:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line);
     padding:clamp(2.6rem,5vw,4rem) 1.5rem}
.cg-band p{color:var(--cg-ink-soft);max-width:34rem;margin:.8rem auto 0}

/* ── footer ─────────────────────────────────────────────── */
/* Astra paints the footer bar on .site-below-footer-wrap, NOT on .site-footer - targeting only
   .site-footer left the bar white, which made the bone-coloured brand line invisible. */
.site-footer,.ast-small-footer,
.site-below-footer-wrap,.site-above-footer-wrap,.site-primary-footer-wrap{
     background:var(--cg-ink)!important;color:var(--cg-bone)!important}
.site-footer{border-top:3px solid var(--cg-rust)!important}
.site-below-footer-wrap p,.site-below-footer-wrap span,.site-below-footer-wrap div,
.site-primary-footer-wrap p,.site-primary-footer-wrap span,
.ast-small-footer .ast-footer-copyright,.site-below-footer-wrap .ast-footer-copyright{
     color:var(--cg-bone)!important}
.site-footer a,.ast-small-footer a,.site-below-footer-wrap a{color:var(--cg-bone)!important}
.site-footer a:hover,.ast-small-footer a:hover,
.site-below-footer-wrap a:hover{color:var(--cg-rust)!important}

/* ── Astra loop overlap belts (price/button absolutely positioned) ──────── */
.woocommerce ul.products li.product{display:flex!important;flex-direction:column!important}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
     position:static!important;float:none!important;transform:none!important}
.ast-on-card-button,.ast-card-action-tooltip,.ast-select-options-trigger{display:none!important}
.astra-shop-summary-wrap{display:flex;flex-direction:column}

@media (max-width:782px){
  .cg-hero{padding:2.8rem 1.1rem}
  .woocommerce ul.products{gap:1.5rem 1rem}
}

/* front page: the hero already provides the H1; Astra's page title would make two */
body.home .entry-header,
body.home header.entry-header,
body.home .ast-archive-description{display:none!important}
body.home .site-content .ast-container>article>.entry-content{margin-top:0}

/* logo already carries the wordmark - keep the schema name but hide the duplicate text title */
.ast-site-identity .site-title,.site-header .site-title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ast-site-identity .site-description,.site-header .site-description{display:none!important}