/*
Theme Name: Jerseyheaven
Description: Store child theme for jerseyheaven.com (taokhungwp). Layout numbers in tokens.css come from .wmb/jerseyheaven.com/SECTION_MAP.md.
Template: taokhung-base
Version: 1.0.0
Text Domain: jerseyheaven
License: GPL-2.0-or-later
*/

/* Store-specific overrides. Row references = SECTION_MAP.md row ids (R1…R18). */

/* R1 promo bar (light) + R2 utility bar (dark) */
.tk-topbar{background:var(--tk-promo-bg);color:var(--tk-promo-fg);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;min-height:30px;display:flex;align-items:center;justify-content:center;padding:4px var(--tk-gutter)}
.jh-utility{background:var(--tk-topbar-bg);color:var(--tk-topbar-fg);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.jh-utility__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.jh-utility a{color:inherit;text-decoration:none}
.jh-utility a:hover{text-decoration:underline;opacity:1}
.jh-utility ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:767px){.jh-utility__links{display:none}.jh-utility__inner{justify-content:center;min-height:32px}}

/* R3 header: dark bar, logo left, inline category menu, icons right (reference: dark nav band) */
.tk-header{border-bottom:0}
.tk-header .tk-container{max-width:calc(var(--tk-header-container) + 2*var(--tk-gutter))}
.tk-header .tk-wordmark{color:var(--tk-header-fg);text-transform:uppercase;letter-spacing:.06em;font-size:1.5rem}
.tk-wordmark::first-letter{color:var(--tk-accent-2)}
.tk-nav ul{gap:var(--tk-nav-gap)}
.tk-nav a{font-size:var(--tk-nav-fs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tk-header-fg)}
.tk-nav .sub-menu{background:var(--tk-header-bg)}
.tk-nav .sub-menu a{text-transform:none;letter-spacing:0;font-weight:500;padding:.45em 0}
.tk-header .tk-icon{color:var(--tk-header-fg)}
.tk-search{background:var(--tk-header-bg)}
/* 9 category labels need ≥1200px on one line; below that use the drawer (QA: 1024px overflowed by 71px) */
@media (max-width:1199px){
  .tk-nav{display:none}
  .tk-menu-toggle{display:inline-flex}
  .tk-header__inner{min-height:var(--tk-header-h-m);gap:8px}
  .tk-header .tk-brand{flex:1 1 auto;min-width:0;justify-content:center}
  .tk-icons{gap:0}
}
@media (max-width:767px){
  .tk-header .tk-wordmark{font-size:1.05rem;letter-spacing:.03em}
  .tk-header .tk-brand{overflow:hidden}
  .tk-icon{min-width:40px}
}
.tk-search input[type=search]{background:#fff;color:var(--tk-fg)}

/* Headings: condensed sporty pattern, uppercase (structure from reference; own font stack) */
h1,h2,.tk-banner__title{text-transform:uppercase;letter-spacing:.02em}
.tk-section__head{justify-content:center;text-align:center;position:relative}
.tk-section__head .tk-section__link{position:absolute;right:0;bottom:4px;font-size:var(--tk-fs-small)}
@media (max-width:767px){.tk-section__head{flex-direction:column;align-items:center}.tk-section__head .tk-section__link{position:static}}
.tk-section__head h2{font-weight:600}

/* R4 hero: dark reserved box so the white on-image headline stays readable before and after the image arrives */
.tk-hero .tk-slot{background:var(--tk-hero-slot-bg)}
.tk-hero__title{font-size:clamp(28px,3.4vw,46px);max-width:18ch}
.tk-hero__text{font-size:1.05rem}
.tk-hero .tk-btn{background:var(--tk-accent);border-color:var(--tk-accent);color:var(--tk-accent-fg);text-transform:uppercase;letter-spacing:.06em}
@media (max-width:767px){.tk-hero--on-image .tk-hero__body .tk-container{gap:8px}.tk-hero__text{display:none}}

/* R6 / R8 / R10 banners: dark reserved boxes, white overlay label */
.tk-banner .tk-slot{background:var(--tk-banner-slot-bg)}
.tk-banner__body{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.tk-banner-section{padding:calc(var(--tk-section-y)/4) 0}
.tk-banner-section .tk-container .tk-btn{margin-top:12px}

/* R7 headline-only band */
.tk-rich-section--headline{padding-bottom:calc(var(--tk-section-y)/3)}
.tk-rich-section--headline .tk-rich{max-width:none}

/* Category archive banner slot (reference: collection banner ≈ 9:5 above the grid) */
.jh-cat-banner{margin:0 0 24px}
.jh-cat-banner .tk-slot{background:var(--tk-banner-slot-bg)}
.tk-rich--center h2{margin:0}

/* R9 apparel tiles */
.tk-tile__label{text-transform:uppercase;letter-spacing:.04em;text-align:center}

/* R17 trust band (reference: grey service band above footer) */
.tk-trust-section{background:var(--tk-trust-bg)}
.tk-trust__item h3{text-transform:uppercase;letter-spacing:.04em}
.tk-trust__item svg{color:var(--tk-accent)}
@media (min-width:768px) and (max-width:1023px){.tk-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R18 footer: columns Company / Customer Support / contact block last (reference order) */
@media (min-width:768px){.tk-footer__brand{order:3}.tk-footer__grid{grid-template-columns:1fr 1fr 1.3fr}}
.tk-footer h2{text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
.jh-contact{list-style:none;margin:12px 0;padding:0;font-size:var(--tk-fs-small)}
.jh-contact li{margin:0 0 6px}
.tk-footer .tk-btn{background:var(--tk-accent);border-color:var(--tk-accent);color:var(--tk-accent-fg)}

/* Buttons / add to cart (reference: full-width high-contrast ATC) */
.tk-btn,.button,button.button,input[type=submit]{text-transform:uppercase;letter-spacing:.05em}
.woocommerce div.product .single_add_to_cart_button{background:var(--tk-accent);border-color:var(--tk-accent);color:var(--tk-accent-fg);flex:1 1 220px}
.woocommerce div.product .product_title{text-transform:uppercase;font-weight:500;letter-spacing:.02em;font-size:var(--tk-fs-h1)}
.woocommerce div.product p.price{font-size:1.4rem;font-weight:700;color:var(--tk-fg)}
.woocommerce .woocommerce-tabs ul.tabs{list-style:none;margin:0;padding:0;display:flex;gap:4px;border-bottom:1px solid var(--tk-border)}
.woocommerce .woocommerce-tabs ul.tabs li{margin:0;border:1px solid var(--tk-border);border-bottom:0;background:var(--tk-footer-bg)}
.woocommerce .woocommerce-tabs ul.tabs li.active{background:var(--tk-bg)}
.woocommerce .woocommerce-tabs ul.tabs li a{display:block;padding:10px 18px;text-decoration:none;font-weight:600;text-transform:uppercase;font-size:var(--tk-fs-small)}
.woocommerce .woocommerce-tabs .panel{padding:20px 0}

/* Policy / support pages (policy-pages.md §3 classes) */
.policy-updated{color:var(--tk-muted);font-size:var(--tk-fs-small)}
.policy-summary{background:var(--tk-footer-bg);border-left:4px solid var(--tk-accent);border-radius:var(--tk-radius);padding:16px 20px;margin:0 0 28px}
.policy-summary h2{margin-top:0;font-size:1.25rem}
.policy-summary ul{margin-bottom:0}
.tk-prose h2{font-size:1.45rem}
.tk-prose h3{font-size:1.12rem}
.tk-prose .policy-table th{background:var(--tk-footer-bg)}
.tk-prose a{color:var(--tk-link)}
.tk-prose .tk-btn{color:var(--tk-accent-fg)}
.tk-page__title{text-transform:uppercase}
.woocommerce-form-track-order{background:var(--tk-footer-bg);padding:20px;border-radius:var(--tk-radius);margin:0 0 24px}