/*
Theme Name: Burnout Burnham Demo v8 Header
Theme URI: https://burnoutburnham.com
Author: Burnout Burnham
Description: Swag store and giveaway storefront for WooCommerce.
Version: 8.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: burnham-burnout
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--orange:#ff5a1f;--ink:#171a18;--muted:#777c76;--paper:#f5f4ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;border-bottom:1px solid #e7e7e0}.logo{display:flex;gap:10px;align-items:center;font:800 25px/.88 'Barlow Condensed';letter-spacing:-.6px}.mark{background:var(--orange);color:white;padding:10px 8px;font-size:28px;transform:skew(-9deg)}.logo small{display:block;font:600 9px 'DM Sans';letter-spacing:3px;margin-top:7px}nav{display:flex;gap:28px;align-items:center}nav button{background:none;font-weight:600}button.primary{background:var(--orange);color:white;padding:14px 22px;font-weight:700;border-radius:3px}.saved{border:1px solid #ddd!important;padding:12px!important;border-radius:4px}.hero{position:relative;min-height:420px;background:linear-gradient(90deg,rgba(12,20,17,.95),rgba(12,20,17,.55) 55%,rgba(12,20,17,.2)),url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=2000&q=85') center 57%/cover;color:#fff;padding:48px 6% 42px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--orange);display:flex;gap:9px;align-items:center}.eyebrow:before{content:'';width:22px;height:2px;background:var(--orange)}h1{font:800 clamp(48px,6vw,78px)/.95 'Barlow Condensed';text-transform:uppercase;margin:20px 0 17px;letter-spacing:-1px}h1 span{color:var(--orange)}.hero p{color:#c9cecb;line-height:1.6;max-width:430px}.search{background:#fff;display:flex;border-radius:4px;padding:6px;max-width:720px;margin-top:28px;gap:5px}.search input{border:0;outline:0;flex:1;min-width:60px;padding:10px 15px}.search select{border:0;border-left:1px solid #ddd;max-width:160px;background:#fff;color:#666;padding:8px}.strip{padding:16px 6%;background:#e9e9e1;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1.3px}.strip span:before{content:'✦';color:var(--orange);margin-right:10px}main{padding:32px 6% 60px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font:700 30px 'Barlow Condensed';text-transform:uppercase;margin:0 0 5px}.sectionhead p{color:var(--muted);margin:0}.hint{font-size:11px;color:#777}.categories{display:flex;gap:8px;overflow:auto;padding:20px 0 28px}.category{background:#fff;border:1px solid #dedfd7;white-space:nowrap;padding:12px 15px;border-radius:3px;font-size:12px;font-weight:600}.category.active{background:var(--ink);color:#fff;border-color:var(--ink)}.resultshead{display:flex;justify-content:space-between;align-items:center;margin:5px 0 18px}.resultshead select{background:transparent;border:1px solid #d4d7ce;padding:9px;border-radius:3px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e0e2d9;border-radius:5px;overflow:hidden;position:relative}.photo{height:180px;background:#dce1d6;position:relative;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo:hover img{transform:scale(1.04)}.photo{overflow:hidden}.tag{position:absolute;left:12px;top:12px;font-size:9px;font-weight:800;letter-spacing:1px;background:#fff;padding:6px 8px;border-radius:2px}.heart{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:white;font-size:20px;color:#333}.heart.on{color:var(--orange)}.info{padding:17px}.kicker{color:#777d72;font-size:9px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.title{font-weight:700;font-size:15px;margin:8px 0;cursor:pointer}.price{font:700 25px 'Barlow Condensed';color:var(--ink);margin:10px 0}.meta{color:#80847b;font-size:11px;border-top:1px solid #eee;padding-top:12px;display:flex;justify-content:space-between}.cta{margin-top:35px;background:var(--ink);color:white;padding:30px;display:flex;justify-content:space-between;align-items:center;border-left:5px solid var(--orange)}.cta h2{font-size:32px}.cta p{color:#bbc0b8;font-size:12px}footer{padding:25px 6%;border-top:1px solid #ddd;display:flex;justify-content:space-between;font-size:11px;color:#797e73}dialog{border:0;border-radius:8px;padding:28px;max-width:560px;width:92%;max-height:90vh}dialog::backdrop{background:#101713b8}dialog h2{margin-bottom:18px}.close{float:right;background:#eee;border-radius:50%;width:30px;height:30px}label{display:block;font-size:12px;font-weight:600;margin-top:14px}dialog input,dialog select,dialog textarea{width:100%;padding:11px;margin-top:6px;border:1px solid #cfd3c9;border-radius:3px}dialog textarea{min-height:85px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed #bbb}#detail img{width:100%;max-height:260px;object-fit:cover;border-radius:4px}#detail p{line-height:1.7}.notice{font-size:12px;color:#747a6d;line-height:1.6}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#171a18;color:white;padding:14px 24px;border-radius:5px;z-index:5;display:none}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}nav{gap:12px}}@media(max-width:700px){header{height:75px;padding:0 5%}nav .browse{display:none}.logo{font-size:21px}nav button.primary{padding:12px}.hero{padding:35px 5%;min-height:390px}.hero h1{font-size:57px}.search select{display:none}.strip{font-size:8px;padding:13px 5%;gap:8px}.strip span:last-child{display:none}main{padding:26px 5%}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo{height:145px}.info{padding:12px}.title{font-size:13px}.cta{padding:20px;gap:15px}.cta h2{font-size:25px}.cta button{white-space:nowrap}.hint{display:none}footer{gap:20px}.meta{font-size:10px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.saved{display:none}}/* Swag store, version 2 */
a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}a.primary{display:inline-block;background:var(--orange);color:white;padding:14px 22px;font-weight:700;border-radius:3px}.topbar{text-align:center;background:#171a18;color:#fff;padding:10px;font-size:10px;letter-spacing:2px}.actions{display:flex;gap:12px;margin-top:25px}.outline{display:inline-block;border:1px solid #a6aaa1;padding:14px 22px;color:#fff;border-radius:3px}.hero{min-height:480px}.hero p.fine{font-size:10px;max-width:520px;margin-top:24px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:10px 0 45px;margin-bottom:35px;border-bottom:1px solid #d8dace}.how b{font-size:10px;color:var(--orange);letter-spacing:2px}.how h2{margin-top:14px}.how p{color:#777c76;line-height:1.7}.entrybadge{display:inline-block;background:#fff0e5;color:#a8380b;padding:7px;font-size:11px;font-weight:700}.giveaways{grid-template-columns:repeat(3,1fr)}.giveaways h2{font-size:25px;margin-top:12px}.giveaways .photo{height:230px}.rulelinks{font-size:11px;margin-top:18px;text-decoration:underline;line-height:1.8}.card .title{display:block}.content-page,.woocommerce-wrap{min-height:60vh}.content-page{max-width:1200px;margin:auto}.pagetitle{font-size:48px}.pagephoto{max-width:100%;height:auto}.woocommerce-wrap{background:#fff}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--orange);color:white;border-radius:3px}.woocommerce div.product .product_title{font-size:44px}.woocommerce div.product form.cart .variations select,.bbs-choice select{width:100%;padding:12px;border:1px solid #ccc;background:#fff}.bbs-choice{background:#f5f4ef;padding:20px;margin-bottom:22px}.bbs-choice strong{color:#c14312}.bbs-choice p{font-size:12px;line-height:1.6}.bbs-choice a{text-decoration:underline}.woocommerce div.product form.cart{display:block}.woocommerce .quantity{margin-top:10px}.woocommerce div.product form.cart .button{margin-top:10px}.woocommerce table.shop_table{background:#fff}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{padding:10px;border:1px solid #ccc}.woocommerce ul.products li.product .price{color:#171a18}.woocommerce h1{font-size:42px}.woocommerce-wrap img{max-width:100%}[hidden]{display:none!important}body.admin-bar header{position:relative}@media(max-width:700px){nav{font-size:11px;gap:10px}.hero h1{font-size:51px}.how{grid-template-columns:1fr;gap:20px}.giveaways{grid-template-columns:1fr}.giveaways .photo{height:220px}.cta{display:block}.cta .primary{margin-top:15px}.hero{min-height:460px}.actions a{padding:12px 15px}.topbar{font-size:8px}.woocommerce div.product .product_title{font-size:35px}}

.demo-image{position:relative;overflow:hidden;background:#b2afa7;max-height:320px}.demo-image img{position:absolute;max-width:none!important;height:auto!important}.demo-products{align-items:start}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.art-grid img{width:100%;height:auto}.art-archive summary{font-weight:700;cursor:pointer}.demo-products .info{min-height:195px}@media(max-width:700px){.art-grid{grid-template-columns:repeat(2,1fr)}}

header .bb-tire-logo{position:relative;display:block;flex:0 0 84px;width:84px;height:61px;overflow:hidden;border-radius:4px;background:#171717}header .bb-tire-logo img{position:absolute;max-width:none!important;width:168px!important;height:auto!important;left:0;top:-3px}header .logo{gap:12px}header .logo small{letter-spacing:1.5px}@media(max-width:700px){header .bb-tire-logo{flex-basis:58px;width:58px;height:43px}header .bb-tire-logo img{width:116px!important;top:-1px}header .logo{font-size:19px;gap:7px}header .logo small{font-size:7px;letter-spacing:1px}header nav{gap:8px;font-size:10px}}@media(max-width:430px){header{padding-left:3%;padding-right:3%}header .logo{font-size:17px}header .bb-tire-logo{flex-basis:47px;width:47px;height:36px}header .bb-tire-logo img{width:94px!important}header nav{gap:6px;font-size:9px}}

/* Full artwork: display the left half of the original two-panel logo sheet without vertical cropping. */
header .bb-tire-logo{flex:0 0 100px!important;width:100px!important;height:100px!important;overflow:hidden;border-radius:0;background:transparent!important;isolation:isolate}header .bb-tire-logo img{display:block;position:absolute;width:200px!important;max-width:none!important;height:100px!important;left:0!important;top:0!important;mix-blend-mode:screen;filter:none}header .bb-tire-logo{background:#fff!important}header .bb-tire-logo img{mix-blend-mode:normal}header{height:auto;min-height:120px;padding-top:10px;padding-bottom:10px}header .logo{gap:14px}@media(max-width:700px){header{min-height:94px;padding-top:8px;padding-bottom:8px}header .bb-tire-logo{flex-basis:72px!important;width:72px!important;height:72px!important}header .bb-tire-logo img{width:144px!important;height:72px!important}header .logo{gap:8px}}@media(max-width:430px){header .bb-tire-logo{flex-basis:60px!important;width:60px!important;height:60px!important}header .bb-tire-logo img{width:120px!important;height:60px!important}header .logo{font-size:16px}header .logo small{font-size:6px}header nav{flex-wrap:wrap;max-width:90px;justify-content:flex-end}}

/* Dedicated transparent logo asset: no crop, no duplicated wordmark. */
header{min-height:144px;height:auto;padding-top:6px;padding-bottom:6px;gap:20px}header .logo-complete{display:block;flex:0 1 225px;max-width:225px;line-height:0}header .header-brand-logo{display:block;position:static;width:100%;height:auto;max-height:150px;object-fit:contain;background:transparent;border:0;border-radius:0}header nav{margin-left:auto}@media(max-width:700px){header{min-height:110px;gap:12px}header .logo-complete{flex-basis:165px;max-width:165px}header .header-brand-logo{max-height:110px}header nav{max-width:none;font-size:11px;gap:12px}}@media(max-width:430px){header{min-height:94px;gap:10px}header .logo-complete{flex-basis:135px;max-width:135px}header nav{font-size:10px;gap:9px;max-width:none;flex-wrap:wrap}}
