/* La Preghiera del Cuore — stile statico
   Palette ripresa dal tema WordPress originale (pesca / terracotta). */

@font-face{font-family:"Quattrocento Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/quattrocento-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Quattrocento Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/quattrocento-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Quattrocento Sans";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/quattrocento-sans-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Quattrocento Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/quattrocento-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Quattrocento Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/quattrocento-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Quattrocento Sans";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/quattrocento-sans-latin-700-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#e5ac7b;
  --sheet:#f2d4bb;
  --sheet-2:#f7e2d0;
  --ink:#4d2c0f;
  --ink-soft:#7a4a22;
  --h1:#773e31;
  --h2:#9c5040;
  --h3:#8b5450;
  --h4:#844c1a;
  --link:#6b403d;
  --link-h:#8b5450;
  --accent:#aa6122;
  --btn:#c27b6b;
  --btn-h:#b96755;
  --head-1:#e5ac7b;
  --head-2:#e6af7f;
  --head-3:#e09c61;
  --field:#fcf9f8;
  --field-b:#dcb2a8;
  --line:rgba(119,62,49,.18);
  --radius:14px;
  --shadow:0 1px 3px rgba(0,0,0,.14),0 10px 30px -12px rgba(77,44,15,.35);
  --head-font:"Quattrocento Sans",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --body-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{
  margin:0;color:var(--ink);font:400 1.0625rem/1.75 var(--body-font);
  background:var(--bg) url(../img/sfondo.png);
  background-attachment:fixed;
  min-height:100vh;display:flex;flex-direction:column;
}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--link-h)}
:focus-visible{outline:3px solid #653429;outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:.5rem;background:#fff;color:#000;padding:.5rem 1rem;border-radius:8px;z-index:100}
.skip:focus{left:.5rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Navbar ---------- */
.topbar{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg,var(--head-1),var(--head-2) 45%,var(--head-3));
  border-bottom:1px solid rgba(101,52,41,.25);
  box-shadow:0 2px 12px rgba(77,44,15,.18);
}
.topbar-in{max-width:1120px;margin:0 auto;padding:.55rem 1.1rem;display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#4e2f2d;margin-right:auto;min-width:0}
.brand-mark{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:2px solid rgba(255,255,255,.55);box-shadow:0 1px 4px rgba(0,0,0,.3);background:#c9704f;flex:none}
.brand-text{font:400 1.45rem/1.05 var(--head-font);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-text small{display:block;font:400 .78rem/1.2 var(--body-font);color:#653429;letter-spacing:.06em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:.25rem}
.nav a,.nav button{
  font:400 1rem/1 var(--head-font);color:#653429;text-decoration:none;background:none;border:0;cursor:pointer;
  padding:.65rem .8rem;border-radius:999px;display:inline-flex;align-items:center;gap:.35rem
}
.nav a:hover,.nav button:hover,.nav a[aria-current=page]{background:rgba(255,255,255,.35);color:#4e2f2d}
.has-menu{position:relative}
.menu{
  display:none;position:absolute;right:0;top:calc(100% + .45rem);min-width:260px;list-style:none;margin:0;padding:.4rem;
  background:var(--sheet-2);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--line)
}
.has-menu.open .menu{display:block}
.menu a{display:block;border-radius:8px;padding:.6rem .8rem;font-size:.98rem}
.menu a:hover{background:var(--sheet)}
.topbar .burger{display:none}
.chev{width:.7em;height:.7em;transition:transform .2s}
.has-menu.open .chev{transform:rotate(180deg)}

/* ---------- Hero ---------- */
.hero{max-width:1120px;margin:2rem auto 0;padding:0 1.1rem}
.hero-frame{position:relative;max-width:520px;margin:0 auto}
.hero-frame img{display:block;width:100%;border-radius:var(--radius);box-shadow:0 18px 40px -14px rgba(60,25,10,.55),0 2px 6px rgba(0,0,0,.25);background:#b9552f;aspect-ratio:19/15;object-fit:cover}
.hero-plate{
  position:absolute;left:-1.5rem;bottom:2.2rem;max-width:88%;
  background:rgba(247,226,208,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border-radius:10px;padding:.7rem 1.2rem .8rem;box-shadow:0 8px 22px -8px rgba(60,25,10,.55)
}
.hero-plate .t{margin:0;font:400 clamp(1.45rem,4vw,2rem)/1.08 var(--head-font);color:#4e2f2d;text-shadow:0 2px 3px rgba(0,0,0,.18);white-space:nowrap}
.hero-plate p{margin:.25rem 0 0;font:400 1.05rem/1.2 var(--body-font);color:#51312f}

/* ---------- Layout ---------- */
.wrap{max-width:1120px;width:100%;margin:2rem auto 0;padding:0 1.1rem;flex:1}
.sheet{
  background:var(--sheet);border-radius:var(--radius);box-shadow:var(--shadow);
  display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;overflow:hidden
}
.main{padding:2.2rem clamp(1.1rem,4vw,3rem) 2.6rem;min-width:0}
.side{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border-left:1px solid var(--line);padding:1.4rem 1.1rem}

/* ---------- Tipografia dei contenuti ---------- */
.entry{max-width:46rem;margin-inline:auto}
.entry-head{margin-bottom:1.4rem}
.entry-title{font:400 clamp(1.7rem,3.6vw,2.4rem)/1.18 var(--head-font);color:var(--h1);margin:.2rem 0 .7rem;text-wrap:balance}
.meta{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center;font-size:.92rem;color:var(--ink-soft)}
.chip{display:inline-block;padding:.12rem .75rem;border-radius:999px;background:var(--head-1);color:#653429;text-decoration:none;font-size:.88rem}
a.chip:hover{background:var(--head-3);color:#3f1f18}
.content > *:first-child{margin-top:0}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{font-family:var(--head-font);font-weight:400;line-height:1.2;text-wrap:balance;clear:both}
.content h1{color:var(--h1);font-size:clamp(1.6rem,3.2vw,2rem);margin:1.6rem 0 .5rem}
.content h2{color:var(--h2);font-size:clamp(1.35rem,2.6vw,1.65rem);margin:1.5rem 0 .5rem}
.content h3{color:var(--h3);font-size:1.3rem;margin:1.4rem 0 .5rem}
.content h4{color:var(--h4);font-size:1.15rem;margin:1.2rem 0 .4rem}
.content p{margin:0 0 1.05rem;hyphens:auto;-webkit-hyphens:auto}
.content a{font-weight:400}
.content strong{font-weight:700}
.content sup{font-size:.7em;line-height:0}
.content blockquote{margin:1.4rem 0;padding:.4rem 1.2rem;border-left:4px solid var(--head-3);background:rgba(255,255,255,.3);border-radius:0 10px 10px 0}
.content img{border-radius:10px}
.content a:has(> img){display:inline-block;line-height:0;cursor:zoom-in}
.content a.fl{float:left;margin:.35rem 1.3rem .7rem 0;max-width:min(40%,260px)}
.content a.fl img{box-shadow:0 6px 18px -8px rgba(60,25,10,.55);width:100%}
.content p > a:only-child:has(> img),.content > a:has(> img){display:block;text-align:center}
.content p > a:only-child > img{box-shadow:0 8px 22px -10px rgba(60,25,10,.55);margin-inline:auto;max-height:80vh;width:auto}
.content::after{content:"";display:block;clear:both}
.wp-caption{max-width:100%}
.wp-caption.alignleft{float:left;margin:.35rem 1.3rem .8rem 0;max-width:min(46%,310px)}
.wp-caption.alignright{float:right;margin:.35rem 0 .8rem 1.3rem;max-width:min(46%,310px)}
.wp-caption img{box-shadow:0 6px 18px -8px rgba(60,25,10,.55);width:100%}
.wp-caption-text{font-size:.86rem!important;line-height:1.4!important;color:var(--ink-soft);margin:.45rem 0 0!important;text-align:left}
.note{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.9rem;line-height:1.55;color:var(--ink-soft)}
.note p{margin:0 0 .45rem}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;margin:1.2rem 0}
.gallery dl,.gallery dt{margin:0}
.gallery a{display:block!important;line-height:0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s,box-shadow .25s}
.gallery a:hover img{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(60,25,10,.6)}

/* Video (facciata senza richieste a terzi finché non si clicca) */
.yt{position:relative;aspect-ratio:16/9;margin:0 0 1.2rem;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#9c5040,#773e31 60%,#4e2f2d);box-shadow:0 10px 26px -12px rgba(60,25,10,.7)}
.yt a.yt-link,.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt a.yt-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;color:#fff8f2;text-decoration:none;font:400 1.15rem/1.2 var(--head-font);text-align:center;padding:1rem}
.yt a.yt-link small{font:400 .78rem/1.3 var(--body-font);opacity:.8;max-width:30ch}
.yt .play{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .2s}
.yt a.yt-link:hover .play{transform:scale(1.08)}
.yt .play svg{width:30px;height:30px;margin-left:4px;fill:#9c5040}

/* Home: introduzione */
.lead{text-align:center;max-width:46rem;margin:0 auto 2.2rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.lead h1,.lead h2{font-family:var(--head-font);font-weight:400;text-wrap:balance}
.lead h1{font-size:clamp(1.7rem,4vw,2.3rem);color:var(--h1);margin:.2rem 0 .8rem;letter-spacing:.02em}
.lead h2{font-size:clamp(1.15rem,2.6vw,1.45rem);color:var(--h2);margin:.2rem 0 1.2rem}
.lead h2 em{font-style:italic}
.lead p{margin:1.2rem 0 0}
.lead a:has(> img){display:inline-block;line-height:0}
.lead img{border-radius:12px;box-shadow:0 10px 26px -12px rgba(60,25,10,.6)}
.article-home h2:first-child,.article-home h1:first-child{margin-top:0}

/* ---------- Elenchi (categorie / ricerca) ---------- */
.list-head{margin-bottom:1.6rem}
.list-head h1{font:400 clamp(1.8rem,4vw,2.5rem)/1.15 var(--head-font);color:var(--h1);margin:.2rem 0 .3rem}
.list-head p{margin:0;color:var(--ink-soft)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem;list-style:none;margin:0;padding:0}
.card{background:var(--sheet-2);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(60,25,10,.55)}
.card a.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.card-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--head-1),var(--head-3));overflow:hidden;display:grid;place-items:center;color:#8f4a1c}
.card-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:0}
.card-thumb svg{width:42px;height:42px;opacity:.7}
.card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.card-title{font:400 1.2rem/1.25 var(--head-font);color:var(--h1);margin:0;text-wrap:balance}
.card-excerpt{font-size:.95rem;line-height:1.55;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{margin-top:auto;font-size:.82rem;color:var(--ink-soft);padding-top:.4rem}

/* ---------- Sidebar ---------- */
.block{margin:0 0 1.5rem}
.block-title{
  margin:0 0 .5rem;padding:.45rem .9rem;border-radius:8px;
  background:linear-gradient(180deg,var(--head-1),var(--head-2) 40%,var(--head-2) 85%,var(--head-3));
  font:400 1.2rem/1.2 var(--head-font);color:#653429
}
.block ul{list-style:none;margin:0;padding:0}
.block li a{display:flex;justify-content:space-between;gap:.6rem;padding:.38rem .5rem;border-radius:8px;text-decoration:none;font-size:.95rem;line-height:1.35;color:#6b403d}
.block li a:hover,.block li a[aria-current=page]{background:rgba(255,255,255,.4);color:#3f1f18}
.block li a span{color:var(--ink-soft);font-size:.82rem;flex:none}
.block.recent li a{display:block}
.block.recent small{display:block;color:var(--ink-soft);font-size:.78rem}
.search{display:flex;gap:.4rem}
input[type=text],input[type=search],input[type=email],input[type=tel],textarea{
  width:100%;padding:.6rem .8rem;border:1px solid var(--field-b);border-radius:8px;background:var(--field);color:#884e1b;font:inherit;font-size:1rem
}
input::placeholder,textarea::placeholder{color:#a58a7d}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:8px;background:var(--btn);color:#fff;
  font:400 1rem/1 var(--body-font);padding:.7rem 1.3rem;cursor:pointer;text-decoration:none;transition:background .2s,transform .1s
}
.btn:hover{background:var(--btn-h);color:#fff}
.btn:active{transform:translateY(1px)}
.btn-icon{padding:.6rem .8rem}

/* ---------- Form contatti ---------- */
.form{display:grid;gap:1.1rem;max-width:34rem}
.form label{display:grid;gap:.3rem;font-size:.98rem}
.form textarea{min-height:10rem;resize:vertical}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.alert{padding:.8rem 1rem;border-radius:10px;margin-bottom:1.2rem;font-size:.98rem}
.alert.ok{background:#e4efd9;color:#2f4a1d;border:1px solid #bcd3a6}
.alert.err{background:#f7dcd5;color:#7a2a1c;border:1px solid #e3b0a4}

/* ---------- Footer ---------- */
.footer{max-width:1120px;width:100%;margin:1.6rem auto 0;padding:1.2rem 1.1rem 2rem;color:#5d3511;font-size:.92rem;text-align:center}
.footer a{color:#4e2f2d}
.footer p{margin:.2rem 0}

/* ---------- Cookie ---------- */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#4e2f2d;color:#fbeee2;box-shadow:0 -8px 30px rgba(0,0,0,.35);padding:1rem 1.1rem}
.cc[hidden]{display:none}
.cc-in{max-width:1120px;margin:0 auto;display:flex;gap:1rem 1.6rem;align-items:center;flex-wrap:wrap}
.cc p{margin:0;flex:1 1 420px;font-size:.95rem;line-height:1.55}
.cc a{color:#ffd9b0}
.cc-btns{display:flex;gap:.6rem;flex-wrap:wrap}
.cc .btn{background:#f2d4bb;color:#4e2f2d;font-weight:700}
.cc .btn:hover{background:#fff}
.btn-ghost{background:transparent!important;color:inherit!important;border:1px solid currentColor}
.yt-consent{position:absolute;inset:0;background:#2d1510;color:#fff8f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;text-align:center;font-size:.95rem}
.yt-consent p{margin:0;max-width:36ch;line-height:1.45}
.yt-consent .btn{background:#f2d4bb;color:#4e2f2d;font-size:.95rem;padding:.6rem 1rem}
.yt-consent .btn-ghost{border-color:#f2d4bb;color:#f2d4bb!important}
.link-btn{background:none;border:0;padding:0;font:inherit;color:#4e2f2d;text-decoration:underline;cursor:pointer}
.check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.6rem;font-size:.92rem!important}
.check input{width:auto;margin-top:.3rem;flex:none}
@media print{.cc{display:none}}

/* ---------- Lightbox ---------- */
.lb{position:fixed;inset:0;z-index:200;background:rgba(30,14,6,.88);display:none;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6);cursor:default}
.lb button{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#4e2f2d;font-size:1.6rem;line-height:1;cursor:pointer}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .sheet{grid-template-columns:1fr}
  .side{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:760px){
  body{background-attachment:scroll}
  .topbar .burger{display:inline-flex}
  .hero-plate .t{white-space:normal}
  .nav{
    display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:.6rem 1.1rem 1rem;
    background:linear-gradient(180deg,var(--head-2),var(--head-3));box-shadow:0 14px 20px -10px rgba(60,25,10,.45)
  }
  .nav.open{display:flex}
  .nav a,.nav button{padding:.85rem .8rem;border-radius:10px;font-size:1.1rem;justify-content:space-between}
  .menu{position:static;box-shadow:none;border:0;background:rgba(255,255,255,.3);margin:.2rem 0 .4rem;min-width:0}
  .brand-text{font-size:1.2rem}
  .hero-plate{left:.6rem;bottom:1rem;padding:.55rem .9rem .65rem}
  .content a.fl,.wp-caption.alignleft,.wp-caption.alignright{float:none;margin:0 auto 1rem;max-width:min(100%,320px);display:block}
  .content a.fl{text-align:center}
  .content p{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
  body{background:#fff;color:#000}.topbar,.side,.hero,.footer,.lb{display:none}
  .sheet{box-shadow:none;background:#fff;display:block}.wrap{margin:0;padding:0}.yt{display:none}
}