/* ============================================================
   Thermawool — theme.css
   Homepage, product archive/cards, generic pages + WooCommerce glue.
   Tokens from brand.css; depends on components.css + product.css.
   ============================================================ */

*{box-sizing:border-box;}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:var(--brand);}

.eyebrow-dark{color:var(--brand);display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px;}
.eyebrow-dark::before{content:'';width:24px;height:2px;background:var(--brand);}

/* ── Homepage hero ── */
.home-hero{background:linear-gradient(170deg,var(--cream) 0%,#fff 60%);padding:64px 40px 72px;overflow:hidden;}
.home-hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.home-hero-h1{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-1px;color:var(--ink);margin:0 0 20px;text-transform:uppercase;}
.home-hero-h1 span{color:var(--brand);}
.home-hero-sub{font-size:17px;line-height:1.8;color:var(--body);max-width:520px;margin:0 0 30px;}
.home-hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:30px;}
.home-hero-badges{display:flex;gap:10px;flex-wrap:wrap;}
.home-hero-badges span{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mid);background:#fff;border:1px solid var(--border);border-radius:100px;padding:7px 14px;}
.home-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;}
.home-hero-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(160,53,22,.10) 0%,rgba(160,53,22,.02) 45%,transparent 70%);}
.home-hero-visual img{position:relative;z-index:2;max-width:460px;width:100%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(40,20,10,.24));}

/* ── Product grid + cards (home + archive) ── */
.home-range{background:#fff;padding:74px 40px;}
.home-range-inner{max-width:1280px;margin:0 auto;}
.home-range-h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.5px;color:var(--ink);margin:0 0 40px;}
.home-range-foot{margin-top:38px;}

.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prod-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(40,20,10,.12);border-color:var(--ash);}
.prod-card-media{position:relative;background:linear-gradient(160deg,var(--cream),#fff);height:230px;display:flex;align-items:center;justify-content:center;padding:22px;border-bottom:1px solid var(--border);}
.prod-card-media img{max-height:186px;width:auto;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(40,20,10,.16));}
.prod-card-ph{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ash);letter-spacing:-.5px;text-align:center;}
.prod-card-a1{position:absolute;top:14px;left:14px;font-size:11px;font-weight:800;color:#fff;background:var(--brand);border-radius:100px;padding:4px 12px;letter-spacing:.5px;}
.prod-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;}
.prod-card-cat{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mid);margin-bottom:9px;}
.prod-card-name{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1;letter-spacing:-.5px;color:var(--brand);text-transform:uppercase;margin-bottom:14px;}
.prod-card-name sup{font-size:.34em;vertical-align:super;}
.prod-card-name .pn2{color:var(--name-mute);}
.prod-card-name .pn1-ink{color:var(--ink);}
.prod-card-name .pn-reg{color:var(--ink);}
.prod-card-name .pn-plus{color:var(--brand);font-size:.5em;font-weight:800;}
.prod-card-name .pn-desc{color:var(--ink);font-weight:600;font-size:.42em;letter-spacing:.3px;margin-left:.2em;text-transform:none;}
.prod-card-meta{display:flex;gap:16px;margin-bottom:18px;}
.prod-card-meta span{font-size:12px;font-weight:600;color:var(--mid);background:var(--light);border-radius:4px;padding:5px 10px;}
.prod-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--brand);}
.prod-card-link svg{width:14px;height:14px;transition:transform .2s;}
.prod-card:hover .prod-card-link svg{transform:translateX(4px);}

/* ── Archive head ── */
.arch-head{background:var(--cream);padding:46px 40px;border-bottom:1px solid var(--border);}
.arch-head-inner{max-width:1280px;margin:0 auto;}
.arch-title{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,4.4vw,56px);letter-spacing:-1px;color:var(--ink);margin:0 0 12px;text-transform:uppercase;}
.arch-sub{font-size:16.5px;line-height:1.7;color:var(--body);max-width:680px;margin:0;}
.arch-wrap{max-width:1280px;margin:0 auto;padding:60px 40px 80px;}
.arch-empty{color:var(--mid);}

