/*
Theme Name:   GCA Storefront Child
Template:     storefront
Description:  Green Cross ATX design pass (2026-10-08): forest / leaf / clay on warm cream, Bricolage Grotesque + Inter.
              Presentation only. Compliance (gca-compliance plugin), the age gate, COA links, the checkout hold and the
              canonical mu-plugin are untouched; this theme restyles them and never changes what they do.
Version:      1.0.0
Text Domain:  gca-child
*/

:root{
  --gca-forest:#12301f;
  --gca-forest-2:#1d4a31;
  --gca-leaf:#5f9f6e;
  --gca-leaf-soft:#e3efe5;
  --gca-clay:#8c3f2c;
  --gca-clay-deep:#7a3524;
  --gca-cream:#f7f3ea;
  --gca-paper:#fffdf8;
  --gca-tile:#ebe7df;
  --gca-ink:#1b1f1c;
  --gca-ink-2:#4b524d;
  --gca-rule:#e5dfd3;
  --gca-radius:14px;
  --gca-head:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --gca-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---- base ---------------------------------------------------------------- */
body{background:var(--gca-cream);color:var(--gca-ink);font-family:var(--gca-body);font-size:16px;line-height:1.6}
h1,h2,h3,h4,.site-title,.product_title,.woocommerce-products-header__title,
ul.products li.product .woocommerce-loop-product__title,.gca-tile__name{font-family:var(--gca-head);color:var(--gca-forest);letter-spacing:-.02em}
a{color:var(--gca-forest-2)}
a:hover,a:focus{color:var(--gca-clay)}
.col-full{max-width:1140px}
#content.site-content{background:var(--gca-cream)}
.site-main{margin-bottom:40px}
button,.button,input[type=submit],.added_to_cart,a.button,.wc-block-components-button{border-radius:999px!important}
button.alt,.button.alt,input[type=submit].alt,.single_add_to_cart_button,.checkout-button{background:var(--gca-forest)!important;border-color:var(--gca-forest)!important;color:#fff!important}
button.alt:hover,.button.alt:hover,.single_add_to_cart_button:hover{background:var(--gca-forest-2)!important}

/* ---- header: wordmark + nav + search + cart in one row ------------------- */
.site-header,body.home .site-header,body .site-header{background:var(--gca-paper);border-bottom:1px solid var(--gca-rule);padding-top:0!important;margin-bottom:0!important}
.site-header .col-full{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;padding-top:14px;padding-bottom:14px}
.site-header .site-branding{float:none;width:auto;margin:0;flex:0 0 auto}
.site-header .site-title{font-family:var(--gca-head);font-size:1.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0}
.site-header .site-title a{color:var(--gca-forest)}
.site-header .site-description{font-size:.78rem;color:var(--gca-ink-2);margin:2px 0 0;font-weight:500}
.site-header .main-navigation{flex:1 1 auto;min-width:0;float:none;width:auto;clear:none;margin:0}
@media (min-width:768px){
  .site-header .main-navigation .primary-navigation{display:block}
  .site-header .main-navigation ul.menu{display:flex;flex-wrap:wrap;gap:2px;margin:0}
  .site-header .main-navigation ul.menu > li{display:block;float:none}
  .site-header .main-navigation .handheld-navigation,.site-header .menu-toggle{display:none!important}
}
.site-header .main-navigation ul.menu > li > a,.site-header .main-navigation ul.nav-menu > li > a{color:var(--gca-ink);font-weight:500;padding:.5em .65em;font-size:.95rem}
.site-header .main-navigation ul.menu > li.current-menu-item > a,.site-header .main-navigation ul.menu > li.current-menu-parent > a,
.site-header .main-navigation ul.menu > li.current-product_cat-ancestor > a{color:var(--gca-forest);box-shadow:inset 0 -2px 0 var(--gca-leaf)}
.site-header .site-search{float:none;width:210px;flex:0 1 210px;min-width:150px;margin:0;clear:none}
.site-header .site-search .widget_product_search input[type=search]{border-radius:999px;background:#fff;border:1px solid var(--gca-rule);padding:.6em 1em .6em 2.4em;font-size:.9rem}
.site-header .site-header-cart{float:none;width:auto;flex:0 0 auto;margin:0}
.site-header .site-header-cart .cart-contents{color:var(--gca-ink);padding:.5em 0}
.storefront-primary-navigation{display:none}  /* emptied: nav now lives in the first row */
.woocommerce-breadcrumb{background:transparent;margin:0;padding:28px 0 0;font-size:.85rem;color:var(--gca-ink-2)}
.woocommerce-breadcrumb a{color:var(--gca-ink-2)}

/* the checkout-hold banner (gca-compliance) keeps its text; only its edges */
.gca-site-banner{font-family:var(--gca-body);font-size:14px!important;font-weight:500}

/* ---- homepage ------------------------------------------------------------- */
.home .site-content > .col-full{max-width:none;padding:0}
.home .woocommerce-breadcrumb{display:none}
.gca-hero{position:relative;min-height:540px;display:flex;align-items:center;color:#fff;background:var(--gca-forest) center/cover no-repeat}
.gca-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,32,21,.92) 0%,rgba(12,32,21,.78) 42%,rgba(12,32,21,.15) 78%)}
.gca-hero__inner{position:relative;max-width:1140px;width:100%;margin:0 auto;padding:64px 2.617924em}
.gca-eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#cfe2d3;margin:0 0 14px}
.gca-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,3.9rem);line-height:1;font-weight:800;margin:0 0 22px;max-width:12ch}
.gca-hero p.gca-lede{font-size:1.12rem;max-width:34em;color:#eef3ef;margin:0 0 28px}
.gca-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.gca-btn{display:inline-block;padding:.8em 1.4em;border-radius:999px;font-weight:700;text-decoration:none!important;line-height:1.2}
.gca-btn--leaf{background:var(--gca-leaf);color:var(--gca-forest)!important}
.gca-btn--leaf:hover{background:#79b487}
.gca-btn--ghost{border:1.5px solid rgba(255,255,255,.75);color:#fff!important}
.gca-btn--ghost:hover{background:rgba(255,255,255,.1)}
.gca-btn--forest{background:var(--gca-forest);color:#fff!important}
.gca-btn--forest:hover{background:var(--gca-forest-2)}
.gca-hero__meta{display:flex;gap:26px;flex-wrap:wrap;font-size:.86rem;color:#e6efe8;margin:0;padding:0;list-style:none}
.gca-hero__meta b{color:#fff}

.gca-section{max-width:1140px;margin:0 auto;padding:72px 2.617924em 0}
.gca-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}
.gca-section__head h2{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:800;margin:0}
.gca-link-clay{color:var(--gca-clay);font-weight:700;text-decoration:none}
.gca-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.gca-tile{background:var(--gca-paper);border:1px solid var(--gca-rule);border-radius:var(--gca-radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.gca-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,48,31,.08)}
.gca-tile a{display:block;color:inherit;text-decoration:none}
.gca-tile__img{background:var(--gca-tile);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;padding:14px}
.gca-tile__img img{max-height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.gca-tile__foot{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.gca-tile__name{font-size:1.3rem;font-weight:800;margin:0}
.gca-tile__count{font-size:.85rem;color:var(--gca-ink-2)}

.gca-visit{display:grid;grid-template-columns:1.1fr 1fr;border-radius:var(--gca-radius);overflow:hidden;border:1px solid var(--gca-rule);margin-bottom:72px}
.gca-visit__main{background:var(--gca-paper);padding:44px 40px}
.gca-visit__main h2{font-size:clamp(1.7rem,2.8vw,2.1rem);font-weight:800;margin:0 0 12px;line-height:1.15}
.gca-visit__main p{color:var(--gca-ink-2)}
.gca-visit dl{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:22px 0 28px}
.gca-visit dt{color:var(--gca-ink-2);font-weight:400}
.gca-visit dd{margin:0;color:var(--gca-ink);font-weight:500}
.gca-visit__side{background:var(--gca-clay);color:#fbeee9;padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.gca-visit__side h3{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 12px}
.gca-visit__side p{margin:0 0 10px}

/* ---- product grid as cards ------------------------------------------------- */
.woocommerce-products-header{padding:8px 0 0!important;text-align:left!important;margin:0!important}
.woocommerce-products-header__title.page-title{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;margin:6px 0 12px}
.term-description{color:var(--gca-ink-2);max-width:40em}
.storefront-sorting{border-bottom:1px solid var(--gca-rule);margin-bottom:24px;padding-bottom:10px;font-size:.88rem}
ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 28px!important}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:var(--gca-paper);border:1px solid var(--gca-rule);border-radius:var(--gca-radius);overflow:hidden;text-align:left!important;display:flex;flex-direction:column;position:relative}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;color:inherit}
ul.products li.product img{background:var(--gca-tile);margin:0!important;aspect-ratio:1/1;object-fit:contain;padding:16px;mix-blend-mode:multiply}
ul.products li.product .woocommerce-loop-product__title{font-size:1.15rem!important;font-weight:800;padding:14px 18px 0!important;margin:0!important}
ul.products li.product .gca-weights{display:block;padding:2px 18px 0;font-size:.83rem;color:var(--gca-ink-2)}
ul.products li.product .price{display:block;padding:10px 18px 0;color:var(--gca-ink)!important;font-weight:700;font-size:1.05rem;margin:0!important}
ul.products li.product .price del{opacity:.5}
ul.products li.product .button{margin:auto 18px 18px!important;align-self:flex-start;background:transparent!important;border:1.5px solid var(--gca-forest)!important;color:var(--gca-forest)!important;font-weight:700;padding:.5em 1.1em;font-size:.88rem}
ul.products li.product .button:hover{background:var(--gca-forest)!important;color:#fff!important}
ul.products li.product .price + .button,ul.products li.product .gca-card-foot{margin-top:12px!important}
.gca-strain-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--gca-leaf-soft);color:var(--gca-forest)}
.gca-strain-badge--indica{background:#e9e4f6;color:#3d2b72}
.gca-strain-badge--sativa{background:#fbecd9;color:#7a4410}
.gca-strain-badge--cbd{background:#e1edf7;color:#1c4a6e}
.onsale{border-radius:999px;background:var(--gca-clay);color:#fff;border:0}

/* strain-type chips (flower category) */
.gca-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 22px;padding:14px 0;border-top:1px solid var(--gca-rule);border-bottom:1px solid var(--gca-rule)}
.gca-chip{display:inline-block;padding:.45em 1.05em;border-radius:999px;border:1px solid var(--gca-rule);background:var(--gca-paper);color:var(--gca-ink);font-weight:600;font-size:.92rem;text-decoration:none!important}
.gca-chip:hover{border-color:var(--gca-forest)}
.gca-chip.is-active{background:var(--gca-forest);border-color:var(--gca-forest);color:#fff}
.gca-chip small{font-weight:500;opacity:.8}
.gca-buy-note{border:1px dashed var(--gca-rule);background:var(--gca-paper);border-radius:10px;padding:12px 18px;color:var(--gca-ink-2);font-size:.92rem;margin:0 0 40px}

/* ---- single product ------------------------------------------------------- */
.single-product div.product{background:var(--gca-paper);border:1px solid var(--gca-rule);border-radius:var(--gca-radius);padding:28px;margin-top:20px}
.single-product div.product .woocommerce-product-gallery{background:var(--gca-tile);border-radius:10px;padding:12px}
.single-product div.product .product_title{font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:800}
.single-product div.product p.price{color:var(--gca-forest);font-weight:700}
.single-product .woocommerce-tabs,.single-product .related{background:transparent}
.gca-coa-link,.gca-coa a{color:var(--gca-clay);font-weight:700}

/* ---- compliance footer (gca-compliance markup, restyled; text unchanged) ---- */
.site-footer{display:none}  /* Storefront's own footer is empty (credit removed); the compliance footer is the footer */
body .gca-compliance-footer{background:var(--gca-forest);color:#dbe6de;padding:52px 2.617924em 36px;font-family:var(--gca-body);font-size:.9rem}
body .gca-compliance-footer .gca-compliance-inner{max-width:1140px;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-areas:"id hours links" "age drug links" "fda fda fda";gap:4px 40px}
body .gca-compliance-footer p{margin:0}
body .gca-compliance-footer .gca-identity{grid-area:id}
body .gca-compliance-footer .gca-identity strong{display:inline-block;font-family:var(--gca-head);font-size:1.05rem;color:#fff;margin-bottom:8px}
body .gca-compliance-footer .gca-hours{grid-area:hours;margin:0}
body .gca-compliance-footer .gca-hours strong{display:block;font-family:var(--gca-head);color:#fff;font-size:1.05rem;margin-bottom:8px}
body .gca-compliance-footer .gca-age-notice{grid-area:age;margin:10px 0 0}
body .gca-compliance-footer .gca-drugtest{grid-area:drug;margin:10px 0 0;opacity:1}
body .gca-compliance-footer .gca-policy-links{grid-area:links;margin:0;line-height:2.1}
body .gca-compliance-footer .gca-policy-links::before{content:"Info";display:block;font-family:var(--gca-head);font-weight:700;color:#fff;font-size:1.05rem;line-height:1.6;margin-bottom:8px}
body .gca-compliance-footer .gca-fda{grid-area:fda;border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:20px;font-size:.82rem}
body .gca-compliance-footer a{color:#dbe6de}
body .gca-compliance-footer a:hover{color:#fff}

/* ---- responsive ------------------------------------------------------------ */
@media (max-width:1100px){
  ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-header .site-search{display:none}
}
@media (max-width:767px){
  /* Storefront's handheld header takes over below 768px; keep it clean */
  .site-header .col-full{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}
  .site-header .site-branding{flex:1 1 auto;max-width:70%}
  .site-header .site-title{font-size:1.3rem}
  .site-header .main-navigation{flex:0 0 auto;order:2}
  .gca-hero{min-height:0}
  .gca-hero::before{background:linear-gradient(180deg,rgba(12,32,21,.88),rgba(12,32,21,.80))}
  .gca-hero__inner,.gca-section{padding-left:16px;padding-right:16px}
  .gca-hero__inner{padding-top:48px;padding-bottom:44px}
  .gca-hero__meta{gap:8px 18px}
  .gca-section{padding-top:48px}
  .gca-tiles{grid-template-columns:repeat(2,1fr);gap:12px}
  .gca-tile__foot{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:2px}
  .gca-tile__name{font-size:1.1rem}
  .gca-visit{grid-template-columns:1fr;margin-bottom:48px}
  .gca-visit__main,.gca-visit__side{padding:30px 22px}
  .gca-visit dl{grid-template-columns:80px 1fr}
  ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  ul.products li.product .woocommerce-loop-product__title{font-size:1rem!important;padding:12px 12px 0!important}
  ul.products li.product .gca-weights,ul.products li.product .price{padding-left:12px;padding-right:12px}
  ul.products li.product .button{margin:auto 12px 12px!important;font-size:.82rem;padding:.45em .9em}
  .single-product div.product{padding:16px}
  body .gca-compliance-footer{padding:40px 16px 28px}
  body .gca-compliance-footer .gca-compliance-inner{grid-template-columns:1fr;grid-template-areas:"id" "hours" "age" "drug" "links" "fda";gap:14px}
}

/* Storefront sizes the header pieces with `.woocommerce-active .site-header …`
   percentage widths (branding 73.9%); in the one-row flex header they must size
   to content instead. */
.woocommerce-active .site-header .site-branding,.site-header .site-branding{width:auto!important;margin-right:0!important;float:none!important}
.woocommerce-active .site-header .main-navigation,.site-header .main-navigation{width:auto!important;margin-right:0!important;float:none!important}
.woocommerce-active .site-header .site-search,.site-header .site-search{width:210px!important;margin:0!important;float:none!important}
.woocommerce-active .site-header .site-header-cart,.site-header .site-header-cart{width:auto!important;margin:0!important;float:none!important}
.site-header .main-navigation ul.menu > li > a{white-space:nowrap}
.site-header .site-header-cart .cart-contents .count{display:none}
@media (max-width:1100px){.woocommerce-active .site-header .site-search,.site-header .site-search{display:none!important}}
@media (max-width:767px){.woocommerce-active .site-header .site-header-cart,.site-header .site-header-cart{display:none!important}}

/* Logo A (round badge cropped from the storefront banner photo, 272px source):
   56px on desktop / 44px on phones = at most 2x the source pixels, so it stays crisp on retina. */
.site-header .site-branding .custom-logo-link{display:block;line-height:0}
.site-header .site-branding .custom-logo-link img,.site-header .site-branding img.custom-logo{width:56px!important;height:56px!important;max-width:none!important;margin:0!important}
@media (max-width:767px){
  .site-header .site-branding .custom-logo-link img,.site-header .site-branding img.custom-logo{width:44px!important;height:44px!important}
}