/* ============================================================
   SEZIONI NUOVE (25 set 2026): Appuntamenti Profondissimi e Strisce
   Template: archive-/single-prpr_appuntamento.php, archive-/single-
   prpr_striscia.php, taxonomy-prpr_rubrica.php, template-parts/
   striscia-scheda.php. Caricato solo li' (inc/sezioni.php).
   Classi scritte a mano: Tailwind qui e' purgato.
   ============================================================ */

/* ---- Comune ---- */
.pp-sez-testa{ margin-bottom:clamp(28px,5vw,48px); }
#site-content .pp-sez-intro{ max-width:60ch; margin:16px 0 0; font-family:"Space Mono",monospace; font-size:1rem; line-height:1.65; color:rgba(36,33,36,.85); }
.pp-sez-h2{ font-family:"Archivo Black",sans-serif; text-transform:uppercase; font-size:clamp(1.35rem,3vw,2rem); line-height:1; margin:0 0 18px; color:var(--pp-ink,#242124); }
.pp-sez-briciole{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 14px; font-family:"Space Mono",monospace; font-size:.75rem; font-weight:700; text-transform:uppercase; }
.pp-sez-briciole a{ color:inherit; text-decoration:none; border-bottom:2px solid currentColor; }
.pp-sez-briciole span[aria-hidden]{ opacity:.6; }
.pp-sez-vuoto{ display:grid; gap:14px; justify-items:start; max-width:640px; padding:22px; background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); }
#site-content .pp-sez-vuoto p{ margin:0; max-width:none; }
.pp-sez-torna{ margin-top:36px; font-family:"Space Mono",monospace; font-weight:700; text-transform:uppercase; font-size:.85rem; }
.pp-sez-torna a{ color:inherit; text-decoration:none; border-bottom:3px solid var(--pp-acid,#F9DB62); }
.pp-app-sezione{ margin-bottom:clamp(40px,7vw,72px); }

/* ---- Appuntamenti: lista ---- */
.pp-app-riga-titolo{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px 24px; margin-bottom:6px; }
.pp-app-filtri{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
#site-content .pp-app-filtro{ min-height:44px; padding:.4rem .95rem; border:2px solid var(--pp-ink,#242124); border-radius:999px; background:#fff; color:var(--pp-ink,#242124); box-shadow:none; font:700 .78rem/1 "Space Mono",monospace; text-transform:uppercase; cursor:pointer; transform:none; }
#site-content .pp-app-filtro[aria-pressed="true"]{ background:var(--pp-ink,#242124); color:var(--pp-acid,#F9DB62); }
.pp-app-lista{ list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.pp-app-card[hidden]{ display:none; }
.pp-app-link{ display:grid; grid-template-columns:88px minmax(0,1fr) auto; gap:18px; align-items:center; padding:16px 18px; background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); color:var(--pp-ink,#242124); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease; }
.pp-app-link:hover{ transform:translate(-2px,-3px); box-shadow:6px 9px 0 var(--pp-ink,#242124); }
.pp-app-bollo{ display:grid; place-items:center; align-content:center; aspect-ratio:1; border:3px solid var(--pp-ink,#242124); border-radius:14px; background:var(--pp-acid,#F9DB62); box-shadow:2px 3px 0 var(--pp-ink,#242124); text-align:center; line-height:1; text-transform:uppercase; }
.pp-app-bollo b{ font:400 1.5rem/1 "Archivo Black",sans-serif; letter-spacing:-.02em; }
.pp-app-bollo span{ font:400 .85rem/1.1 "Archivo Black",sans-serif; }
.pp-app-bollo small{ font:700 .65rem/1.2 "Space Mono",monospace; }
.pp-app-corpo{ display:grid; gap:4px; min-width:0; }
.pp-app-tipo{ font:700 .72rem/1 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.pp-app-titolo{ font:400 clamp(1.05rem,2.2vw,1.35rem)/1.1 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-app-dove{ font:400 .9rem/1.45 "Space Mono",monospace; }
.pp-app-badge{ justify-self:start; display:inline-flex; margin:6px 0 0; padding:.2rem .7rem; border:2px solid var(--pp-ink,#242124); border-radius:999px; background:var(--pp-rosa,#FF85A5); color:var(--pp-ink,#242124); font:700 .72rem/1.3 "Space Mono",monospace; text-transform:uppercase; }
.pp-app-mini img{ width:72px; height:96px; object-fit:cover; border:2px solid var(--pp-ink,#242124); border-radius:8px; }
#site-content .pp-app-nessuno{ margin:14px 0 0; font-family:"Space Mono",monospace; }
.pp-app-ritiro{ margin-bottom:clamp(40px,7vw,72px); padding:24px; background:var(--pp-acid,#F9DB62); border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); display:grid; gap:12px; justify-items:start; }
#site-content .pp-app-ritiro p{ margin:0; max-width:62ch; }

/* ---- Appuntamenti: dove siamo stati ---- */
.pp-app-passati{ list-style:none; margin:0 0 28px; padding:0; display:grid; gap:8px; }
.pp-app-passati a{ display:flex; flex-wrap:wrap; gap:4px 14px; align-items:baseline; padding:.7rem 0; border-bottom:2px dashed rgba(36,33,36,.3); color:var(--pp-ink,#242124); text-decoration:none; }
.pp-app-passati strong{ font:400 1rem/1.2 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-app-passati span{ font:400 .85rem "Space Mono",monospace; }
.pp-app-anni{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
.pp-app-anno{ padding:18px 20px; background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); }
.pp-app-anno h3{ margin:0 0 10px; font:400 1.8rem/1 "Archivo Black",sans-serif; }
.pp-app-anno ul{ list-style:none; margin:0; padding:0; display:grid; gap:6px; font-family:"Space Mono",monospace; font-size:.9rem; line-height:1.4; }
.pp-app-anno li span{ opacity:.75; }

/* ---- Appuntamento: scheda ---- */
.pp-app-scheda-testa{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(16px,3vw,32px); align-items:center; margin-bottom:clamp(28px,5vw,48px); }
.pp-app-bollo-grande{ width:clamp(96px,14vw,140px); }
.pp-app-bollo-grande b{ font-size:clamp(1.8rem,4vw,2.6rem); }
.pp-app-bollo-grande span{ font-size:clamp(.95rem,2vw,1.2rem); }
#site-content .pp-app-quando{ margin:14px 0 0; max-width:none; font:700 1.05rem/1.4 "Space Mono",monospace; }
.pp-app-quando span{ display:block; font-weight:400; font-size:.92rem; }
.pp-app-scheda-corpo{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:clamp(24px,4vw,48px); align-items:start; }
.pp-app-locandina{ margin:0 0 24px; }
.pp-app-locandina img{ width:100%; height:auto; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); }
.pp-app-lato{ display:grid; gap:18px; }
.pp-app-box{ padding:18px 20px; background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); }
.pp-app-box h2{ margin:0 0 10px; font:400 1.15rem/1.1 "Archivo Black",sans-serif; text-transform:uppercase; }
#site-content .pp-app-box p{ margin:0 0 8px; max-width:none; font-size:.95rem; }
.pp-app-posto{ display:inline-block; padding:.25rem .8rem; border:2px solid var(--pp-ink,#242124); border-radius:999px; background:var(--pp-acid,#F9DB62); font-weight:700; }
.pp-app-azioni{ display:grid; gap:8px; margin-top:12px!important; }
.pp-app-azioni a{ font:700 .82rem "Space Mono",monospace; text-transform:uppercase; color:var(--pp-ink,#242124); text-decoration:none; border-bottom:3px solid var(--pp-acid,#F9DB62); justify-self:start; }
.pp-app-box-ritiro{ background:var(--pp-rosa,#FF85A5); }
.pp-app-box-ritiro a{ margin-top:6px; }

/* ---- Strisce ---- */
.pp-str-rubriche,.pp-str-griglia{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr)); gap:clamp(16px,2.5vw,28px); }
.pp-str-rubrica,.pp-str-episodio{ display:grid; gap:8px; color:var(--pp-ink,#242124); text-decoration:none; }
.pp-str-copertina{ position:relative; display:grid; place-items:center; aspect-ratio:1; overflow:hidden; background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); transition:transform .15s ease, box-shadow .15s ease; }
.pp-str-rubrica:hover .pp-str-copertina,.pp-str-episodio:hover .pp-str-copertina{ transform:translate(-2px,-3px); box-shadow:6px 9px 0 var(--pp-ink,#242124); }
.pp-str-copertina img{ width:100%; height:100%; object-fit:cover; }
.pp-str-attesa{ font:400 1.1rem "Archivo Black",sans-serif; text-transform:uppercase; padding:.4rem .9rem; border:3px solid var(--pp-ink,#242124); border-radius:999px; background:var(--pp-acid,#F9DB62); transform:rotate(-4deg); }
.pp-str-numero{ position:absolute; left:10px; top:10px; padding:.15rem .55rem; border:2px solid var(--pp-ink,#242124); border-radius:10px; background:var(--pp-acid,#F9DB62); font:400 .95rem "Archivo Black",sans-serif; }
.pp-str-rubrica strong,.pp-str-episodio strong{ font:400 1.1rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; margin-top:6px; }
.pp-str-desc{ font:400 .9rem/1.45 "Space Mono",monospace; }
.pp-str-conta{ font:700 .75rem/1.4 "Space Mono",monospace; text-transform:uppercase; opacity:.8; }
.pp-str-testa{ margin-bottom:22px; }

/* Lettore: una tavola per schermata, aggancio nativo */
.pp-str-lettore{ max-width:680px; }
.pp-str-vp{ overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); background:#fff; scrollbar-width:none; }
.pp-str-vp::-webkit-scrollbar{ display:none; }
.pp-str-vp:focus-visible{ outline:3px solid var(--pp-viola,#702963); outline-offset:3px; }
.pp-str-tavole{ display:flex; list-style:none; margin:0; padding:0; }
.pp-str-tavole li{ flex:0 0 100%; scroll-snap-align:start; scroll-snap-stop:always; }
.pp-str-tavole figure{ margin:0; }
.pp-str-tavole img{ display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:#fff; }
.pp-str-nav{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:16px; }
#site-content .pp-str-freccia{ width:52px; height:52px; min-height:52px; padding:0; display:grid; place-items:center; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-ctrl,12px); background:#fff; color:var(--pp-ink,#242124); box-shadow:2px 3px 0 var(--pp-ink,#242124); cursor:pointer; transform:none; }
#site-content .pp-str-freccia[aria-disabled="true"]{ opacity:.35; box-shadow:none; cursor:default; }
#site-content .pp-str-conta-tavole{ margin:0; min-width:7ch; text-align:center; font:700 .95rem "Space Mono",monospace; font-variant-numeric:tabular-nums; }
.pp-str-testo{ max-width:680px; margin-top:28px; }
.pp-str-piede{ max-width:680px; margin-top:28px; display:grid; gap:14px; }
.pp-str-ig{ justify-self:start; font:700 .85rem "Space Mono",monospace; text-transform:uppercase; color:var(--pp-ink,#242124); text-decoration:none; border-bottom:3px solid var(--pp-rosa,#FF85A5); }
.pp-str-vicini{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 20px; padding-top:14px; border-top:3px solid var(--pp-ink,#242124); }
.pp-str-vicini a{ font:400 .95rem "Archivo Black",sans-serif; text-transform:uppercase; color:var(--pp-ink,#242124); text-decoration:none; }
.pp-str-vicini a[rel="next"]{ margin-left:auto; }

/* ---- Telefono ---- */
@media (max-width:760px){
  .pp-app-link{ grid-template-columns:72px minmax(0,1fr); padding:14px; gap:14px; }
  .pp-app-mini{ display:none; }
  .pp-app-bollo b{ font-size:1.25rem; }
  .pp-app-scheda-corpo{ grid-template-columns:1fr; }
  .pp-app-scheda-testa{ grid-template-columns:1fr; }
  .pp-app-bollo-grande{ width:96px; }
}
@media (prefers-reduced-motion:reduce){
  .pp-app-link,.pp-str-copertina{ transition:none; }
  .pp-app-link:hover,.pp-str-rubrica:hover .pp-str-copertina,.pp-str-episodio:hover .pp-str-copertina{ transform:none; }
}