/*
Theme Name: Chris's Fire
Author: Chris's Hot Sauce
Description: Dark, fiery WooCommerce storefront for Chris's Hot Sauce.
Version: 1.2.0
Requires PHP: 7.4
Text Domain: chris-fire
*/
:root{--bg:#100d0c;--panel:#211917;--accent:#ff5725;--text:#fff7ef;--muted:#c9b7ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#ffad75}.container{max-width:1200px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#120e0df2;border-bottom:1px solid #593023}.head-inner{min-height:76px;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand{font-size:24px;font-weight:1000;letter-spacing:-.7px;text-transform:uppercase}.brand span{color:var(--accent)}.nav{display:flex;gap:25px;align-items:center;font-weight:700;font-size:14px}.cart-link{background:#2c1a15;border:1px solid #8a3c20;border-radius:99px;padding:12px 17px}.hero{background:radial-gradient(ellipse at 78% 45%,#92290c 0%,#3b140d 35%,#110c0b 73%);overflow:hidden}.hero-inner{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.eyebrow{color:#ff9c55;font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(52px,6vw,90px);line-height:.96;letter-spacing:-3px;margin:16px 0 22px;font-weight:1000;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:19px;line-height:1.6;color:#e5c8b8;max-width:550px}.hero img{width:100%;max-height:550px;object-fit:contain;filter:drop-shadow(0 15px 30px #0009)}.btn,button,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;border:0;border-radius:7px;padding:15px 25px;background:var(--accent);color:#170b07;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}.btn:hover,button:hover,.button:hover{background:#ff8a4d;color:#150b08}.section{padding:75px 0}.section h2{font-size:clamp(32px,4vw,50px);margin:0 0 12px;text-transform:uppercase}.sub{color:var(--muted);margin-bottom:34px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:linear-gradient(145deg,#2d201c,#1a1412);border:1px solid #573023;border-radius:12px;overflow:hidden;transition:transform .2s}.product-card:hover{transform:translateY(-5px)}.product-card img{display:block;width:100%;height:290px;object-fit:cover}.product-card .info{padding:18px}.product-card h3{margin:0 0 12px;font-size:19px}.product-card .tag{font-size:11px;text-transform:uppercase;color:#ffae74;letter-spacing:1.2px}.product-card .btn{display:block;text-align:center;margin-top:15px;font-size:12px}.notice{padding:20px;background:#2a1b15;border:1px solid #78432c;border-radius:8px;color:#f7d7c3}.feature-band{background:#27120d;border-top:1px solid #5d2717;border-bottom:1px solid #5d2717}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;padding:35px 0;font-weight:800}.page-content{padding:58px 0 90px;min-height:55vh}.page-content h1{font-size:clamp(36px,5vw,58px);text-transform:uppercase}.site-footer{background:#080606;border-top:1px solid #4d291e;padding:45px 0;color:#bca89d}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#241a16;padding:12px;border-radius:9px}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:white;font-weight:800}.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#ffae78}.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#222}.woocommerce table.shop_table{border-color:#75402d}.woocommerce table.shop_table th,.woocommerce table.shop_table td{color:#fff}.woocommerce .quantity .qty{padding:10px;background:white;color:#111}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{padding:12px;background:#fff;color:#111;border:1px solid #bbb;border-radius:4px}.woocommerce-message,.woocommerce-info{background:#f9ede4;color:#1c100b}.woocommerce .cart-collaterals .cart_totals,.woocommerce .checkout{color:var(--text)}.woocommerce a.remove{color:#ff7c50!important}.woocommerce a.remove:hover{background:#d62e19!important}.woocommerce .woocommerce-breadcrumb{color:#c9b7ad}.woocommerce .woocommerce-breadcrumb a{color:#fff}.woocommerce form .form-row label{color:#f4e8df}.menu-toggle{display:none}@media(max-width:850px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{min-height:auto;padding:55px 0;grid-template-columns:1fr}.hero img{max-height:390px}.nav{gap:12px}.feature-row{grid-template-columns:1fr}}@media(max-width:540px){.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card img{height:190px}.product-card .info{padding:12px}.product-card h3{font-size:15px}.product-card .btn{padding:12px 8px}.nav{font-size:12px}.nav .optional{display:none}.brand{font-size:18px}.hero h1{letter-spacing:-2px}.section{padding:48px 0}}

/* Extreme Fire v1.1 */
html{scroll-behavior:smooth}body{background:#090707;background-image:radial-gradient(circle at 90% 5%,#3b110a66,transparent 32%)}
.topline{text-align:center;background:#a92a0c;color:#fff5e9;font-size:11px;font-weight:900;letter-spacing:2.2px;padding:10px 12px}
.skip-link{position:absolute;left:-9999px;top:0;background:white;color:black;padding:12px;z-index:100}.skip-link:focus{left:8px}
.hero{background:radial-gradient(ellipse at 75% 52%,#ad2b07 0%,#3c1109 40%,#100808 76%);position:relative}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:12px;background:linear-gradient(90deg,#220802,#ff5b10,#220802);box-shadow:0 0 40px #e44110;pointer-events:none}
.hero-copy{position:relative;z-index:2}.hero h1{text-shadow:0 4px 0 #180705,0 12px 36px #000b}.hero h1 em{color:#ff6b23;text-shadow:0 0 42px #ef310a77}
.hero-art{position:relative;isolation:isolate}.hero-art img{position:relative;z-index:1;border-radius:10px;box-shadow:0 25px 90px #0009}.flame-glow{position:absolute;inset:8% 10%;background:#ff4e0e;filter:blur(95px);opacity:.38}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-weight:800;text-decoration:underline;text-decoration-color:#ff6529;text-underline-offset:5px}
.section h2{font-weight:1000;letter-spacing:-1.4px}.product-card{box-shadow:0 12px 35px #0005}.product-card img{object-position:center}.product-card .info{border-top:2px solid #a53b18}.product-card .btn{background:#f4511b}.section-cta{margin-top:32px;text-align:center}.story-strip{background:radial-gradient(circle at 85% 50%,#76200f,#180a08 65%);border-top:1px solid #7b2d16}
.cart-count{display:inline-block;min-width:23px;text-align:center;border-radius:99px;background:#e34a17;color:white;padding:2px 6px;margin-left:5px}
:focus-visible{outline:3px solid #ffb570;outline-offset:3px}
@media(max-width:540px){.topline{font-size:9px;letter-spacing:1px}.hero-actions{gap:15px}.hero-art img{max-height:350px}.nav{gap:8px}.cart-link{padding:9px 10px}}
/* Shop lineup: all twelve planned flavors; draft products never show buy links. */
.shop-lineup{padding-top:58px;padding-bottom:70px}
.shop-lineup .products-grid{margin-top:30px}
.shop-product-name{font-size:1.25rem;line-height:1.25;margin:8px 0 15px}
.coming-soon{display:inline-block;color:#ffc39c;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;padding:10px 0}
.shop-placeholder-art{min-height:245px;display:flex;align-items:center;justify-content:center;font-size:5rem;background:radial-gradient(circle at 50% 75%,#84200c,#1b0b08 65%,#0b0909);border-bottom:1px solid #672312}

/* Single Media Library image replacing the seven homepage product cards. */
.lineup-single-image { text-align:center; margin: 28px auto; max-width: 1100px; }
.lineup-single-image img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; margin:0 auto; border-radius:16px; }


/* Responsive improvements: phones, tablets and narrow checkout screens. */
html{overflow-x:clip}body{min-width:0}img,video,iframe{max-width:100%}img{height:auto} .container{width:100%;min-width:0}
.hero-inner>*{min-width:0}.hero-art{min-width:0}.hero-art img{height:auto;max-width:100%}
.lineup-single-image{width:100%;max-width:1100px}.lineup-single-image img{width:100%;height:auto}
.page-content,.woocommerce,.woocommerce-page{min-width:0;overflow-wrap:break-word}
.woocommerce table.shop_table{max-width:100%}
@media(max-width:900px){
 .head-inner{gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
 .brand{flex:1 1 100%;text-align:center;font-size:clamp(19px,3vw,25px)}
 .nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;width:100%;font-size:14px}
 .nav .optional{display:inline-flex}
 .nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
 .hero-inner{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:45px;padding-bottom:45px;text-align:center}
 .hero-copy{display:flex;flex-direction:column;align-items:center}.hero p{max-width:600px}
 .hero-actions{justify-content:center}.hero-art{width:100%;max-width:600px;margin:auto}
 .feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .footer-row{justify-content:center;text-align:center}
}
@media(max-width:600px){
 .container{padding-left:16px;padding-right:16px}
 .site-header{position:relative}
 .topline{font-size:10px;line-height:1.5;letter-spacing:1px}
 .head-inner{gap:6px;padding-top:10px;padding-bottom:10px}
 .brand{font-size:21px;line-height:1.2}
 .nav{gap:4px 8px;font-size:12px}
 .nav a{padding:7px 5px;min-height:42px;white-space:nowrap}
 .nav .optional{display:inline-flex}
 .nav .cart-link{padding:8px 10px}
 .hero-inner{padding-top:38px;padding-bottom:42px}
 .hero h1{font-size:clamp(42px,12vw,66px);letter-spacing:-1.5px;line-height:1.02}
 .hero p{font-size:16px;line-height:1.55}
 .hero-actions{gap:14px;flex-direction:column;width:100%}
 .hero-actions .btn{max-width:100%;text-align:center}
 .hero-art img{max-height:none;width:100%;object-fit:contain}
 .feature-row{grid-template-columns:1fr;gap:12px;padding:22px 0;font-size:13px}
 .section{padding:42px 0}.section h2{font-size:clamp(29px,8vw,40px);letter-spacing:-.7px}
 .lineup-single-image{margin:20px auto}.lineup-single-image img{border-radius:10px}
 .section-cta .btn{max-width:100%;white-space:normal;line-height:1.4}
 .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product-card img{height:auto;aspect-ratio:4/5;object-fit:cover}
 .page-content{padding:35px 0 55px}
 .site-footer{padding:30px 0}.footer-row{flex-direction:column;align-items:center;gap:6px}
 .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;margin:0 0 18px;float:none;display:inline-block;vertical-align:top}
 .woocommerce ul.products{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0}
 .woocommerce div.product form.cart .button{margin-left:0}
 .woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{width:100%;float:none}
 .woocommerce table.shop_table_responsive,.woocommerce-page table.shop_table_responsive{width:100%}
 .woocommerce .woocommerce-checkout-review-order,.woocommerce .cart_totals{padding:12px}
}
@media(max-width:380px){
 .nav{gap:2px 5px;font-size:11px}.nav a{padding:6px 3px}
 .products-grid{grid-template-columns:1fr}
 .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:100%}
}