/*
Theme Name: Baked Out Pizza
Author: Fentro Brands
Description: Bold cream, red and yellow pizza drop theme with menu, partnerships and inquiry form.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: baked-out-pizza
*/
:root{--cream:#faf6eb;--red:#ed071b;--yellow:#ffd527;--ink:#101010}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px}a{color:inherit}img{max-width:100%;display:block}header,.wrap{width:min(1200px,94%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0}header .brand{width:180px;flex-shrink:0}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;font-weight:800}.button{display:inline-block;background:var(--red);color:white;text-decoration:none;border:2px solid var(--red);border-radius:7px;padding:14px 23px;font-weight:800;font-size:16px;cursor:pointer}.button:hover{filter:brightness(.9)}.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.light{background:var(--cream);color:var(--ink);border-color:var(--cream)}h1,h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:950;letter-spacing:-1.8px;line-height:.98;margin:0 0 22px}h1{font-size:clamp(52px,6.7vw,90px)}h2{font-size:clamp(36px,4.4vw,60px)}h3{margin:12px 0 5px;font-size:22px}p{line-height:1.45}em{color:var(--red);font-style:normal}mark{background:none;color:var(--yellow)}.eyebrow{text-transform:uppercase;font-size:18px;font-weight:900;color:var(--red)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:25px 0 35px;gap:15px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-photo{position:relative}.hero-photo img{width:100%;border-radius:25px 0 25px 0}.badge{position:absolute;top:20%;left:4%;background:var(--yellow);padding:22px;border-radius:50%;font-weight:950;text-transform:uppercase;transform:rotate(-13deg);font-size:24px}.about{display:grid;grid-template-columns:130px 1fr 260px;gap:30px;align-items:center;padding:25px 0 45px}.oven{font-size:110px}.about aside{border-left:2px solid #ddcbbb;padding-left:35px;font-size:30px;font-weight:900;text-transform:uppercase;transform:rotate(-5deg)}.yellow{background:var(--yellow);padding:40px 0}.center{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:var(--cream);padding:20px;border-radius:12px;text-align:center;position:relative}.icon{font-size:60px;display:block}.number{position:absolute;left:20px;top:20px;background:var(--red);color:white;border-radius:50%;width:40px;height:40px;padding:6px;font-weight:900}.steps p{margin:8px 0}.menu{padding:45px 0}.flavors{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.flavors article{border:2px solid #e8e1d3;border-radius:10px;overflow:hidden;text-align:center;padding-bottom:12px}.flavors img{width:100%;aspect-ratio:1.15;object-fit:cover}.flavors h3{font-size:19px}.flavors small{font-size:12px}.muted{font-size:14px;color:#555}.red{background:var(--red);color:white;padding:40px 0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.benefits{display:flex;gap:15px;font-weight:800;font-size:14px;margin:25px 0}.benefits span{flex:1}.feature{padding-top:40px;padding-bottom:40px}.feature>img{width:100%;border-radius:15px;max-height:440px;object-fit:cover}.yellow .feature{padding-top:0;padding-bottom:0}.causes{display:flex;gap:10px;margin:25px 0}.causes span{flex:1;padding:18px 8px;border-radius:8px;background:var(--cream);font-size:14px;font-weight:800;text-align:center}#drops{padding:55px 0}.contact{padding:45px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:2px solid #e8e1d3}form label{display:block;font-weight:800;font-size:14px;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:13px;margin-top:7px;border:2px solid #d7cebc;border-radius:6px;font:inherit;background:white}textarea{resize:vertical}.trap{position:absolute;left:-9999px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;padding:12px}:focus-visible{outline:3px solid #176cca;outline-offset:4px}footer{background:#111;color:var(--cream);text-align:center;padding:35px}footer>a{font-family:Impact,sans-serif;font-size:32px;text-decoration:none;margin:0 35px}footer b{color:var(--red)}footer>span{font-size:30px}footer p,footer small{font-size:14px}.content{min-height:65vh;padding:50px 0}.content h1{font-size:48px}@media(max-width:850px){header{flex-wrap:wrap}header .brand{width:130px}nav{order:3;width:100%;justify-content:center;gap:15px}.hero,.split,.contact{grid-template-columns:1fr}.hero-photo{order:2}.hero-photo img{max-height:380px;object-fit:cover}.about{grid-template-columns:90px 1fr}.about aside{display:none}.oven{font-size:75px}.flavors{grid-template-columns:repeat(2,1fr)}.flavors article:last-child{grid-column:1/-1;max-width:50%;justify-self:center}.steps{grid-template-columns:1fr}.steps article{padding-left:70px}.feature>img{max-height:350px}.contact{gap:20px}footer>span{display:none}.causes{flex-wrap:wrap}.causes span{flex:1 1 40%}body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.flavor-intro{padding:55px 0 35px;max-width:900px}.flavor-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0}.flavor-tabs a{border:2px solid #111;border-radius:30px;padding:10px 18px;text-decoration:none;font-weight:800;font-size:15px}.pizza-detail{padding:55px 0;border-top:2px solid #e8e1d3}.pizza-detail img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:18px}.pizza-detail .tagline{font-size:25px;font-weight:900}.flavor-notes{font-weight:800;color:#b90013}.flavor-callout{padding:45px 0}.back-home{display:inline-block;margin-top:20px;font-weight:800}

/* Bold pizza lineup */
.lineup-page{overflow:hidden}.lineup-page .flavor-intro{max-width:none;width:100%;padding:80px 4% 0;background:#111;color:#fff8e7;position:relative}.lineup-page .flavor-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#ed071b 0 24px,#ffd527 24px 48px)}.lineup-page .flavor-intro h1{font-size:clamp(65px,9vw,132px);letter-spacing:-5px;max-width:1200px;margin:20px auto;transform:rotate(-2deg);text-shadow:3px 3px 0 #000}.lineup-page .flavor-intro em{color:#ffd527}.lineup-page .flavor-intro>p:not(.eyebrow){max-width:650px;margin:30px auto;font-size:21px}.lineup-page .flavor-intro .eyebrow{color:#ffd527;letter-spacing:3px}.lineup-page .flavor-tabs{padding:10px 0 40px;margin-bottom:0}.lineup-page .flavor-tabs a{background:#fff8e7;color:#111;border-color:#fff8e7;padding:14px 24px;border-radius:6px;box-shadow:4px 4px 0 #ed071b}.lineup-page .flavor-tabs a:hover{background:#ffd527;transform:translateY(-3px)}.lineup-strip{background:#ed071b;color:white;font-weight:950;letter-spacing:4px;padding:17px 10px;font-size:22px;transform:rotate(-1deg);margin:0 -10px}.lineup-page .pizza-detail{width:100%;max-width:none;padding:80px max(4%,calc((100vw - 1200px)/2));gap:65px;position:relative;isolation:isolate;min-height:650px;border:0}.lineup-page .pizza-detail>img{position:relative;z-index:1;border:8px solid #fff8e7;box-shadow:15px 15px 0 #111;border-radius:24px;transform:rotate(-4deg);aspect-ratio:1.1;max-height:510px}.lineup-page .pizza-detail>div{position:relative;z-index:1}.lineup-page .pizza-detail h2{font-size:clamp(54px,6.5vw,94px);letter-spacing:-3px;margin:18px 0}.lineup-page .pizza-detail .tagline{font-size:28px;line-height:1.1}.lineup-page .pizza-detail p:not(.eyebrow){max-width:530px}.lineup-page .pizza-detail .eyebrow{font-size:14px;letter-spacing:2px;margin:0 0 20px}.flavor-kicker{display:inline-block;background:#111;color:#ffd527;padding:9px 13px;font-size:13px;font-weight:900;letter-spacing:2px;transform:rotate(-2deg)}.flavor-index{position:absolute;font-family:Impact,'Arial Narrow',sans-serif;font-size:280px;line-height:1;color:rgba(0,0,0,.07);right:2%;bottom:0;z-index:0;pointer-events:none}.lineup-page .flavor-1{background:#ffd527}.lineup-page .flavor-2{background:#ed071b;color:#fff8e7}.lineup-page .flavor-2 .eyebrow,.lineup-page .flavor-2 .flavor-notes{color:#ffd527}.lineup-page .flavor-2 .button{background:#fff8e7;color:#111;border-color:#fff8e7}.lineup-page .flavor-3{background:#fff8e7}.lineup-page .flavor-4{background:#111;color:#fff8e7}.lineup-page .flavor-4 .eyebrow,.lineup-page .flavor-4 .flavor-notes{color:#ffd527}.lineup-page .flavor-4>img{box-shadow:15px 15px 0 #ffd527}.lineup-page .flavor-5{background:#ffd527}.lineup-page .flavor-2>img,.lineup-page .flavor-4>img{order:2;transform:rotate(4deg)}.lineup-page .flavor-2>div,.lineup-page .flavor-4>div{order:1}.lineup-page .flavor-2 .flavor-index,.lineup-page .flavor-4 .flavor-index{color:rgba(255,255,255,.07);left:2%;right:auto}.lineup-page .flavor-callout{background:#ed071b;color:#fff8e7;padding:80px 0;border-top:12px solid #111}.lineup-page .flavor-callout h2{font-size:clamp(48px,6vw,85px)}.lineup-page .flavor-callout p{max-width:750px;margin:20px auto 30px}.lineup-page .flavor-callout .button{background:#ffd527;color:#111;border-color:#ffd527}.lineup-page .button{padding:17px 28px;box-shadow:4px 4px 0 #111}.lineup-page .back-home{font-size:14px}@media(max-width:850px){.lineup-page .flavor-intro{padding-top:55px}.lineup-page .flavor-intro h1{letter-spacing:-2px;font-size:clamp(52px,12vw,90px)}.lineup-page .flavor-intro>p:not(.eyebrow){font-size:17px}.lineup-page .flavor-tabs{gap:12px}.lineup-page .flavor-tabs a{font-size:13px;padding:12px 15px}.lineup-page .pizza-detail{padding:55px 7%;gap:38px;min-height:0}.lineup-page .pizza-detail h2{font-size:60px}.lineup-page .pizza-detail>img{max-height:400px;box-shadow:9px 9px 0 #111;border-width:5px}.lineup-page .flavor-2>img,.lineup-page .flavor-4>img{order:0}.lineup-page .flavor-2>div,.lineup-page .flavor-4>div{order:1}.flavor-index{font-size:180px}.lineup-strip{font-size:14px;letter-spacing:2px}.lineup-page .pizza-detail .tagline{font-size:24px}}
