/*
Theme Name: Da Mario
Author: Brescia Comunica
Description: Sito one-page per Pizzeria Rosticceria Da Mario. Contenuti modificabili in Aspetto > Personalizza > Da Mario.
Version: 1.4.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: da-mario
*/
:root{--red:#a72b22;--dark:#20362d;--paper:#fffaf1;--ink:#252923;--line:#dedbd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #e49327;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,.brand>span{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.04;letter-spacing:-.04em;max-width:680px}h2{font-size:clamp(38px,4.3vw,62px);line-height:1.08;letter-spacing:-.035em}h3{font-size:21px;line-height:1.25}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:700;margin-bottom:22px;color:var(--red)}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:var(--paper);border-bottom:1px solid var(--line);gap:24px}.brand>span{font-size:36px;font-style:italic;line-height:1.05;color:var(--red);display:block}.brand small{font-size:10px;letter-spacing:.16em;display:block;margin-top:7px}nav{display:flex;gap:28px;font-size:14px}.call{font-weight:700;border-bottom:2px solid var(--red);font-size:16px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:5vw;padding:65px 5vw 70px;max-width:1600px;margin:auto;align-items:center}.lead{max-width:490px;font-size:20px;line-height:1.6;margin-top:25px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;font-size:14px;font-weight:700;border:1px solid var(--red);border-radius:3px}.red{background:var(--red);color:white}.outline{color:var(--red)}.button:hover{filter:brightness(.92)}.hero-note{font-size:14px;margin-top:25px}.hero figure{transform:rotate(2deg);background:#eee0c7;padding:10px 10px 0;box-shadow:0 15px 30px #20362d14}.hero figure img{aspect-ratio:1.25;object-fit:cover}.hero figcaption{font:italic 15px Georgia,serif;text-align:center;padding:15px 8px 18px}.ribbon{display:flex;justify-content:center;gap:45px;align-items:center;background:var(--dark);color:var(--paper);padding:24px;font:24px Georgia,serif}.ribbon i{font-size:18px;color:#d6b567}.section{padding:95px 7vw;max-width:1500px;margin:auto}.story{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;align-items:center}.story p:not(.eyebrow){margin-top:25px;max-width:480px}.story-images{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.story-images img{height:340px;border-radius:3px}.story-images img:last-child{height:280px;margin-top:70px}.special{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#efe8d9;max-width:none}.special img{height:480px;object-position:50% 70%;border-radius:3px}.special p:not(.eyebrow){max-width:440px;margin:24px 0}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:15px;font-weight:700}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font:30px Georgia,serif;gap:15px}summary span{font:14px Arial,sans-serif;color:#5c655c}summary:after{content:'+';font:26px Arial,sans-serif;margin-left:12px}details[open] summary:after{content:'−'}summary span{margin-left:auto}.menu-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;padding-bottom:30px}.menu-item{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px dashed var(--line);align-items:start}.menu-item h3{font-size:17px}.menu-item p{font-size:14px;color:#596257;line-height:1.5;margin-top:6px}.menu-item strong{white-space:nowrap;font-size:17px;color:var(--red)}.menu-note{font-size:14px;margin-top:25px;color:#596257}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;background:var(--dark);max-width:none;color:var(--paper)}.number{font:italic 38px Georgia,serif;color:#d8bb80}.services h3{margin:20px 0 15px;font-size:24px}.services p{font-size:16px;max-width:350px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact p{margin-top:24px}.contact .text-link{margin-top:18px}.contact-links{margin-top:35px;display:flex;flex-direction:column;gap:9px;font-size:23px;font-weight:700;color:var(--red)}.socials{display:flex;gap:24px;margin-top:28px;font-size:15px}.hours{background:#eee9de;padding:35px;align-self:start}.hours h3{margin-bottom:26px;font-size:24px}.hours dl{margin:0}.hours dl>div{padding:16px 0;border-bottom:1px solid #d6d2c8;display:flex;justify-content:space-between;gap:20px;font-size:15px}.hours dd{margin:0;text-align:right}.hours p{font-size:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 5vw 90px}footer p{font-size:13px}.floating{position:fixed;bottom:20px;right:20px;padding:12px 22px;background:var(--dark);color:white;border-radius:40px;font-size:14px;box-shadow:0 3px 15px #0003}.skip{position:absolute;left:-1000px}.skip:focus{left:10px;top:10px;background:white;z-index:10;padding:12px}.wp-content{max-width:900px;margin:0 auto;padding:70px 25px}.wp-content h1{font-size:50px;margin-bottom:30px}.wp-content p{margin:20px 0}.wp-content a{text-decoration:underline}body.admin-bar header{margin-top:0}@media(max-width:850px){header{flex-wrap:wrap;padding:18px 6vw;gap:18px}nav{order:3;width:100%;justify-content:space-between;gap:12px}.brand>span{font-size:30px}.call{font-size:14px}.hero{grid-template-columns:1fr;padding:45px 6vw 50px;gap:40px}.hero-copy{max-width:650px}.hero figure{max-width:600px;margin:0 8px}.lead{font-size:18px}.ribbon{gap:16px;font-size:18px;flex-wrap:wrap;padding:20px}.section{padding:60px 6vw}.story,.special,.contact{grid-template-columns:1fr;gap:38px}.story-images img{height:280px}.story-images img:last-child{height:230px;margin-top:35px}.special img{height:350px}.services{grid-template-columns:1fr;gap:30px}.services>div{border-bottom:1px solid #ffffff30;padding-bottom:25px}.services p{max-width:none}.section-top{align-items:start;flex-direction:column}.menu-grid{grid-template-columns:1fr}summary{font-size:25px}.hours{padding:25px}.hours dl>div{flex-direction:column;gap:5px}.hours dd{text-align:left}footer{align-items:start;flex-direction:column;padding:35px 6vw 90px}h1{font-size:clamp(45px,10vw,70px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Versione 1.1 — stile contemporaneo */
:root{--paper:#fff;--red:#d83a26;--dark:#163c30;--ink:#172820;--line:#dce4df}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,summary{font-family:Arial,Helvetica,sans-serif;font-weight:800}h1{font-size:clamp(48px,5.4vw,82px);line-height:1.02;letter-spacing:-.055em}h2{letter-spacing:-.045em}.brand>span{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-style:normal;letter-spacing:-.07em}.brand small{font-size:11px;font-weight:700;letter-spacing:.12em}header{padding:22px 5vw}nav{gap:8px;font-size:16px;font-weight:700}nav a{padding:10px 15px;border-radius:8px}nav a:hover{background:#edf4ef;color:var(--dark)}nav a[href$="#menu"]{color:var(--red);background:#fff0eb}.call{display:inline-flex;gap:9px;align-items:center;border:0;background:var(--dark);color:white;padding:12px 16px;border-radius:9px}.icon{width:21px;height:21px;flex:none;vertical-align:middle}.hero{padding-top:65px;padding-bottom:75px}.eyebrow{font-size:14px;letter-spacing:.12em}.hero .eyebrow{display:inline-block;padding:7px 12px;border-radius:40px;background:#edf4ef;color:var(--dark);margin-bottom:25px}.hero figure{transform:none;background:#edf4ef;padding:12px;border-radius:24px;box-shadow:none}.hero figure img{border-radius:16px;aspect-ratio:1.25}.hero figcaption{font:600 14px/1.5 Arial,sans-serif;padding:16px 8px 5px;color:var(--dark)}.button{border-radius:10px;gap:9px;padding:15px 23px;font-size:16px;min-height:52px;border-width:2px}.actions .outline{background:var(--dark);color:white;border-color:var(--dark)}.hero-note{font-size:15px}.ribbon{font:700 22px Arial,sans-serif;gap:40px}.ribbon i{color:#ffc764}.story-images img{border-radius:18px}.special{background:#f0f5f1}.special img{border-radius:22px}.text-link{font-size:16px;color:var(--dark)}details{background:#f4f7f4;border:1px solid var(--line);margin-bottom:12px;border-radius:14px;padding:0 24px}details:last-of-type{border-bottom:1px solid var(--line)}summary{font-size:25px;padding:23px 0;color:var(--dark)}summary span{font-size:14px;color:#48594f}.menu-item h3{font-size:18px;font-weight:700}.menu-item strong{font-size:18px}.menu-item p{color:#4b5c51}.services{gap:40px}.number{font:800 40px Arial,sans-serif;color:#9bddb2}.services h3{font-size:25px}.hours{background:#edf4ef;border-radius:20px;padding:35px}.hours dl>div{border-color:#d6e2da}.contact-links>a{display:flex;gap:12px;align-items:center}.contact-links .secondary-contact{font-size:16px;color:#4b5c51;font-weight:400}.socials{gap:12px}.socials a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:700}.socials a:hover{background:#edf4ef}.floating{background:var(--red);display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;padding:14px 22px}.map-panel{grid-column:1/-1;background:#edf4ef;border:1px solid #d6e2da;border-radius:20px;overflow:hidden}.map-placeholder{padding:40px;text-align:center}.map-placeholder>.icon{width:36px;height:36px;color:var(--red);margin-bottom:15px}.map-placeholder h3{font-size:26px}.map-placeholder p{margin-top:10px}.map-placeholder button{margin-top:20px;cursor:pointer}.map-placeholder .map-caption{font-size:13px;color:#4b5c51}.map-placeholder .text-link{margin-top:12px}#map-container iframe{display:block;width:100%;height:350px;border:0}[hidden]{display:none!important}footer{background:#f5f7f5}.wp-content h1{font-size:48px}@media(max-width:850px){header{padding:18px 6vw}nav{gap:5px}nav a{font-size:14px;padding:9px 10px}.call{font-size:14px;padding:10px 12px}.call .icon{width:17px;height:17px}.brand>span{font-size:30px}.hero{padding-top:40px;padding-bottom:45px}.ribbon{font-size:17px;gap:16px}h1{font-size:clamp(46px,10vw,70px)}.hero figure{margin:0;padding:10px}.hero figcaption{font-size:13px}.button{font-size:15px;padding:13px 18px}.hours{padding:25px}details{padding:0 18px}summary{font-size:22px}summary span{font-size:13px}.map-placeholder{padding:30px 20px}.contact-links{font-size:24px}.menu-item h3,.menu-item strong{font-size:17px}}@media(max-width:360px){header .call span{font-size:12px}nav a{font-size:13px;padding:8px}.socials{flex-wrap:wrap}summary{font-size:20px}}

.special figure{margin:0}.special figure img{height:420px;object-position:center}.food-caption{font-size:12px;color:#526158;margin-top:10px}@media(max-width:850px){.special figure img{height:auto;aspect-ratio:1.5;object-fit:cover}}

/* Menu mobile compatto: apertura diretta sulla hero */
.menu-toggle,.mobile-call{display:none}
@media(max-width:850px){
 header{display:block;padding:0;height:0;border:0;background:transparent}
 header>.brand,header>.call{display:none}
 .menu-toggle{display:flex;position:fixed;top:18px;right:18px;z-index:1100;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;background:var(--dark);color:white;border:0;border-radius:12px;cursor:pointer;box-shadow:0 3px 12px #0002}
 .menu-toggle span{display:block;width:22px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 header nav{display:none;position:fixed;top:76px;right:18px;left:18px;width:auto;z-index:1050;max-height:calc(100dvh - 100px);overflow:auto;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 45px #163c302b}
 header nav.is-open{display:flex;flex-direction:column;gap:6px}
 header nav>a{display:block;padding:15px 14px;font-size:17px;line-height:1.4;border-radius:9px}
 header nav .mobile-call{display:flex;align-items:center;gap:13px;background:var(--dark);color:white;margin-top:8px;font-size:14px}
 .mobile-call strong{font-size:21px}.mobile-call .icon{width:24px;height:24px}
 .hero{padding-top:25px}.hero .eyebrow{max-width:calc(100% - 64px);padding:7px 10px;letter-spacing:.08em;font-size:12px;line-height:1.5;min-height:34px;margin-bottom:25px}
 body.admin-bar .menu-toggle{top:64px}body.admin-bar header nav{top:122px;max-height:calc(100dvh - 145px)}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}
