/*
Theme Name: Pizzeria Aux 4 Saisons
Version: 2.1.0
Description: Site vitrine classique de la pizzeria à Merville.
*/
:root{--cream:#fbf7f0;--paper:#fffdf9;--ink:#2b2521;--muted:#746a61;--accent:#b95d38;--accent-dark:#904329;--line:#e8ded2;--night:#302722;--gold:#c6a16a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif}a{color:inherit}header{position:sticky;top:0;z-index:5;background:rgba(255,253,249,.97);box-shadow:0 2px 10px #34251a12;border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:bold;text-decoration:none;line-height:1.05;letter-spacing:.2px}.brand small{font:11px Arial,sans-serif;letter-spacing:5px;display:block;color:var(--muted);margin-bottom:4px}.brand b{color:var(--accent);font-size:1.25em}.links{display:flex;align-items:center;gap:24px}.links a{text-decoration:none;font-weight:bold}.links a:hover,.links a:focus{color:var(--accent)}.call,.btn{display:inline-block;background:var(--accent);color:#fff!important;padding:13px 21px;border-radius:7px;text-decoration:none;font-weight:bold;transition:background .2s ease}.call:hover,.btn:hover{background:var(--accent-dark)}.btn.secondary{background:transparent;border:1px solid var(--accent);color:var(--accent)!important}.btn.secondary:hover{background:#f5e8dd}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:560px;background:var(--paper)}.hero-copy{padding:75px max(28px,calc((100vw - 1200px)/2));padding-right:36px;align-self:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:var(--accent)}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.04;margin:20px 0;color:var(--ink)}.red{color:var(--accent)}.hero p{font-size:19px;line-height:1.6;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.hero-photo{background:url('assets/pizza-merville.webp') center 56%/cover;min-height:500px}.strip{background:var(--night);color:#fff;display:flex;justify-content:space-evenly;gap:25px;padding:21px;text-align:center;flex-wrap:wrap}.strip strong{font-size:20px;color:#f4d7b4}.wrap{max-width:1200px;margin:auto;padding:70px 22px}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-size:clamp(34px,4vw,52px);margin:10px 0}.section-head p{font-size:17px;color:var(--muted)}.menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pizza{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:21px;box-shadow:0 3px 10px #35271908}.pizza h3{font-size:22px;margin:0 0 8px}.pizza p{line-height:1.5;color:var(--muted);min-height:66px;margin:0 0 13px}.prices{display:flex;gap:8px;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-weight:bold}.prices span:last-child{color:var(--accent)}.banner{background:var(--night);color:#fff;padding:48px 22px;text-align:center;border-top:3px solid var(--gold)}.banner h2{font-size:40px;margin:0 0 10px}.banner p{font-size:17px;color:#e8ddd2}.extras{display:grid;grid-template-columns:1fr 1fr;gap:26px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px}.panel h3{font-size:30px;margin:0 0 20px}.item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.item strong{white-space:nowrap}.visit{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}.visit>div{max-width:760px;margin:0 auto}.visit h2{font-size:44px}.visit p{font-size:18px;line-height:1.6;color:var(--muted)}footer{background:var(--night);color:#fff;text-align:center;padding:28px}footer a{color:#f4d7b4}.small{font-size:13px!important;color:var(--muted)!important}.download{margin-top:20px;text-align:center}
@media(max-width:850px){.links{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}.nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 25px}.hero-photo{min-height:360px}.menu{grid-template-columns:repeat(2,1fr)}.extras,.visit{grid-template-columns:1fr}}
@media(max-width:540px){.nav{justify-content:center}.links{justify-content:center}.links .call{padding:10px 13px}.hero h1{font-size:47px}.menu{grid-template-columns:1fr}.pizza p{min-height:0}.wrap{padding:52px 16px}.panel{padding:21px}.strip strong{font-size:17px}.banner h2{font-size:32px}.visit h2{font-size:36px}}
