/*
Theme Name: EstateRomana 2026
Template: hello-elementor
Description: Tema figlio del restyle 2026 (ER_73, ER_74). Navigazione a sezioni, barra account, barra mobile.
Version: 0.1.0
Text Domain: er2026
*/
:root{--er-bg:#F3EEE5;--er-ink:#1F1B17;--er-muted:#5C544B;--er-line:#DDD4C6;--er-accent:#A6402A;--er-accent-d:#7E2E1D;--er-gold:#F0B35B;--er-rail:96px}
body{background:var(--er-bg);color:var(--er-ink);font-family:'Libre Franklin',system-ui,sans-serif}
h1,h2,h3,.entry-title{font-family:'Fraunces',Georgia,serif;font-weight:650;letter-spacing:-.01em}
#site-header.site-header{display:none}
/* ---- barra alta ---- */
.er-top{position:sticky;top:0;z-index:900;height:72px;display:flex;align-items:center;gap:16px;padding:0 32px 0 calc(var(--er-rail) + 32px);background:var(--er-bg);border-bottom:1px solid var(--er-line);box-sizing:border-box}
.er-top a{text-decoration:none}
.er-logo{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:650;color:var(--er-ink)!important}
.er-logo span{color:var(--er-accent)}
.er-search{flex:1;max-width:460px;height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#fff;border:1px solid var(--er-line);border-radius:22px;box-sizing:border-box;margin:0 0 0 16px}
.er-search input{border:0!important;outline:0;background:transparent!important;font:inherit;font-size:14px;flex:1;padding:0!important;box-shadow:none!important}
.er-sp{flex:1}
.er-btn{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:22px;font-size:14px;font-weight:600;box-sizing:border-box;white-space:nowrap}
.er-btn--line{border:1px solid var(--er-ink);color:var(--er-ink)!important}
.er-btn--text{padding:0 8px;color:var(--er-ink)!important;font-weight:500}
.er-btn--main{background:var(--er-accent);color:#fff!important}
.er-btn--main:hover{background:var(--er-accent-d)}
.er-count{min-width:22px;height:22px;border-radius:11px;background:#fff;color:var(--er-accent);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
/* ---- colonna sezioni ---- */
.er-rail{position:fixed;left:0;top:0;bottom:0;width:var(--er-rail);background:var(--er-ink);z-index:1000;display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:6px;box-sizing:border-box}
.er-rail__home{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:650;color:var(--er-bg)!important;text-decoration:none;margin-bottom:18px}
.er-rail__item{position:relative}
.er-rail__btn{width:80px;padding:10px 0;border-radius:12px;color:var(--er-bg)!important;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;text-decoration:none;background:transparent;border:0;cursor:pointer}
.er-rail__item:hover>.er-rail__btn,.er-rail__item:focus-within>.er-rail__btn{background:var(--er-accent);color:#fff!important}
.er-rail__sep{width:48px;height:1px;background:#4A433C;margin:10px 0}
.er-fly{display:none;position:fixed;left:var(--er-rail);top:0;bottom:0;width:360px;background:#fff;box-shadow:12px 0 32px rgba(31,27,23,.18);padding:32px 28px;box-sizing:border-box;overflow:auto}
.er-rail__item:hover>.er-fly,.er-rail__item:focus-within>.er-fly{display:block}
.er-fly__t{font-family:'Fraunces',Georgia,serif;font-size:28px;font-weight:650;color:var(--er-ink);margin:0 0 16px}
.er-fly a{display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid #EEE7DC;color:var(--er-ink)!important;text-decoration:none;font-size:16px}
.er-fly a:hover{color:var(--er-accent)!important}
.er-fly .er-fly__all{margin-top:18px;height:46px;border:0;border-radius:23px;background:var(--er-ink);color:var(--er-bg)!important;justify-content:center;font-weight:600;font-size:14px}
body.er2026 #content,body.er2026 .site-main,body.er2026 main,body.er2026 .site-footer,body.er2026 footer{margin-left:var(--er-rail)}
/* ---- barra mobile ---- */
.er-tab{display:none}
@media (max-width:1023px){
 :root{--er-rail:0px}
 .er-rail{display:none}
 .er-top{padding:0 8px 0 16px;height:60px;gap:4px}
 .er-search,.er-btn--text,.er-top .er-btn--line span,.er-top .er-btn--main .er-lbl{display:none}
 .er-top .er-btn{padding:0 10px;border:0}
 .er-top .er-btn--main{background:transparent;color:var(--er-ink)!important}
 .er-tab{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:68px;background:var(--er-ink);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}
 .er-tab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--er-bg)!important;font-size:11px;text-decoration:none}
 body.er2026{padding-bottom:68px}
}