/* ── Why strip ── */
.home-why{background:var(--charcoal);}
.home-why-inner{max-width:1280px;margin:0 auto;padding:54px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.home-why-item{display:flex;flex-direction:column;gap:8px;}
.home-why-val{font-family:var(--font-display);font-weight:800;font-size:48px;color:var(--brand);line-height:1;}
.home-why-lbl{font-size:14px;color:rgba(255,255,255,.62);line-height:1.5;max-width:260px;}

/* ── Generic page ── */
.page-wrap{max-width:880px;margin:0 auto;padding:56px 40px 80px;}
.page-inner{font-size:16px;line-height:1.85;color:var(--body);}
.page-inner h2{font-family:var(--font-display);font-weight:800;color:var(--ink);font-size:30px;margin:36px 0 14px;}
.page-inner h3{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:23px;margin:28px 0 12px;}
.page-inner a{color:var(--brand);font-weight:600;}
.page-inner img{border-radius:10px;}
.post-row{padding:22px 0;border-bottom:1px solid var(--border);}
.post-row h2{margin:0 0 8px;}
.post-row h2 a{color:var(--ink);text-decoration:none;}
.post-row h2 a:hover{color:var(--brand);}

/* ── WooCommerce glue / catalogue tidy ── */
.woocommerce-notices-wrapper,.woocommerce-breadcrumb{display:none;}
.single-product div.product .price,.wc-block-grid__product-price{display:none;}

/* ── Documentation tab — downloads (Rockwool-style) ── */
.docs-tabs{display:flex;flex-wrap:wrap;gap:3px;margin:6px 0 0;}
.docs-tab{background:var(--light);border:1px solid var(--border);border-bottom:none;color:var(--ink);font-family:var(--font-body);font-size:13px;font-weight:600;padding:11px 18px;cursor:pointer;border-radius:4px 4px 0 0;transition:background .2s,color .2s;}
.docs-tab:hover{color:var(--brand);}
.docs-tab.active{background:var(--ink);color:#fff;}
.docs-list{border:1px solid var(--border);}
.docs-item{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink);transition:background .2s;}
.docs-item:last-child{border-bottom:none;}
.docs-item:hover{background:var(--cream);}
.docs-ico{flex:0 0 38px;display:flex;}
.docs-ico svg{width:34px;height:34px;fill:none;stroke:var(--brand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.docs-meta{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;}
.docs-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink);}
.docs-type{font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--brand);}
.docs-desc{font-size:13.5px;color:var(--body);line-height:1.5;}
.docs-dl{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--brand);white-space:nowrap;}
.docs-dl svg{width:15px;height:15px;}
@media(max-width:640px){.docs-item{flex-wrap:wrap;gap:10px;}.docs-dl{margin-left:56px;}}

/* ── Case study cards (from linked posts) ── */
.cs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.cs-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:transform .25s,box-shadow .25s;}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(40,20,10,.12);}
.cs-img{display:block;height:190px;background-size:cover;background-position:center;background-color:var(--cream);}
.cs-body{padding:22px 24px;display:flex;flex-direction:column;gap:9px;}
.cs-tag{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand);}
.cs-title{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink);line-height:1.18;}
.cs-ex{font-size:14px;color:var(--body);line-height:1.6;}
.cs-link{font-size:13px;font-weight:700;color:var(--brand);margin-top:4px;}
@media(max-width:780px){.cs-grid{grid-template-columns:1fr;}}

/* ── Responsive ── */
@media(max-width:980px){
	.home-hero{padding:44px 20px 52px;}
	.home-hero-inner{grid-template-columns:1fr;gap:30px;}
	.home-hero-visual{order:-1;min-height:280px;}
	.home-range,.home-why-inner,.arch-wrap{padding-left:20px;padding-right:20px;}
	.arch-head{padding-left:20px;padding-right:20px;}
	.prod-grid{grid-template-columns:1fr 1fr;}
	.home-why-inner{grid-template-columns:1fr;gap:26px;}
}
@media(max-width:600px){
	.prod-grid{grid-template-columns:1fr;}
}


/* ===== Brand feedback updates — 2026-07 ===== */
.pn-plus{display:none !important;}
.prod-card-meta{display:none !important;}
.phero-name .pn-desc,.lux-name .pn-desc,.prod-card-name .pn-desc{font-family:var(--font-display);font-size:.6em;font-weight:700;letter-spacing:0;}

/* product card A1 icon -> use the A1 fire-rated badge */
.prod-card-a1{width:52px!important;height:52px!important;font-size:0!important;color:transparent!important;background:url("/demo/wp-content/themes/thermawool/assets/tw-img/a1-rated.png") center/contain no-repeat!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}

