/*
Theme Name: BBQ Dads
Theme URI: https://thebbqdads.co.uk
Author: The BBQ Dads
Description: A recipe-first outdoor cooking theme with Bootstrap, native recipe editing and WooCommerce support.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: bbq-dads
*/
:root{--bbq-ink:#111;--bbq-charcoal:#181818;--bbq-paper:#f5f3ee;--bbq-ember:#f36b21;--bbq-line:#d9d6ce;--bs-body-color:#222;--bs-body-bg:#f5f3ee;--bs-border-radius:.15rem;--bs-link-color:#222;--bs-link-hover-color:#943409}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Arial,Helvetica,sans-serif;background:var(--bbq-paper);color:#222;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:.22em}button,input,select,textarea{font:inherit}h1,h2,h3,.brand-mark{font-family:Impact,'Arial Narrow','Franklin Gothic Medium',Arial,sans-serif;font-weight:800;font-synthesis:none;letter-spacing:-.025em}h1,h2{text-transform:uppercase}h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.05}h3{font-size:1.5rem}p{line-height:1.7}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd4a0e;outline-offset:4px;box-shadow:none!important}.text-ember{color:var(--bbq-ember)}.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#943409;line-height:1.5}.section-space{padding-block:86px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-title h2{margin:0}.text-link{font-size:.78rem;text-transform:uppercase;font-weight:800;text-decoration:none;white-space:nowrap;border-bottom:1px solid;padding-bottom:5px}.text-link span{margin-left:12px}.btn{padding:.85rem 1.4rem;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:2px;min-height:46px}.btn-lg{padding:1.05rem 1.65rem}.btn-ember{background:var(--bbq-ember);border:1px solid var(--bbq-ember);color:#111}.btn-ember:hover,.btn-ember:focus{background:#ff8845;color:#111;border-color:#ff8845}.btn-ember:disabled{color:#111;background:#eea67e;border-color:#eea67e;opacity:1}.form-control,.form-select{min-height:46px;border-color:#aaa;background-color:#fff;color:#222}.form-label{font-weight:700;font-size:.75rem}.skip-link{position:fixed;top:-100px;left:12px;padding:12px;background:white;z-index:99999;color:#111}.skip-link:focus{top:12px}.site-header{background:#111;color:#fff;position:sticky;top:0;z-index:1030;border-bottom:1px solid #ffffff16}.site-header .navbar{min-height:92px;transition:min-height .2s}.site-header.is-compact .navbar{min-height:72px}.admin-bar .site-header{top:32px}.brand-mark{font-size:1.75rem;line-height:1;text-decoration:none;white-space:nowrap;color:#fff!important;display:inline-flex;align-items:center;gap:5px}.brand-small{font-family:Arial,sans-serif;font-size:.6rem;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.06em}.custom-logo{max-width:190px;max-height:68px;width:auto}.navbar-nav{gap:18px}.navbar-nav .nav-link{font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#e9e7e3;padding:.8rem 0!important}.navbar-nav .nav-link:hover,.navbar-nav .nav-link[aria-current=page]{color:var(--bbq-ember)}.navbar-nav .dropdown{display:flex;align-items:center}.nav-submenu{padding:.4rem;min-height:44px;color:#fff;border:0}.dropdown-menu{border-radius:0;padding:12px;background:#222;min-width:230px}.dropdown-item{white-space:normal;padding:10px 16px;font-size:.8rem}.search-toggle{color:#fff;padding:8px;min-width:44px}.header-socials{border-left:1px solid #ffffff30;padding-left:18px}.header-socials:has(.social-links:empty){display:none}.social-links a{text-decoration:none;font-size:.82rem;display:inline-flex;align-items:center;gap:8px;min-height:44px}.social-symbol{font-size:1.25rem}.header-socials .social-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.offcanvas{background:#111;color:#fff}.hero{position:relative;min-height:650px;display:flex;align-items:center;background:#1d1c19;color:white;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center 56%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.45) 51%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 40%)}.hero-content{padding-block:85px 115px}.hero-kicker{color:#efeeea;display:flex;align-items:center;gap:12px;font-size:.65rem;letter-spacing:.2em;margin-bottom:24px}.hero-kicker>span{height:7px;width:7px;background:var(--bbq-ember)}.hero h1{font-size:clamp(4rem,7.8vw,7.4rem);line-height:.99;max-width:700px;margin:0 0 25px;letter-spacing:-.03em;text-wrap:balance}.hero-copy{font-size:1.05rem;color:#e1ded8;max-width:380px;line-height:1.8}.hero-bottom{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;gap:16px;font-size:.57rem;letter-spacing:.17em;color:#d6d3ce}.hero-bottom span:last-child span{color:var(--bbq-ember);margin-left:20px;font-size:1rem}.fire-band{background:var(--bbq-ember);padding:16px 0;color:#171717;font-size:.62rem;font-weight:800;letter-spacing:.13em}.recipe-card{border:0;border-radius:0;background:transparent}.card-image{aspect-ratio:4/3;display:block;overflow:hidden;background:#20201e}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.recipe-card:hover .card-image img{transform:scale(1.035)}.recipe-card .card-body{padding:24px 0 0}.recipe-card h3 a{text-decoration:none}.recipe-card h3{font-size:1.55rem;line-height:1.2}.card-time{border-top:1px solid var(--bbq-line);padding-top:14px;margin-top:18px;font-size:.72rem}.card-time span{float:right}.card-excerpt{font-size:.85rem;color:#595959}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-weight:800;font-size:1.7rem;letter-spacing:-.03em;color:#c8c4bb}.image-placeholder span{font-size:.6rem;letter-spacing:.15em;color:#e18b5c;margin-top:6px}.empty-state{padding:36px 40px;border:1px solid var(--bbq-line);background:#edeae3;border-left:3px solid var(--bbq-ember)}.empty-state h3{margin-top:14px;font-size:1.9rem}.empty-state p{color:#5a5955;max-width:680px;margin-bottom:0}.empty-state .text-link{display:inline-block;margin-top:20px}.protein-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.method-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.browse-tile{min-height:225px;position:relative;isolation:isolate;overflow:hidden;color:#fff;text-decoration:none;background:#252421;display:flex;align-items:end}.browse-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s}.browse-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 100%);z-index:-1}.browse-tile.no-image{background:radial-gradient(ellipse at top right,#634028,#252421 72%)}.browse-tile.no-image:before{content:'';position:absolute;top:24px;left:22px;height:24px;width:24px;border-top:2px solid #b87349;border-left:2px solid #b87349}.tile-label{padding:23px 20px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:800;text-transform:uppercase;font-size:1.35rem;line-height:1.2}.tile-label>span{font-family:Arial,sans-serif;font-size:1rem;color:var(--bbq-ember)}.browse-tile:hover img{transform:scale(1.04)}.method-grid .browse-tile{min-height:125px}.method-grid .tile-label{font-family:Arial,sans-serif;font-size:.7rem;padding:20px 14px}.watch-section{background:#181818;color:#fff}.watch-section .eyebrow,.newsletter .eyebrow,.site-footer .eyebrow{color:#f08a50}.display-heading{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.04}.video-visual{position:relative;aspect-ratio:4/3;background:#27231e;overflow:hidden}.video-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.visual-tag{position:absolute;bottom:22px;left:24px;color:white;font-size:.6rem;letter-spacing:.15em}.muted-light{color:#c4c0b8}.shop-teaser{background:#e6e1d7;border:1px solid #d9d0c1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:50px}.shop-teaser h3{font-size:clamp(2.6rem,4vw,4rem);line-height:1.05;text-transform:uppercase;margin-top:20px}.shop-teaser p{max-width:360px;color:#524b40}.product-card{border-color:var(--bbq-line);border-radius:0;background:transparent}.product-card img{width:100%;height:auto}.product-card a{text-decoration:none}.newsletter{background:#222;color:#fff;border-bottom:1px solid #ffffff1f}.newsletter h2{font-size:clamp(2.5rem,4vw,4rem)}.newsletter p{color:#bbb8b0;margin-bottom:0}.newsletter .form-label{color:#dedbd5}.newsletter input:disabled{background:#dedbd5;opacity:1;color:#555}.newsletter small{font-size:.72rem}.social-section{border-bottom:1px solid var(--bbq-line)}.site-footer{background:#111;color:white}.footer-description{max-width:340px;color:#b5b1aa;font-size:.86rem}.site-footer .social-links{color:#dedbd5}.footer-links li{margin-bottom:12px}.footer-links a{text-decoration:none;font-size:.82rem;color:#ccc7be}.site-footer a:hover{color:var(--bbq-ember)}.footer-bottom{border-top:1px solid #ffffff25;font-size:.68rem;color:#aaa59d}.footer-bottom a{text-decoration:none}.page-hero{background:#181818;color:white;padding:70px 0}.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1}.page-hero .eyebrow{color:#f08a50}.page-hero p{max-width:680px;color:#cbc6bc}.content-width{max-width:850px}.entry-content{font-size:1.05rem;line-height:1.85;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{margin-top:1.5em;margin-bottom:.65em}.entry-content h2{font-size:2rem}.entry-content iframe,.entry-content video{max-width:100%}.entry-content table{display:block;overflow-x:auto}.entry-content figure{max-width:100%}.entry-content a{text-decoration:underline}.navigation.pagination,.post-navigation{margin-top:50px}.page-numbers{padding:8px 14px;display:inline-block}.page-numbers.current{background:#222;color:white}.breadcrumb-nav{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;color:#67625b}.recipe-intro{max-width:1000px;margin:auto}.recipe-hero-image{width:100%;max-height:600px;object-fit:cover;margin-top:20px}.recipe-facts{display:flex;flex-wrap:wrap;gap:24px 40px;border-block:1px solid var(--bbq-line);padding:24px 0;margin-block:30px}.recipe-facts dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#66615b}.recipe-facts dd{font-size:.94rem;font-weight:700;margin-top:7px;margin-bottom:0}.recipe-editorial{max-width:780px}.recipe-detail-card{max-width:960px;background:#fff;border:1px solid var(--bbq-line);border-top:5px solid var(--bbq-ember);padding:40px}.recipe-card-heading h2{font-size:2.5rem}.recipe-detail-card h3{font-size:1.6rem;margin-bottom:20px}.recipe-card-lists ul{padding-left:20px;margin-bottom:35px}.recipe-card-lists li{padding-left:4px;margin-bottom:15px;line-height:1.7}.recipe-steps{padding-left:25px}.recipe-steps li{padding-left:12px;margin-bottom:25px}.recipe-steps li::marker{font-weight:800;color:#a9400d}.recipe-notes{padding:25px;background:#f5f3ee;margin-top:25px}.recipe-print-footer{margin-top:30px}.print-source{display:none}.related-gear img{max-height:230px;object-fit:contain}.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button.alt{background:var(--bbq-ember);color:#111;border-radius:2px}.woocommerce div.product div.images img{height:auto}.woocommerce .woocommerce-breadcrumb{font-size:.8rem}.woocommerce table.shop_table{background:white}
@media(min-width:1440px){.hero{min-height:720px}.hero h1{font-size:8rem}.hero-content{padding-top:100px}}
@media(max-width:1199.98px){.navbar-nav{gap:0}.offcanvas-body{padding:24px}.navbar-nav .nav-item{border-bottom:1px solid #ffffff25}.navbar-nav .nav-link{font-size:.9rem;flex:1;padding:16px 0!important}.navbar-nav .dropdown{flex-wrap:wrap}.navbar-nav .dropdown-menu{position:static;width:100%}.header-socials{border:0;padding:0;margin-top:20px}.header-socials .social-label{position:static;width:auto;height:auto;clip-path:none}.search-toggle{margin-top:20px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-label{font-size:1.1rem;padding:18px 12px}.hero{min-height:620px}}
@media(max-width:991.98px){.section-space{padding-block:64px}.protein-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-tile{min-height:200px}.shop-teaser{padding:32px;gap:30px}.hero h1{max-width:580px}.hero-bottom{font-size:.5rem}.section-title{align-items:start}}
@media(max-width:767.98px){.admin-bar .site-header{top:46px}.site-header .navbar{min-height:76px}.section-title{flex-wrap:wrap}.section-space{padding-block:48px}.hero{min-height:610px}.hero-content{padding-top:70px;padding-bottom:100px}.hero h1{font-size:4.8rem;max-width:400px}.hero-copy{font-size:.94rem;max-width:300px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#000c,#0006),linear-gradient(0deg,#0006,transparent)}.hero-kicker{font-size:.53rem}.hero-bottom span:last-child{display:none}.fire-band{font-size:.49rem;letter-spacing:.03em}.fire-band .container>span:nth-child(6),.fire-band .container>span:nth-child(7){display:none}.shop-teaser{grid-template-columns:1fr;gap:14px}.protein-grid{gap:12px}.method-grid{gap:12px}.tile-label{font-size:1.08rem}.empty-state{padding:28px}.recipe-detail-card{padding:24px}.recipe-facts{gap:20px 28px}.page-hero{padding:48px 0}.recipe-card-heading h2{font-size:2rem}}
@media(max-width:575.98px){.container{padding-inline:22px}.protein-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protein-grid .browse-tile:last-child{grid-column:1/-1;min-height:160px}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-tile{min-height:190px}.hero h1{font-size:4.2rem;max-width:320px}.hero .btn{font-size:.63rem;padding:1rem 1.1rem}.hero-kicker{letter-spacing:.12em}.brand-mark{font-size:1.6rem}.recipe-facts>div{flex-basis:35%}.recipe-detail-card{padding:22px 18px}.section-title h2{font-size:2rem}.newsletter .input-group{flex-wrap:nowrap}.newsletter .btn{padding-inline:12px;font-size:.65rem}.newsletter .form-control{font-size:.9rem;min-width:0}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
