/*
Theme Name: HVAC Surplus Sales Child
Template: astra
Description: Child theme for HVAC SURPLUS SALES - orange #E85D1F / blue #2B7BB9, professional B2B HVAC parts store. Requires Astra parent.
Version: 1.1.3
*/
/* Design tokens (preview-matched, 2026-10-21): dark Archivo theme */
:root{
  --hvac-bg:#101318; --hvac-surface:#1A1F27; --hvac-raised:#222932; --hvac-border:#2C333F;
  --hvac-text:#F2F4F6; --hvac-dim:#9AA5B1; --hvac-band:#111827;
  --hvac-orange:#E85D1F; --hvac-orange-bright:#F96F2E; --hvac-blue:#2B7BB9; --hvac-blue-bright:#4AA3DD;
  --hvac-card:#FFFFFF; --hvac-card-text:#171A1F; --hvac-card-dim:#5C6572;
  --hvac-instock:#1D7A38; --hvac-outstock:#B3261E; --hvac-radius:10px;
}
body{background:var(--hvac-bg);color:var(--hvac-text);font-family:Archivo,Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Archivo,Arial,sans-serif;color:#fff}
a{color:var(--hvac-blue-bright)}

/* Wide layout: containers 1600px, 16px sides */
.ast-container, .site-content .ast-container, .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {max-width:1600px}
.ast-container{padding-left:16px;padding-right:16px}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single{background:transparent}
.entry-content{color:var(--hvac-text)}
/* Long-form legal text keeps readable line length inside the wide page */
.page-template-default .entry-content p, .page-template-default .entry-content li{max-width:980px}

/* Header (Astra): dark band, logo only (name+tagline live in the logo image) */
.ast-primary-header-bar{background:var(--hvac-band);border-bottom:none;box-shadow:0 2px 14px rgba(0,0,0,.4)}
.site-title, .site-description{display:none}
.main-header-menu .menu-link, .main-header-menu > .menu-item > a{
  font-family:Archivo,Arial,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:#D1D5DB;padding:8px 12px;border-radius:6px;line-height:1.4}
.main-header-menu .menu-link:hover, .main-header-menu > .menu-item > a:hover{background:rgba(255,255,255,.1);color:#fff}
.main-header-menu .current-menu-item > a, .main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current_page_item > a, .main-header-menu .current_page_item > .menu-link{background:var(--hvac-orange);color:#fff}

/* ---------- Front page ---------- */
.hvac-wrap{max-width:1600px;margin:0 auto}
.hvac-hero{background:var(--hvac-band);border-bottom:1px solid var(--hvac-border);text-align:center;padding:24px 16px 32px;border-radius:0 0 var(--hvac-radius) var(--hvac-radius)}
.hvac-hero-logo{display:block;margin:0 auto 16px;width:min(672px,100%);height:auto}
.hvac-hero h1{color:#fff;font-weight:800;font-size:34px;line-height:1.15;margin:0 0 10px}
.hvac-hero h1 span{color:var(--hvac-orange)}
.hvac-hero-sub{color:#D1D5DB;font-size:16px;max-width:672px;margin:0 auto}
.hvac-hero-search{display:flex;max-width:768px;margin:22px auto 0;background:#fff;border-radius:12px;overflow:hidden}
.hvac-hero-search input{flex:1;padding:16px;border:0;font-size:16px;color:var(--hvac-card-text);background:#fff;min-width:0}
.hvac-hero-search button{background:var(--hvac-orange);color:#fff;border:0;padding:0 32px;font-family:Archivo,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;cursor:pointer}
.hvac-hero-search button:hover{background:var(--hvac-orange-bright)}
.hvac-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.hvac-cta{display:inline-block;background:var(--hvac-orange);color:#fff!important;padding:14px 24px;border-radius:8px;font-family:Archivo,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;text-decoration:none}
.hvac-cta:hover{background:var(--hvac-orange-bright)}
.hvac-cta-blue{background:var(--hvac-blue)}
.hvac-cta-blue:hover{background:var(--hvac-blue-bright)}
@media (max-width:768px){.hvac-hero h1{font-size:30px}.hvac-hero-search button{padding:0 18px}}
.hvac-section{padding:28px 0 4px}
.hvac-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.hvac-section-head h2{font-weight:800;text-transform:uppercase;font-size:20px;letter-spacing:.06em;margin:0;color:#fff}
.hvac-section-head a{color:var(--hvac-blue-bright);text-decoration:underline;font-size:14px;font-weight:600;white-space:nowrap}
.hvac-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (min-width:1024px){.hvac-cat-grid{grid-template-columns:repeat(4,1fr)}}
.hvac-cat-tile{display:flex;flex-direction:column;background:var(--hvac-surface);border:1px solid var(--hvac-border);border-radius:var(--hvac-radius);overflow:hidden;text-decoration:none;transition:border-color .15s ease}
.hvac-cat-tile:hover{border-color:var(--hvac-orange)}
.hvac-cat-media{display:block;aspect-ratio:4/3;background:#fff}
.hvac-cat-media img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box;display:block}
.hvac-cat-body{display:block;padding:16px}
.hvac-cat-name{display:block;font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:#fff}
.hvac-cat-blurb{display:block;font-size:13px;color:var(--hvac-dim);margin-top:4px;line-height:1.45}
.hvac-brands-line{text-align:center;font-size:13px;color:var(--hvac-dim);margin:20px 0 8px}
.hvac-brands-line strong{color:var(--hvac-text);font-weight:700}

/* ---------- Products page filters ---------- */
.hvac-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--hvac-surface);border:1px solid var(--hvac-border);border-radius:12px;padding:16px;margin:16px 0}
.hvac-filters label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--hvac-dim)}
.hvac-filters select,.hvac-filters input:not([type="checkbox"]){background:var(--hvac-raised);border:1px solid var(--hvac-border);color:#fff;border-radius:8px;padding:10px;font-family:Archivo,Arial,sans-serif;font-size:14px;text-transform:none;letter-spacing:normal}
.hvac-filters button{background:var(--hvac-orange);color:#fff;border:0;padding:11px 20px;border-radius:8px;font-family:Archivo,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;cursor:pointer}
.hvac-filters button:hover{background:var(--hvac-orange-bright)}
.hvac-filters > a{color:var(--hvac-blue-bright);font-size:14px;font-weight:600;padding-bottom:10px}
.hvac-result-count{color:var(--hvac-dim);font-size:14px}
.hvac-filters + p{color:var(--hvac-dim)}
.hvac-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.hvac-chip{background:var(--hvac-raised);border:1px solid var(--hvac-border);color:var(--hvac-text);border-radius:999px;padding:4px 12px;font-size:13px}
.hvac-chip a{color:var(--hvac-orange);text-decoration:none;font-weight:800;margin-left:6px}

/* ---------- Single product page ---------- */
.hvac-crumb{font-size:13px;color:var(--hvac-dim);padding:14px 0}
.hvac-crumb a{color:var(--hvac-blue-bright)}
.hvac-product-full{background:var(--hvac-card);color:var(--hvac-card-text);border-radius:var(--hvac-radius);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media (max-width:860px){.hvac-product-full{grid-template-columns:1fr}}
.hvac-product-full .hvac-gallery #hvac-main-img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-sizing:border-box}
.hvac-product-full .hvac-thumbs{display:flex;gap:8px;margin-top:8px}
.hvac-product-full .hvac-thumbs img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px;box-sizing:border-box;cursor:pointer}
.hvac-buybox h1{color:var(--hvac-card-text);font-weight:800;font-size:28px;line-height:1.2;margin:0 0 12px}
.hvac-buybox .hvac-price{font-size:30px}
.hvac-buybox .hvac-compare{font-size:16px}
.hvac-save{color:var(--hvac-instock);font-weight:700;margin:0}
.hvac-buybox .hvac-stock{font-size:14px}
.hvac-buybox form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0}
.hvac-buybox input[type="number"]{width:76px;padding:11px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:var(--hvac-card-text);background:#fff}
.hvac-buybox .hvac-btn{flex:1;min-width:140px;text-align:center;padding:12px 20px}
.hvac-buybox button.hvac-btn{background:var(--hvac-card-text)}
.hvac-buybox a.hvac-btn{background:var(--hvac-orange)}
.hvac-buybox .hvac-btn[disabled]{opacity:.4;cursor:not-allowed}
/* Product description = Shopify's own style (2026-10-21): the description HTML is rendered
   AS AUTHORED on Shopify (inline font-family/font-size, centered spec-table header,
   #e8e8e8 striped rows). Theme adds ONLY a white panel + responsive guardrails +
   light cell borders — no color/font/striping overrides inside the description. */
.hvac-product-desc{background:var(--hvac-card);color:var(--hvac-card-text);border-radius:var(--hvac-radius);padding:24px;margin-top:24px;overflow-x:auto}
.hvac-product-desc > h2{color:var(--hvac-card-text);font-size:22px;margin-top:0}
.hvac-product-desc table{border-collapse:collapse;max-width:100%}
.hvac-product-desc table th,.hvac-product-desc table td{border:1px solid #e5e7eb;padding:8px 10px}
.hvac-product-desc img{max-width:100%;height:auto}
.hvac-details{background:var(--hvac-card);color:var(--hvac-card-text);border-radius:var(--hvac-radius);padding:24px;margin-top:24px}
.hvac-details h2{color:var(--hvac-card-text);font-size:22px;margin-top:0}
.hvac-details table{width:100%;border-collapse:collapse}
.hvac-details th,.hvac-details td{border:1px solid #e5e7eb;padding:10px 12px;font-size:14px;text-align:left}
.hvac-details th{background:#F3F4F6;width:180px;font-weight:700}
.hvac-related{margin-top:32px}
.hvac-related h2{font-weight:800;text-transform:uppercase;font-size:20px;letter-spacing:.05em;color:#fff}

/* Footer (2026-10-21): dark footer, contact column readable, bottom bar centered */
.site-footer{background:#0B1220;color:#CBD5E1}
.site-footer a{color:#fff}
.site-footer a:hover{color:#E85D1F}
.ast-footer-copyright{text-align:center;padding:14px 12px;border-top:1px solid rgba(255,255,255,.12);font-size:14px}