/*
Theme Name: HAAT Design
Theme URI: https://haatdesign.co.uk/
Author: HAAT Design
Description: A dark, cinematic WooCommerce theme for a 3D printing shop and custom STL quote service.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: haat-design
*/
:root{--haat-bg:#101114;--haat-panel:#191b20;--haat-text:#f7f7f8;--haat-muted:#c0c2c8;--haat-blue:#1687ff;--haat-red:#ff302f;--haat-border:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--haat-bg);color:var(--haat-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.site-header{position:relative;z-index:5;background:#0d0e10;border-bottom:1px solid var(--haat-border)}.header-inner{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.16em;font-size:25px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.65em;font-weight:500;margin-top:5px}.main-nav{display:flex;gap:25px;align-items:center;color:#e3e4e7;font-size:14px}.main-nav a:hover{color:#66b3ff}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 22px;background:var(--haat-blue);color:white;font-weight:750;cursor:pointer;transition:transform .2s,background .2s}.header-cta:hover,.button:hover{background:#0873e8;transform:translateY(-1px);color:#fff}.hero{position:relative;min-height:610px;display:flex;align-items:center;background:#191517;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,11,.95) 0%,rgba(7,8,11,.79) 43%,rgba(7,8,11,.12) 100%),url('assets/haat-workshop.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-content{position:relative;z-index:1;max-width:1240px;width:100%;margin:auto;padding:85px 24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ffb1ae;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.eyebrow:before{content:"";height:2px;width:26px;background:var(--haat-red)}.hero h1{font-size:clamp(42px,5.7vw,76px);line-height:1.02;letter-spacing:-.045em;max-width:690px;margin:20px 0 22px}.hero h1 span{color:#48a5ff}.hero p{max-width:570px;font-size:18px;color:#e0e0e4;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25)}.button-secondary:hover{background:rgba(255,255,255,.15)}.hero-points{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;color:#e7e7eb;font-size:13px}.hero-points span{display:flex;gap:8px;align-items:center}.hero-points b{color:#55aaff;font-size:18px}.section{max-width:1240px;margin:auto;padding:76px 24px}.section-heading{text-align:center;max-width:700px;margin:0 auto 34px}.section-heading .kicker{color:#56adff;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.18em}.section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:10px 0}.section-heading p{color:var(--haat-muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;border:1px solid var(--haat-border);border-radius:18px;background:linear-gradient(145deg,#1b1d22,#131417)}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(22,135,255,.15);color:#66b4ff;font-size:24px;margin-bottom:18px}.service-card h3{margin:0 0 8px;font-size:21px}.service-card p{margin:0;color:var(--haat-muted);font-size:15px}.shop-section{background:#f4f5f7;color:#17191e}.shop-section .section-heading p{color:#5c6069}.shop-section .section-heading .kicker{color:#006edb}.shop-section .button{color:#fff}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#fff;border-radius:14px;padding:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}.woocommerce ul.products li.product a img{border-radius:9px}.woocommerce ul.products li.product .price{color:#076fd5;font-weight:800}.woocommerce ul.products li.product .button{border-radius:999px;background:#147ff0;color:#fff}.woocommerce div.product,.woocommerce .woocommerce-breadcrumb{color:var(--haat-text)}.woocommerce div.product p.price{color:#65b2ff}.woocommerce-message,.woocommerce-info{border-top-color:#1687ff}.quote-banner{border:1px solid var(--haat-border);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(255,45,45,.18),transparent 36%),linear-gradient(135deg,#1c1e24,#101114);padding:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.quote-banner h2{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 10px}.quote-banner p{color:var(--haat-muted);margin:0;max-width:640px}.site-footer{border-top:1px solid var(--haat-border);background:#0b0c0e}.footer-inner{max-width:1240px;margin:auto;padding:30px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#aeb0b7;font-size:13px}.entry-content{max-width:1000px;margin:40px auto;padding:0 24px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--haat-border);padding:8px 12px;border-radius:8px}@media(max-width:800px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block}.main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;padding:12px 0}.main-nav.is-open{display:flex}.header-cta{font-size:13px;padding:10px 14px}.hero{min-height:640px}.hero:before{background:linear-gradient(90deg,rgba(7,8,11,.94),rgba(7,8,11,.62)),url('assets/haat-workshop.jpg') 60% center/cover no-repeat}.hero-content{padding:65px 24px}.hero h1{max-width:560px}.service-grid{grid-template-columns:1fr}.quote-banner{padding:28px;align-items:flex-start;flex-direction:column}.section{padding:58px 20px}}