/* certification badges (BBA/BDA) bottom-left of product image */
.phero-certs{position:absolute;left:104px;bottom:20px;display:flex;gap:10px;align-items:flex-end;z-index:5;}
.phero-certs img{height:56px;width:auto;background:#fff;border-radius:8px;padding:6px 8px;box-shadow:0 4px 14px rgba(46,42,40,.14);}

/* one-column description (design consistency across pages) */
.pd-grid{grid-template-columns:1fr!important;gap:22px!important;}
.pd-grid .pd-facts{max-width:640px;}

/* match A1 badge size to the cert badges */
.phero-a1{width:auto!important;height:auto!important;padding:6px 8px!important;border-radius:8px!important;box-shadow:0 4px 14px rgba(46,42,40,.14)!important;}
.phero-a1 img{height:56px!important;width:auto!important;max-width:none!important;display:block!important;}

/* equal-height badges (A1 + BBA + BDA + Kiwa) */
.phero-a1{height:66px!important;width:auto!important;padding:7px 11px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.phero-a1 img{height:auto!important;max-height:100%!important;width:auto!important;max-width:none!important;}
.phero-certs{align-items:stretch!important;}
.phero-certs img{height:66px!important;padding:7px 11px!important;width:auto!important;object-fit:contain!important;}

/* ===== TYPE SCALE Rockwool (sizes only; fonts/weights/colours unchanged) ===== */
.hero-h1{font-size:clamp(30px,5vw,40px)!important;}
.sec-title,.lux-title,.pp-h,.cta h2,.rel-title{font-size:clamp(26px,3.6vw,36px)!important;}
.pp-sub,.edi h3{font-size:clamp(22px,2.8vw,28px)!important;}
.phero-spec-val{font-size:28px!important;}
.feat-card-title,.ct-card h4,.rel-name,.prod-card-name{font-size:18px!important;}
.pd-body p,.phero-desc,.app-intro,.pp-empty p,.feat-card-body,.edi p,.brief-text{font-size:16px!important;}
.btn-solid,.btn-line,.btn-white,.btn-ghost-w,.btn-brand,.nav-cta-btn{font-size:16px!important;}
.ct-link{font-size:15px!important;}

/* ===== TYPE SCALE Rockwool — body-text normalize (pass 2) ===== */
.feat-card-text,.tech-text,.tech-text span,.lux-desc,.hero-p,.lux-sub,.sec-sub,.banner-content p,.lead,.ci-value,.page-hero-sub,.cf-intro,.ct-card p{font-size:16px!important;}

/* ===== TYPE SCALE Rockwool — pass 3 (nav/footer up, eyebrows 20) ===== */
.nav-item > a{font-size:15px!important;}
.ft-col ul li a{font-size:14.5px!important;}
.ft-brand p{font-size:14px!important;}
.eyebrow,.sec-tag,.phero-tagline,.edi-tag{font-size:20px!important;}

/* ===== TYPE SCALE Rockwool — About page body ===== */
.about-sec p,.about-sec li{font-size:16px!important;}

/* Order now dark cladmate button */ .phero-actions a[href*=claddingonline]{background:#2E2A28!important;color:#fff!important;display:inline-flex!important;align-items:center!important;gap:12px!important;} .phero-actions a[href*=claddingonline]:hover{background:#171310!important;} .phero-actions a[href*=claddingonline]::after{content:"";display:inline-block!important;width:84px;height:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.28);background:url(data:image/png;base64,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) left center/contain no-repeat;background-origin:content-box;}
/* CTA spacing (looser buttons) */
.phero-actions{row-gap:26px!important;column-gap:16px!important;margin-top:12px!important;}
.phero-actions a.btn-solid{padding:16px 30px!important;}

/* hide get in touch (order now takes its place) */
.phero-actions a.btn-line{display:none!important;}

/* move cert badges to bottom of hero layer */
.phero-inner{overflow:visible!important;}
.phero-visual{overflow:visible!important;}
.phero-a1,.phero-certs{bottom:-52px!important;}

/* ===== Document Library ===== */
.doclib-hero{background:var(--cream);padding:56px 24px 36px;text-align:center;border-bottom:1px solid var(--border)}
.doclib-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,4vw,44px);color:var(--ink);margin:0 0 10px;letter-spacing:-.5px}
.doclib-hero p{font-size:16px;color:var(--body);max-width:620px;margin:0 auto;line-height:1.7}
.doclib-wrap{max-width:1000px;margin:0 auto;padding:44px 24px 72px}
.doclib-cat{margin-bottom:38px}
.doclib-cat h2{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--brand);margin:0;text-transform:uppercase;letter-spacing:.5px}
.doclib-cat .rule{height:2px;width:42px;background:var(--brand);margin:8px 0 18px;border-radius:2px}
.doclib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.doclib-item{display:flex;align-items:center;gap:14px;padding:15px 16px;background:#fff;border:1px solid var(--border);border-radius:8px;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .15s}
.doclib-item:hover{box-shadow:0 6px 18px rgba(46,42,40,.10);border-color:var(--brand);transform:translateY(-1px)}
.doclib-ic{flex:0 0 auto;width:38px;height:38px;border-radius:6px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:11px}
.doclib-tx{flex:1;min-width:0}
.doclib-tx .n{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.doclib-tx .s{display:block;font-size:12px;color:var(--mid);margin-top:2px}
.doclib-dl{flex:0 0 auto;color:var(--brand);font-weight:700;font-size:13px;white-space:nowrap}

.doclib-intro{font-size:16px;color:var(--body);max-width:680px;margin:2px auto 38px;line-height:1.7;text-align:center}

/* ===== Mobile hamburger nav + table scroll ===== */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:10px;margin-left:6px;}
.nav-burger span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s;}
.nav-inner.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-inner.nav-open .nav-burger span:nth-child(2){opacity:0;}
.nav-inner.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:980px){
.nav-inner{position:relative;}
.nav-burger{display:inline-flex;}
.nav-inner.nav-open .nav-links{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--border);box-shadow:0 14px 28px rgba(46,42,40,.16);padding:6px 0;z-index:300;max-height:78vh;overflow-y:auto;}
.nav-inner.nav-open .nav-links li{width:100%;}
.nav-inner.nav-open .nav-links a{display:block;padding:13px 22px;}
}
@media(max-width:600px){
table.ptbl{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
}

/* ===== Mobile hero+feat fixes ===== */
@media(max-width:768px){
.hero-arrows{display:none;}
}
@media(max-width:600px){
.feat-inner{grid-template-columns:1fr 1fr;padding:0 14px;}
.feat-item{flex-direction:column;text-align:center;gap:8px;padding:16px 10px;border-right:none;}
.feat-item:nth-child(odd){border-right:1px solid var(--border);}
.feat-item:nth-child(1),.feat-item:nth-child(2){border-bottom:1px solid var(--border);}
.feat-ico{width:36px;height:36px;}
.feat-ico svg{width:18px;height:18px;}
}

/* ===== Mobile product hero: specs side-by-side + compact centered badges ===== */
@media(max-width:600px){
.phero-specs{flex-direction:row!important;gap:8px;justify-content:center;flex-wrap:nowrap;}
.phero-spec{border-right:none;margin:0;padding:0 5px;flex:1 1 0;min-width:0;text-align:center;}
.phero-spec-val{font-size:18px!important;line-height:1.1;}
.phero-spec-lbl{font-size:8px;letter-spacing:.2px;}
.phero-a1,.phero-certs{position:static!important;bottom:auto!important;left:auto!important;display:inline-flex!important;vertical-align:middle;margin:14px 4px 0;}
.phero-visual{text-align:center;}
.phero-a1{height:44px!important;padding:6px 8px!important;}
.phero-certs img{height:44px!important;}
}

/* ===== Mobile hero v2 (badges centered <=980 + bigger specs) ===== */
@media(max-width:980px){
.phero-visual{text-align:center!important;overflow:visible!important;}
.phero-visual .phero-a1,.phero-visual .phero-certs{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;display:inline-flex!important;vertical-align:middle;margin:12px 4px 0!important;}
.phero-visual .phero-a1{height:42px!important;padding:6px 8px!important;}
.phero-visual .phero-certs img{height:42px!important;padding:5px 7px!important;}
.phero-specs{flex-direction:row!important;gap:6px!important;justify-content:center!important;flex-wrap:nowrap!important;}
.phero-spec{flex:1 1 0!important;min-width:0!important;padding:0 4px!important;margin:0!important;text-align:center!important;border-right:none!important;}
.phero-spec-val{font-size:24px!important;line-height:1.15!important;}
.phero-spec-lbl{font-size:8.5px!important;letter-spacing:.2px!important;}
}

/* Product hero — certs relocated into info column + mobile buttons (2026-07-06) */
.phero-cert-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:2px 0 24px;}
.phero-cert-row .phero-a1,.phero-cert-row .phero-certs{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;margin:0!important;display:inline-flex!important;align-items:center;gap:10px;}
.phero-cert-row .phero-a1::before{display:none!important;}
.phero-cert-row .phero-a1{background:#fff!important;box-shadow:0 4px 14px rgba(46,42,40,.14)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;padding:6px 8px!important;border-radius:8px!important;height:auto!important;}
.phero-cert-row .phero-a1 img,.phero-cert-row .phero-certs img{height:44px!important;width:auto!important;max-width:none!important;}
@media(max-width:600px){
  .phero-cert-row{gap:8px;margin:2px 0 20px;}
  .phero-cert-row .phero-a1 img,.phero-cert-row .phero-certs img{height:38px!important;}
  .phero-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;}
  .phero-actions .btn-solid{flex:1 1 42%!important;order:1!important;justify-content:center!important;text-align:center;}
  .phero-actions .btn-line{flex:1 1 100%!important;order:2!important;justify-content:center!important;text-align:center;}
}