/*
Theme Name: Segreti di Banco
Theme URI: https://example.com/segretidibanco
Author: Segreti di Banco
Description: Tema WordPress emo/teen magazine anni '90-2000 ispirato a bigliettini di banco, quaderni, fucsia, cuori, teschi e stelline.
Version: 2.16.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: segreti-di-banco
License: GPL-2.0-or-later
*/

:root{
  --pink:#f5277f;
  --pink-dark:#d71967;
  --pink-soft:#ffabc9;
  --black:#171219;
  --paper:#fffaf0;
  --cream:#f7efd7;
  --grid:#b7cdea;
  --yellow:#ffe44f;
  --blue:#39c7ff;
  --tape:#efb8cb;
  --white:#ffffff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--black);
  font-family:"Trebuchet MS","Arial",sans-serif;
  font-size:18px;
  line-height:1.6;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.06), transparent 25%),
    radial-gradient(circle at 80% 70%, rgba(0,0,0,.06), transparent 30%),
    linear-gradient(180deg,#f62c85,#ed2678);
  background-attachment:fixed;
}
a{color:var(--black);text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%;height:auto}

.site-wrap{max-width:1200px;margin:0 auto;padding:24px}

/* header */
.site-header{
  position:relative;
  margin:12px 0 28px;
  padding:26px 28px 22px;
  background:
    linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),
    repeating-linear-gradient(0deg,transparent 0 29px,#bed0e7 30px,#bed0e7 31px),
    repeating-linear-gradient(90deg,transparent 0 29px,#bed0e7 30px,#bed0e7 31px);
  border:4px solid var(--black);
  box-shadow:9px 9px 0 var(--black);
  transform:rotate(-.25deg);
  overflow:visible;
}
.site-header:before{
  content:"";
  position:absolute;
  width:190px;height:55px;
  top:-24px;left:50%;
  transform:translateX(-50%) rotate(-2deg);
  background:url('assets/images/tape.svg') center/contain no-repeat;
  pointer-events:none;
}
.brand-title{
  margin:0;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(48px,8vw,90px);
  line-height:.9;
  letter-spacing:1px;
  text-transform:uppercase;
  text-shadow:4px 4px 0 var(--pink-soft);
}
.tagline{
  margin:12px 0 0;
  max-width:720px;
  font-weight:900;
  color:#6b2146;
}
.header-stars img{position:absolute;width:54px}
.header-stars .s1{right:35px;top:26px;transform:rotate(12deg)}
.header-stars .s2{right:102px;bottom:22px;transform:rotate(-12deg)}
.header-stars .sk{right:170px;top:16px;width:58px;transform:rotate(9deg)}

.site-menu{margin-top:22px}
.site-menu ul{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.site-menu li{list-style:none}
.site-menu a,.fake-menu a{
  position:relative;
  display:inline-block;
  padding:10px 16px 9px;
  background:var(--paper);
  border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--black);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  transform:rotate(-1deg);
}
.site-menu li:nth-child(2n) a{background:var(--yellow);transform:rotate(1deg)}
.site-menu li:nth-child(3n) a{background:#bdf2ff;transform:rotate(-.6deg)}
.site-menu li:nth-child(4n) a{background:var(--pink-soft);transform:rotate(1.2deg)}
.site-menu a:hover,.fake-menu a:hover{transform:translate(3px,3px) rotate(0);box-shadow:1px 1px 0 var(--black)}

/* hero */
.hero-collage{
  position:relative;
  min-height:520px;
  margin-bottom:30px;
  border:4px solid var(--black);
  box-shadow:9px 9px 0 var(--black);
  background:url('assets/images/hero-collage.png') center/cover no-repeat;
  overflow:hidden;
}
.hero-overlay{
  position:absolute;
  inset:auto 45px 45px 45px;
  max-width:660px;
  padding:22px 24px;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
    repeating-linear-gradient(0deg,transparent 0 31px,#b9cbe3 32px,#b9cbe3 33px),
    repeating-linear-gradient(90deg,transparent 0 31px,#b9cbe3 32px,#b9cbe3 33px);
  border:4px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  transform:rotate(-1.5deg);
}
.hero-overlay:before{
  content:"";
  position:absolute;
  width:160px;height:50px;left:50%;top:-24px;
  transform:translateX(-50%) rotate(2deg);
  background:url('assets/images/tape.svg') center/contain no-repeat;
}
.hero-title{
  margin:0 0 10px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(36px,5vw,62px);
  line-height:.98;
  text-transform:uppercase;
}
.hero-copy{margin:0;font-size:20px;font-weight:800}
.hero-cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}

/* buttons */
.btn,.read-more,.wp-block-button__link,input[type=submit],button{
  display:inline-block;
  padding:10px 16px;
  border:3px solid var(--black)!important;
  border-radius:0!important;
  box-shadow:4px 4px 0 var(--black);
  font-weight:900;
  color:var(--black)!important;
  background:var(--yellow)!important;
  transform:rotate(-.5deg);
  cursor:pointer;
  transition:.08s ease;
}
.btn.alt{background:var(--blue)!important;transform:rotate(.8deg)}
.btn.pink{background:var(--pink-soft)!important}
.btn:hover,.read-more:hover,.wp-block-button__link:hover,input[type=submit]:hover,button:hover{
  transform:translate(3px,3px) rotate(0);
  box-shadow:1px 1px 0 var(--black);
}

/* content */
.content-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:28px;
}
.note-card{
  position:relative;
  margin:0 0 28px;
  padding:26px 26px 24px;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
    repeating-linear-gradient(0deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px),
    repeating-linear-gradient(90deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px);
  border:4px solid var(--black);
  box-shadow:8px 8px 0 var(--black);
  transform:rotate(-.35deg);
}
.note-card:nth-child(even){transform:rotate(.45deg)}
.note-card:before{
  content:"";
  position:absolute;
  width:120px;height:42px;
  top:-18px;left:50%;
  transform:translateX(-50%) rotate(-3deg);
  background:url('assets/images/tape.svg') center/contain no-repeat;
}
.post-meta{
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#6f5061;
}
.post-title{
  margin:5px 0 8px;
  font-family:Impact,"Arial Black",sans-serif;
  text-transform:uppercase;
  font-size:clamp(30px,4vw,46px);
  line-height:1;
}
.entry-content blockquote{
  margin:24px 0;
  padding:18px 20px;
  background:var(--yellow);
  border:3px solid var(--black);
  box-shadow:5px 5px 0 var(--black);
  font-weight:900;
  transform:rotate(-.6deg);
}
.entry-content img{border:3px solid var(--black);box-shadow:5px 5px 0 var(--black)}

/* sidebar */
.sidebar .widget{
  position:relative;
  padding:22px;
  margin-bottom:24px;
  background:#fff9e8;
  border:4px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  transform:rotate(.7deg);
}
.sidebar .widget:nth-child(2){background:#bdf2ff;transform:rotate(-.7deg)}
.sidebar .widget:nth-child(3){background:var(--yellow);transform:rotate(.5deg)}
.widget-title{
  margin:0 0 10px;
  font-family:Impact,"Arial Black",sans-serif;
  text-transform:uppercase;
  font-size:28px;
}
.widget ul{padding-left:20px}
.widget-icon{position:absolute;right:12px;top:-20px;width:56px;transform:rotate(8deg)}

/* forms */
input,textarea,select{
  width:100%;
  padding:11px 12px;
  background:#fffef7;
  border:3px solid var(--black);
  border-radius:0;
  font:inherit;
}

/* category strips */
.section-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:0 0 30px;
}
.section-strip a{
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:24px;
  text-transform:uppercase;
  background:var(--paper);
  border:4px solid var(--black);
  box-shadow:6px 6px 0 var(--black);
}
.section-strip a:nth-child(2){background:var(--yellow)}
.section-strip a:nth-child(3){background:var(--blue)}

/* footer */
.site-footer{
  position:relative;
  margin:40px 0 10px;
  padding:26px;
  text-align:center;
  color:#fff;
  background:var(--black);
  border:4px solid var(--black);
  box-shadow:8px 8px 0 #891948;
}
.site-footer strong{color:var(--pink-soft)}
.footer-doodles img{width:40px;margin:0 6px;vertical-align:middle}

@media(max-width:900px){
  .content-layout{grid-template-columns:1fr}
  .section-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .site-wrap{padding:12px}
  .brand-title{font-size:48px}
  .hero-collage{min-height:470px}
  .hero-overlay{left:18px;right:18px;bottom:20px}
  .section-strip{grid-template-columns:1fr}
}


/* =========================
   WPForms — Bigliettino Emo
   ========================= */
.wpforms-container{
  position:relative;
  margin:30px 0 !important;
  padding:30px 28px 26px !important;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
    repeating-linear-gradient(0deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px),
    repeating-linear-gradient(90deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px) !important;
  border:4px solid var(--black) !important;
  box-shadow:8px 8px 0 var(--black) !important;
  transform:rotate(-.25deg);
}
.wpforms-container:before{
  content:"";
  position:absolute;
  width:150px;height:48px;
  left:50%;top:-24px;
  transform:translateX(-50%) rotate(-2deg);
  background:url('assets/images/tape.svg') center/contain no-repeat;
  pointer-events:none;
}
.wpforms-container:after{
  content:"";
  position:absolute;
  width:54px;height:54px;
  right:14px;top:12px;
  background:url('assets/images/star-yellow.svg') center/contain no-repeat;
  transform:rotate(13deg);
  pointer-events:none;
}
.wpforms-container .wpforms-field{
  margin-bottom:20px !important;
}
.wpforms-container .wpforms-field-label{
  display:inline-block !important;
  margin-bottom:8px !important;
  padding:4px 8px !important;
  background:var(--pink-soft);
  border:3px solid var(--black);
  box-shadow:3px 3px 0 var(--black);
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.2px;
  transform:rotate(-.4deg);
}
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container textarea,
.wpforms-container select{
  width:100% !important;
  max-width:100% !important;
  padding:12px 13px !important;
  background:#fffef7 !important;
  border:3px solid var(--black) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--black) !important;
  font:inherit !important;
}
.wpforms-container textarea{
  min-height:190px !important;
  resize:vertical;
}
.wpforms-container .wpforms-field-description{
  margin-top:7px !important;
  font-size:14px !important;
  line-height:1.45 !important;
  color:#6b2146 !important;
  font-weight:700;
}
.wpforms-container .wpforms-field-checkbox ul{
  margin:0 !important;
  padding:0 !important;
}
.wpforms-container .wpforms-field-checkbox li{
  list-style:none !important;
  margin:9px 0 !important;
}
.wpforms-container input[type=checkbox]{
  accent-color:var(--pink);
  transform:scale(1.25);
  margin-right:8px !important;
}
.wpforms-container .wpforms-submit{
  background:var(--yellow) !important;
  color:var(--black) !important;
  border:3px solid var(--black) !important;
  box-shadow:5px 5px 0 var(--black) !important;
  border-radius:0 !important;
  padding:12px 20px !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.4px;
  transform:rotate(-.6deg);
}
.wpforms-container .wpforms-submit:hover{
  transform:translate(3px,3px) rotate(0);
  box-shadow:2px 2px 0 var(--black) !important;
}
.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full{
  background:var(--yellow) !important;
  border:4px solid var(--black) !important;
  box-shadow:6px 6px 0 var(--black) !important;
  color:var(--black) !important;
  font-weight:900 !important;
  padding:18px !important;
}


/* =====================================================
   2.2 — Internal pages scrapbook background + Segreti
   Landing page intentionally unchanged
   ===================================================== */

/* Internal pages only */
body.sdb-internal-page{
  background:
    linear-gradient(rgba(245,39,127,.12), rgba(245,39,127,.12)),
    url('assets/images/internal-pages-background.png') center top / cover fixed no-repeat,
    var(--pink);
}

/* Give content breathing room over illustrated background */
body.sdb-internal-page .site-wrap{
  position:relative;
}

body.sdb-internal-page .site-header,
body.sdb-internal-page .note-card,
body.sdb-internal-page .sidebar .widget{
  backdrop-filter: blur(0.2px);
}

/* Add subtle torn-paper feel to internal content blocks */
body.sdb-internal-page .note-card{
  background:
    linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)),
    repeating-linear-gradient(0deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px),
    repeating-linear-gradient(90deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px);
}

/* Segreti archive */
.sdb-segreti-archive .content-layout{
  grid-template-columns:minmax(0,1fr);
}
.sdb-segreti-archive .sidebar{
  display:none;
}

.segreti-hero{
  text-align:center;
  padding:34px 28px 28px;
  margin-bottom:30px;
}
.segreti-hero .post-title{
  font-size:clamp(56px,9vw,110px);
  margin:0;
}
.segreti-icons{
  font-size:34px;
  letter-spacing:10px;
  margin-bottom:4px;
}
.segreti-kicker{
  margin:8px 0 0;
  color:var(--pink);
  font-weight:900;
  font-size:clamp(18px,2.6vw,28px);
}

.secret-card{
  padding:20px 22px !important;
}
.secret-card-inner{
  display:grid;
  grid-template-columns:90px 1fr auto;
  gap:22px;
  align-items:center;
}
.secret-envelope{
  font-size:58px;
  line-height:1;
  text-align:center;
  transform:rotate(-7deg);
}
.secret-copy .post-title{
  font-family:"Trebuchet MS",Arial,sans-serif;
  text-transform:none;
  font-size:clamp(28px,4vw,40px);
  margin-top:4px;
}
.secret-excerpt p{
  margin-bottom:0;
}
.secret-action{
  align-self:center;
}
.segreti-bottom-note{
  text-align:center;
  font-weight:900;
  font-size:20px;
  margin:10px 0 34px;
  color:#fff;
  text-shadow:2px 2px 0 #171219;
}

/* Internal page title decoration */
body.sdb-internal-page:not(.sdb-segreti-archive) main > .note-card:first-child .post-title{
  position:relative;
}
body.sdb-internal-page:not(.sdb-segreti-archive) main > .note-card:first-child .post-title:after{
  content:"✦  ♥  ☠";
  display:block;
  margin-top:8px;
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size:18px;
  letter-spacing:8px;
  color:var(--pink);
}

/* Keep form and cards readable on busier background */
body.sdb-internal-page .wpforms-container{
  background:
    linear-gradient(rgba(255,255,255,.97),rgba(255,255,255,.97)),
    repeating-linear-gradient(0deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px),
    repeating-linear-gradient(90deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px) !important;
}

@media(max-width:760px){
  .secret-card-inner{
    grid-template-columns:60px 1fr;
  }
  .secret-action{
    grid-column:1 / -1;
  }
}


/* =====================================================
   2.3 — Single Segreto: bigliettino + consiglio
   ===================================================== */

/* Every single post in Segreti gets a cleaner diary card */
body.single-post.sdb-internal-page article.note-card{
  position:relative;
  overflow:visible;
}

/* Gutenberg headings used as section labels */
body.single-post.sdb-internal-page .entry-content h2,
body.single-post.sdb-internal-page .entry-content h3,
body.single-post.sdb-internal-page .post-content h2,
body.single-post.sdb-internal-page .post-content h3{
  display:inline-block;
  padding:8px 12px;
  margin:26px 0 12px;
  border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--black);
  font-weight:900;
  text-transform:uppercase;
  transform:rotate(-.4deg);
}

/* First section = the anonymous note */
body.single-post.sdb-internal-page .entry-content h2:first-of-type,
body.single-post.sdb-internal-page .entry-content h3:first-of-type,
body.single-post.sdb-internal-page .post-content h2:first-of-type,
body.single-post.sdb-internal-page .post-content h3:first-of-type{
  background:#fff7fb;
}

/* Advice label: blue so the voice of "La Sfigata" is instantly distinct */
body.single-post.sdb-internal-page .sfigata-advice-title{
  background:var(--blue) !important;
  color:var(--black) !important;
}

/* Advice box injected by JS around the paragraph(s) after the advice heading */
.sfigata-advice-box{
  position:relative;
  margin:8px 0 28px;
  padding:24px 24px 22px;
  background:
    linear-gradient(rgba(178,231,255,.93),rgba(178,231,255,.93)),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.65) 32px,rgba(255,255,255,.65) 33px);
  border:4px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  transform:rotate(.25deg);
}
.sfigata-advice-box:before{
  content:"★";
  position:absolute;
  right:16px;
  top:-22px;
  font-size:42px;
  color:var(--yellow);
  -webkit-text-stroke:2px var(--black);
  transform:rotate(12deg);
}
.sfigata-advice-box:after{
  content:"♥  ☠  ✦";
  display:block;
  margin-top:16px;
  font-size:20px;
  letter-spacing:7px;
  color:var(--pink);
  font-weight:900;
}

/* The confession gets a pink notebook treatment */
.sdb-secret-note-box{
  position:relative;
  margin:8px 0 28px;
  padding:24px;
  background:
    linear-gradient(rgba(255,247,251,.96),rgba(255,247,251,.96)),
    repeating-linear-gradient(0deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px),
    repeating-linear-gradient(90deg,transparent 0 31px,#b8cbe5 32px,#b8cbe5 33px);
  border:4px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  transform:rotate(-.2deg);
}
.sdb-secret-note-box:before{
  content:"✉";
  position:absolute;
  right:16px;
  top:-25px;
  font-size:42px;
  transform:rotate(8deg);
}

/* WPForms 2.3 refinements */
body.sdb-internal-page .wpforms-container{
  border-radius:0 !important;
}
body.sdb-internal-page .wpforms-container .wpforms-submit{
  background:var(--blue) !important;
}
body.sdb-internal-page .wpforms-container .wpforms-submit:hover{
  background:var(--yellow) !important;
}
body.sdb-internal-page .wpforms-container .wpforms-field-label{
  background:#ffb6d5;
}
body.sdb-internal-page .wpforms-container .wpforms-field:nth-of-type(even) .wpforms-field-label{
  background:#b2e7ff;
}

/* Mobile */
@media(max-width:760px){
  .sfigata-advice-box,
  .sdb-secret-note-box{
    padding:18px 16px;
    box-shadow:5px 5px 0 var(--black);
  }
}


/* =====================================================
   2.3.3 — LA POSTA DEL CUORE
   Modifiche isolate alla pagina /posta-del-cuore/
   ===================================================== */

/* Il box "La Posta del Cuore / Scrivimi" è ridondante dentro la pagina stessa. */
body.page-posta-del-cuore .sidebar .widget:first-child,
body.page-id-20 .sidebar .widget:first-child{
  display:none !important;
}

/* Il form resta il foglio/bigliettino originale, ma più leggibile e coerente. */
body.page-posta-del-cuore .wpforms-container,
body.page-id-20 .wpforms-container{
  margin-top:18px !important;
}

body.page-posta-del-cuore .wpforms-field,
body.page-id-20 .wpforms-field{
  margin-bottom:20px !important;
}

body.page-posta-del-cuore .wpforms-field-label,
body.page-id-20 .wpforms-field-label{
  display:inline-block !important;
  width:auto !important;
  padding:6px 10px !important;
  border:3px solid #171219 !important;
  box-shadow:4px 4px 0 #171219 !important;
  background:#bcecff !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
  transform:rotate(-.4deg);
}

body.page-posta-del-cuore .wpforms-field:first-of-type .wpforms-field-label,
body.page-id-20 .wpforms-field:first-of-type .wpforms-field-label{
  background:#ff9fc2 !important;
}

body.page-posta-del-cuore .wpforms-field input[type="text"],
body.page-posta-del-cuore .wpforms-field input[type="email"],
body.page-posta-del-cuore .wpforms-field textarea,
body.page-id-20 .wpforms-field input[type="text"],
body.page-id-20 .wpforms-field input[type="email"],
body.page-id-20 .wpforms-field textarea{
  width:100% !important;
  max-width:none !important;
  border:3px solid #171219 !important;
  border-radius:0 !important;
  background:#fffdf6 !important;
  box-shadow:none !important;
  font:inherit !important;
}

body.page-posta-del-cuore .wpforms-field textarea,
body.page-id-20 .wpforms-field textarea{
  min-height:190px !important;
}

/* Checkbox consenso: non sembra un campo buttato lì. */
body.page-posta-del-cuore .wpforms-field-checkbox,
body.page-id-20 .wpforms-field-checkbox{
  padding:14px 16px !important;
  background:#fff5c9 !important;
  border:2px dashed #171219 !important;
}

body.page-posta-del-cuore .wpforms-field-checkbox .wpforms-field-label,
body.page-id-20 .wpforms-field-checkbox .wpforms-field-label{
  background:#ffe34e !important;
  margin-bottom:10px !important;
}

/* Pulsante finale */
body.page-posta-del-cuore .wpforms-submit,
body.page-id-20 .wpforms-submit{
  display:inline-block !important;
  min-height:auto !important;
  padding:12px 18px !important;
  background:#f42a7e !important;
  color:#fff !important;
  border:3px solid #171219 !important;
  border-radius:0 !important;
  box-shadow:5px 5px 0 #171219 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

body.page-posta-del-cuore .wpforms-submit:hover,
body.page-id-20 .wpforms-submit:hover{
  transform:translate(3px,3px);
  box-shadow:2px 2px 0 #171219 !important;
}

/* Sidebar rimasta: Ultimi drammi + Categorie, senza buco in alto. */
body.page-posta-del-cuore .sidebar,
body.page-id-20 .sidebar{
  align-content:start;
}

@media(max-width:760px){
  body.page-posta-del-cuore .wpforms-submit,
  body.page-id-20 .wpforms-submit{
    width:100% !important;
  }
}


/* =====================================================
   2.3.5 — Bozze automatiche + ricerca Segreti
   ===================================================== */

.sdb-secret-search{
  display:flex;
  gap:10px;
  align-items:stretch;
  max-width:760px;
  margin:22px auto 10px;
  transform:rotate(-.25deg);
}
.sdb-secret-search input[type="search"]{
  flex:1;
  min-width:0;
  padding:11px 13px;
  background:#fffef7;
  border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--black);
  font:inherit;
}
.sdb-secret-search button{
  white-space:nowrap;
  background:var(--blue)!important;
}
.sdb-search-hints{
  text-align:center;
  font-size:14px;
  font-weight:800;
  color:#6b2146;
}
.sdb-search-hints span{
  display:inline-block;
  margin:4px 3px 0;
  padding:2px 7px;
  background:var(--yellow);
  border:2px solid var(--black);
  transform:rotate(-.6deg);
}
.sdb-back-to-secrets{
  display:inline-block;
  margin-top:12px;
  font-weight:900;
  text-decoration:underline;
}

/* Consiglio salvato dal metabox amministrativo */
.sfigata-meta-advice{
  margin-top:10px;
}
.sfigata-meta-advice .sfigata-advice-title{
  display:inline-block;
  padding:8px 12px;
  margin:8px 0 12px;
  background:var(--blue)!important;
  border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--black);
  font-weight:900;
  text-transform:uppercase;
  transform:rotate(.3deg);
}
.sfigata-meta-advice .sfigata-advice-box{
  position:relative;
  margin:0 0 28px;
  padding:24px;
  background:
    linear-gradient(rgba(178,231,255,.95),rgba(178,231,255,.95)),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.6) 32px,rgba(255,255,255,.6) 33px);
  border:4px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  transform:rotate(.25deg);
}
.sfigata-meta-advice .sfigata-advice-box:after{
  content:"★  ♥  ☠";
  display:block;
  margin-top:16px;
  color:var(--pink);
  font-weight:900;
  letter-spacing:8px;
}

@media(max-width:620px){
  .sdb-secret-search{flex-direction:column}
  .sdb-secret-search button{width:100%}
}

.sdb-secret-tags{margin:22px 0 8px;font-size:13px;font-weight:900}
.sdb-secret-tags a{display:inline-block;margin:4px;padding:5px 8px;background:var(--yellow);border:2px solid var(--black);box-shadow:2px 2px 0 var(--black)}

/* 2.3.9 — DIARIO */
.diario-hero{padding:26px 28px;text-align:center;transform:rotate(-.15deg)}
.diario-hero .post-title{font-size:clamp(46px,6vw,76px);margin:3px 0 5px}
.diario-icons{font-size:28px;letter-spacing:9px;color:var(--pink);font-weight:900}
.diario-kicker{margin:6px 0 0;font-size:18px;font-weight:900;color:#7a244d}
.diario-card{position:relative;padding:24px 28px 24px 72px!important}
.diario-card .secret-card-inner{display:block!important}
.diario-card .diario-mark{position:absolute;left:22px;top:25px;font-size:34px;font-weight:900;transform:rotate(-8deg)}
.diario-card .secret-action{margin-top:12px}
.sdb-diario-signature{display:inline-block;margin:28px 0 8px;padding:8px 12px;background:var(--pink2);border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);font-weight:900;transform:rotate(-.6deg)}
@media(max-width:620px){.diario-card{padding:22px!important}.diario-card .diario-mark{position:static;margin-bottom:4px}}


/* =========================================================
   2.4.2 — DIARIO: REBUILD STRUTTURALE
   SOLO categoria Diario e singoli articoli Diario
   ========================================================= */

/* Archivio */
body.category-diario .diario-journal-entry{
  margin:0 0 40px;
  position:relative;
}

body.category-diario .diario-journal-paper{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(210px,.55fr);
  gap:34px;
  align-items:center;
  padding:46px 46px 42px 62px;

  background-color:#fffaf3;
  background-image:
    linear-gradient(rgba(236,121,161,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(236,121,161,.13) 1px,transparent 1px);
  background-size:28px 28px;

  border:3px solid var(--black);
  box-shadow:9px 9px 0 var(--black);
  transform:rotate(-.3deg);
}

body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-paper{
  transform:rotate(.35deg);
}

body.category-diario .diario-journal-paper:before{
  content:"";
  position:absolute;
  width:120px;
  height:30px;
  left:48%;
  top:-17px;
  transform:translateX(-50%) rotate(-4deg);
  background:rgba(247,153,184,.68);
}

body.category-diario .diario-journal-paper:after{
  content:"";
  position:absolute;
  left:25px;
  top:28px;
  bottom:28px;
  border-left:2px solid rgba(232,68,125,.45);
}

body.category-diario .diario-journal-date{
  font-size:13px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-weight:900;
  color:#8e5b70;
  margin-bottom:8px;
}

body.category-diario .diario-journal-title{
  margin:0 0 16px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(40px,5vw,64px);
  line-height:.95;
}

body.category-diario .diario-journal-title a{
  color:var(--black);
  text-decoration:none;
}

body.category-diario .diario-journal-excerpt{
  font-size:18px;
  line-height:1.6;
  max-width:690px;
}

body.category-diario .diario-journal-read{
  display:inline-block;
  margin-top:22px;
  padding:10px 15px;
  background:var(--yellow);
  border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--black);
  font-weight:900;
}

body.category-diario .diario-journal-polaroid{
  padding:10px 10px 37px;
  background:#fff;
  border:2px solid var(--black);
  box-shadow:6px 7px 0 var(--black);
  transform:rotate(2.5deg);
  position:relative;
}

body.category-diario .diario-journal-polaroid img{
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
}

body.category-diario .diario-photo-caption{
  position:absolute;
  left:12px;
  right:12px;
  bottom:8px;
  text-align:center;
  font-size:12px;
  font-weight:900;
  color:#7c3151;
}

body.category-diario .diario-journal-note{
  padding:26px 20px;
  background:#ffe4a8;
  border:2px solid var(--black);
  box-shadow:5px 6px 0 var(--black);
  transform:rotate(3deg);
  font-size:17px;
  line-height:1.45;
  font-weight:800;
}

body.category-diario .diario-journal-note span{
  display:block;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:22px;
  margin-bottom:8px;
}

/* Singolo articolo */
body.single-post article.diario-single-sheet{
  position:relative;
  padding:50px 60px 46px;
  margin-bottom:26px;

  background-color:#fffaf3;
  background-image:
    linear-gradient(rgba(236,121,161,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(236,121,161,.14) 1px,transparent 1px);
  background-size:28px 28px;

  border:3px solid var(--black);
  box-shadow:9px 9px 0 var(--black);
}

body.single-post article.diario-single-sheet:before{
  content:"";
  position:absolute;
  width:130px;
  height:31px;
  left:50%;
  top:-17px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(247,153,184,.7);
}

body.single-post .diario-single-topline{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.2px;
  color:#87566b;
}

body.single-post .diario-single-title{
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(48px,7vw,82px);
  line-height:.92;
  margin:12px 0 8px;
}

body.single-post .diario-single-doodles{
  color:var(--pink);
  letter-spacing:10px;
  font-weight:900;
  font-size:22px;
  margin-bottom:26px;
}

body.single-post .diario-single-polaroid{
  width:min(570px,92%);
  margin:24px auto 40px;
  padding:11px 11px 40px;
  background:#fff;
  border:2px solid var(--black);
  box-shadow:7px 8px 0 var(--black);
  transform:rotate(-1.4deg);
}

body.single-post .diario-single-polaroid img{
  width:100%;
  height:auto;
  display:block;
}

body.single-post .diario-single-polaroid figcaption{
  text-align:center;
  padding-top:10px;
  font-size:13px;
  font-weight:900;
  color:#7d3151;
}

body.single-post .diario-single-content{
  max-width:760px;
  margin:0 auto;
  font-size:19px;
  line-height:1.85;
}

body.single-post .diario-single-content p{
  margin-bottom:1.4em;
}

body.single-post .diario-single-closing{
  max-width:760px;
  margin:38px auto 5px;
}

body.single-post .diario-single-closing span{
  display:inline-block;
  padding:9px 13px;
  background:var(--pink2);
  border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--black);
  font-weight:900;
  transform:rotate(-1deg);
}

/* Sidebar stays the same; only the diary content changes */
@media(max-width:760px){
  body.category-diario .diario-journal-paper{
    grid-template-columns:1fr;
    padding:40px 28px 32px 42px;
  }

  body.category-diario .diario-journal-polaroid{
    width:min(280px,90%);
    justify-self:center;
  }

  body.category-diario .diario-journal-note{
    max-width:280px;
    justify-self:center;
  }

  body.single-post article.diario-single-sheet{
    padding:42px 26px 34px;
  }

  body.single-post .diario-single-title{
    font-size:46px;
  }
}

/* v2.4.4 — DIARIO A SPIRALE. Solo Diario. */
body.category-diario .diario-hero .post-title,
body.category-diario .diario-journal-title,
body.single-post .diario-single-title{
 font-family:"Comic Sans MS","Segoe Print","Bradley Hand",cursive!important;
 font-weight:900!important;letter-spacing:-1.5px!important;text-transform:uppercase}
body.category-diario .diario-journal-excerpt,
body.category-diario .diario-journal-date,
body.category-diario .diario-journal-read,
body.category-diario .diario-journal-note,
body.single-post .diario-single-content,
body.single-post .diario-single-topline,
body.single-post .diario-single-closing{
 font-family:"Comic Sans MS","Segoe Print","Bradley Hand",cursive}
body.category-diario .diario-hero,
body.category-diario .diario-journal-paper,
body.single-post article.diario-single-sheet{
 position:relative;overflow:visible;border:0!important;outline:0!important;border-radius:0!important;
 background-color:#fffaf4!important;
 background-image:linear-gradient(90deg,transparent 0 76px,rgba(242,74,137,.38) 76px 79px,transparent 79px),
 repeating-linear-gradient(to bottom,transparent 0 31px,rgba(93,138,184,.23) 31px 32px)!important;
 background-size:auto!important;box-shadow:8px 9px 0 rgba(22,16,24,.92)!important;
 clip-path:polygon(1% 1%,5% .4%,10% .9%,16% .3%,22% .8%,29% .25%,36% .75%,43% .25%,51% .8%,58% .3%,66% .8%,73% .25%,81% .8%,89% .3%,99% .9%,99.5% 8%,99.1% 17%,99.6% 27%,99.1% 38%,99.6% 49%,99.1% 60%,99.6% 72%,99.1% 84%,99.5% 99%,91% 99.5%,82% 99%,73% 99.6%,64% 99%,55% 99.5%,46% 99%,37% 99.6%,28% 99%,19% 99.5%,10% 99%,1% 99.5%,.5% 90%,.9% 80%,.4% 69%,.9% 58%,.4% 47%,.9% 36%,.4% 25%,.9% 14%)}
body.category-diario .diario-hero:before,
body.category-diario .diario-journal-paper:before,
body.single-post article.diario-single-sheet:before{
 content:""!important;position:absolute!important;left:-31px!important;top:24px!important;bottom:24px!important;
 width:54px!important;height:auto!important;transform:none!important;z-index:6!important;
 background:radial-gradient(ellipse at 35px 16px,transparent 0 8px,#171018 8px 11px,transparent 12px) 0 0/54px 50px repeat-y,
 linear-gradient(90deg,transparent 0 9px,#171018 9px 12px,transparent 12px 19px,#f22678 19px 22px,transparent 22px) 0 0/54px 50px repeat-y!important}
body.category-diario .diario-hero{padding:52px 70px 46px 104px!important;margin-bottom:34px;transform:rotate(-.12deg)}
body.category-diario .diario-hero:after{
 content:"☆   ☆   ☆   ☆   ☆";position:absolute;left:50%;top:-18px;transform:translateX(-50%) rotate(-1deg);
 width:310px;padding:7px 14px;text-align:center;letter-spacing:10px;color:#171018;background:rgba(241,116,161,.62);font-size:22px}
body.category-diario .diario-hero .post-title{font-size:clamp(54px,7vw,90px)!important;line-height:1!important;margin:5px 0 8px!important}
body.category-diario .diario-kicker{display:inline-block;max-width:900px;padding:10px 18px;margin-top:14px!important;background:#fff0bd;box-shadow:4px 4px 0 rgba(0,0,0,.14);transform:rotate(-.4deg);font-family:"Comic Sans MS","Segoe Print",cursive}
body.category-diario .diario-journal-paper{grid-template-columns:minmax(220px,34%) minmax(0,1fr)!important;gap:34px!important;padding:40px 54px 40px 104px!important;min-height:270px}
body.category-diario .diario-journal-copy{grid-column:2;grid-row:1;align-self:center}
body.category-diario .diario-journal-polaroid,
body.category-diario .diario-journal-note{grid-column:1;grid-row:1;align-self:center;justify-self:center}
body.category-diario .diario-journal-date{color:#f22678!important;font-size:15px!important;letter-spacing:.4px!important}
body.category-diario .diario-journal-title{font-size:clamp(34px,4vw,55px)!important;line-height:1.02!important;margin-bottom:8px!important}
body.category-diario .diario-journal-excerpt{font-size:18px!important;line-height:1.5!important}
body.category-diario .diario-journal-read{background:#ff8eb8!important;border:3px solid #171018!important;box-shadow:4px 4px 0 #171018!important;color:#171018!important;text-decoration:none!important;transform:rotate(-.8deg);padding:10px 20px!important}
body.category-diario .diario-journal-polaroid{width:min(280px,100%)!important;padding:10px 10px 36px!important;background:#fff!important;border:2px solid #171018!important;box-shadow:5px 7px 0 rgba(0,0,0,.26)!important;transform:rotate(-2deg)!important}
body.category-diario .diario-journal-polaroid:before{content:"♥ ♥ ♥ ♥";position:absolute;left:50%;top:-20px;transform:translateX(-50%) rotate(2deg);width:145px;padding:5px 8px;text-align:center;color:#171018;background:rgba(241,116,161,.72);letter-spacing:7px}
body.category-diario .diario-journal-note{background:#ffd2e2!important;border:2px solid #171018!important;box-shadow:5px 6px 0 #171018!important;transform:rotate(2deg)!important;font-size:16px!important}
body.category-diario .diario-journal-note span{font-family:"Comic Sans MS","Segoe Print",cursive!important;font-size:20px!important}
body.category-diario .diario-journal-paper:after{content:"☆  ♡";position:absolute;right:28px;bottom:17px;border:0!important;color:#f22678;font:900 28px/1 "Comic Sans MS","Segoe Print",cursive;letter-spacing:9px}
body.single-post article.diario-single-sheet{padding:54px 68px 54px 112px!important}
body.single-post article.diario-single-sheet:after{content:"☆   ☠   ♡"!important;position:absolute!important;right:34px!important;top:28px!important;color:#f22678!important;font-size:25px!important;letter-spacing:9px!important;border:0!important}
body.single-post .diario-single-title{font-size:clamp(48px,6.5vw,78px)!important;line-height:1.02!important}
body.single-post .diario-single-polaroid{transform:rotate(-1.7deg)!important}
body.single-post .diario-single-closing span{background:#f58bb4!important;font-family:"Comic Sans MS","Segoe Print",cursive!important;transform:rotate(-1deg)}
@media(max-width:760px){
 body.category-diario .diario-hero{padding:42px 25px 36px 70px!important}
 body.category-diario .diario-journal-paper{grid-template-columns:1fr!important;padding:38px 25px 34px 70px!important}
 body.category-diario .diario-journal-copy{grid-column:1;grid-row:2}
 body.category-diario .diario-journal-polaroid,body.category-diario .diario-journal-note{grid-column:1;grid-row:1}
 body.single-post article.diario-single-sheet{padding:45px 25px 38px 72px!important}
 body.category-diario .diario-hero:before,body.category-diario .diario-journal-paper:before,body.single-post article.diario-single-sheet:before{left:-25px!important}}


/* ==========================================================
   v2.4.5 — FIX DIARIO
   - font vicino al mockup
   - spirale realmente visibile
   - link Continua a leggere cliccabile
   - nessuna firma doppia
   ========================================================== */

/* Font: marker per i titoli, handwriting pulito per il testo */
body.category-diario .diario-hero .post-title,
body.category-diario .diario-journal-title,
body.single-post .diario-single-title{
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

body.category-diario .diario-kicker,
body.category-diario .diario-journal-excerpt,
body.category-diario .diario-journal-date,
body.category-diario .diario-journal-read,
body.category-diario .diario-journal-note,
body.single-post .diario-single-content,
body.single-post .diario-single-topline,
body.single-post .diario-single-closing,
body.single-post .diario-single-polaroid figcaption{
  font-family:"Patrick Hand","Segoe Print","Bradley Hand",cursive !important;
}

/* Il clip-path della 2.4.4 tagliava la spirale che usciva dal foglio. */
body.category-diario .diario-hero,
body.category-diario .diario-journal-paper,
body.single-post article.diario-single-sheet{
  clip-path:none !important;
  border:3px solid #171018 !important;
  border-radius:2px !important;
}

/* Vera spirale: anelli neri + tratto che entra nel foglio */
body.category-diario .diario-hero:before,
body.category-diario .diario-journal-paper:before,
body.single-post article.diario-single-sheet:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:-37px !important;
  top:22px !important;
  bottom:22px !important;
  width:62px !important;
  height:auto !important;
  z-index:20 !important;
  pointer-events:none !important;
  transform:none !important;

  background-image:
    radial-gradient(ellipse 15px 10px at 39px 17px,
      transparent 0 55%,
      #171018 58% 72%,
      transparent 75%),
    linear-gradient(#171018,#171018),
    radial-gradient(circle at 42px 17px,
      #fffaf4 0 5px,
      #171018 6px 8px,
      #f22678 9px 11px,
      transparent 12px);

  background-size:
    62px 43px,
    34px 43px,
    62px 43px;

  background-position:
    0 0,
    5px 15px,
    0 0;

  background-repeat:repeat-y !important;
}

/* Mantieni margine rosa interno come nel quaderno */
body.category-diario .diario-hero,
body.category-diario .diario-journal-paper,
body.single-post article.diario-single-sheet{
  background-image:
    linear-gradient(90deg,
      transparent 0 72px,
      rgba(242,74,137,.42) 72px 75px,
      transparent 75px),
    repeating-linear-gradient(
      to bottom,
      transparent 0 31px,
      rgba(93,138,184,.23) 31px 32px
    ) !important;
}

/* Le decorazioni non devono mai coprire link o contenuti */
body.category-diario .diario-hero:after,
body.category-diario .diario-journal-paper:after,
body.category-diario .diario-journal-polaroid:before,
body.single-post article.diario-single-sheet:after,
body.single-post .diario-single-polaroid:before{
  pointer-events:none !important;
}

/* Pulsante "Continua a leggere": sempre sopra tutto e cliccabile */
body.category-diario .diario-journal-read{
  position:relative !important;
  z-index:50 !important;
  display:inline-block !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  background:#ff8eb8 !important;
  color:#171018 !important;
  text-decoration:none !important;
}

/* Anche titolo e card devono poter ricevere click normalmente */
body.category-diario .diario-journal-copy,
body.category-diario .diario-journal-title,
body.category-diario .diario-journal-title a{
  position:relative;
  z-index:30;
  pointer-events:auto;
}

/* Niente doppia firma */
body.single-post article.diario-single-sheet .sdb-diario-signature{
  display:none !important;
}

@media(max-width:760px){
  body.category-diario .diario-hero:before,
  body.category-diario .diario-journal-paper:before,
  body.single-post article.diario-single-sheet:before{
    left:-30px !important;
    width:52px !important;
    background-size:52px 40px,28px 40px,52px 40px;
    background-position:0 0,4px 14px,0 0;
  }
}


/* ==========================================================
   v2.4.6 — DIARIO: FOGLI A BUCHI + DOODLE
   Niente spirale. Buchi semplici + cuori, stelle e teschi.
   ========================================================== */

/* Disattiva completamente la spirale della 2.4.5 */
body.category-diario .diario-hero:before,
body.category-diario .diario-journal-paper:before,
body.single-post article.diario-single-sheet:before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  top:24px !important;
  bottom:24px !important;
  width:34px !important;
  height:auto !important;
  z-index:5 !important;
  pointer-events:none !important;

  /* semplici buchi da foglio ad anelli */
  background:
    radial-gradient(circle at 50% 14px,
      #f42a7e 0 7px,
      #d7a3b6 8px 10px,
      transparent 11px) 0 0 / 34px 50px repeat-y !important;
}

/* Più spazio a sinistra per i buchi */
body.category-diario .diario-hero{
  padding-left:86px !important;
}
body.category-diario .diario-journal-paper{
  padding-left:86px !important;
}
body.single-post article.diario-single-sheet{
  padding-left:94px !important;
}

/* Doodle colorati: nero, fucsia, azzurro */
body.category-diario .diario-hero .post-title:after{
  content:"  ☆  ☠  ♡";
  display:inline-block;
  margin-left:14px;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:.38em;
  letter-spacing:8px;
  color:#f42a7e;
  vertical-align:middle;
}

body.category-diario .diario-hero .post-title:before{
  content:"☆";
  display:inline-block;
  margin-right:14px;
  color:#171018;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:.45em;
  vertical-align:middle;
}

body.category-diario .diario-hero .diario-icons{
  color:#2dbff4 !important;
  text-shadow:
    28px 0 0 #f42a7e,
    56px 0 0 #171018;
}

/* Card archivio: doodle sparsi */
body.category-diario .diario-journal-entry:nth-of-type(odd) .diario-journal-paper:after{
  content:"♡   ☆   ☠";
  position:absolute;
  right:28px;
  top:26px;
  color:#f42a7e;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:27px;
  letter-spacing:10px;
  border:0!important;
  pointer-events:none;
}

body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-paper:after{
  content:"☆   ♡   ☠";
  position:absolute;
  right:28px;
  bottom:24px;
  color:#2dbff4;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:27px;
  letter-spacing:10px;
  border:0!important;
  pointer-events:none;
}

body.category-diario .diario-journal-copy:before{
  content:"✦  ♥";
  display:block;
  margin-bottom:8px;
  color:#171018;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:21px;
  letter-spacing:8px;
}

/* Polaroid con sticker/doodle */
body.category-diario .diario-journal-polaroid:after{
  content:"♡";
  position:absolute;
  right:-10px;
  bottom:8px;
  color:#2dbff4;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:34px;
  transform:rotate(10deg);
}

/* Singolo articolo */
body.single-post article.diario-single-sheet:after{
  content:"☆   ☠   ♡   ☆" !important;
  position:absolute !important;
  right:28px !important;
  top:28px !important;
  color:#f42a7e !important;
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:24px !important;
  letter-spacing:8px !important;
  pointer-events:none !important;
}

body.single-post .diario-single-doodles{
  color:#2dbff4 !important;
  text-shadow:
    24px 0 0 #f42a7e,
    48px 0 0 #171018;
}

/* Etichetta finale una sola volta */
body.single-post .diario-single-closing span{
  background:#f58bb4 !important;
  color:#171018 !important;
}

/* Mobile */
@media(max-width:760px){
  body.category-diario .diario-hero,
  body.category-diario .diario-journal-paper,
  body.single-post article.diario-single-sheet{
    padding-left:60px !important;
  }

  body.category-diario .diario-hero:before,
  body.category-diario .diario-journal-paper:before,
  body.single-post article.diario-single-sheet:before{
    left:10px !important;
    width:28px !important;
    background:
      radial-gradient(circle at 50% 13px,
        #f42a7e 0 6px,
        #d7a3b6 7px 9px,
        transparent 10px) 0 0 / 28px 44px repeat-y !important;
  }
}


/* ==========================================================
   v2.4.7 — DIARIO COME IL MOCKUP APPROVATO
   full width, fogli strappati, buchi, doodle reali, polaroid
   ========================================================== */

/* Diario senza sidebar: il mockup occupa tutta la pagina */
.diario-full-layout{
  display:block !important;
}
.diario-full-layout > main{
  width:100% !important;
  max-width:none !important;
}

/* Base carta più morbida */
body.category-diario .diario-hero,
body.category-diario .diario-journal-paper,
body.single-post article.diario-single-sheet{
  position:relative;
  overflow:hidden !important;
  border:0 !important;
  outline:0 !important;
  background-color:#fff9f1 !important;
  background-image:
    linear-gradient(90deg, transparent 0 86px, rgba(242,74,137,.34) 86px 89px, transparent 89px),
    repeating-linear-gradient(to bottom, transparent 0 31px, rgba(103,142,184,.20) 31px 32px) !important;
  box-shadow:0 9px 0 rgba(23,16,24,.92) !important;
  clip-path:polygon(
    0 1.2%,4% .4%,9% 1.1%,14% .3%,20% 1%,26% .4%,33% 1.1%,40% .3%,
    47% 1%,54% .4%,61% 1.1%,68% .3%,75% 1%,82% .4%,90% 1.1%,100% .4%,
    99.4% 10%,100% 20%,99.3% 31%,100% 43%,99.4% 55%,100% 67%,99.3% 80%,100% 91%,99.4% 99%,
    90% 98.9%,82% 99.6%,73% 98.9%,64% 99.6%,55% 98.9%,46% 99.6%,37% 98.9%,28% 99.6%,19% 98.9%,10% 99.6%,0 98.9%
  ) !important;
}

/* Il vecchio pseudo-elemento dei buchi viene disattivato */
body.category-diario .diario-hero:before,
body.category-diario .diario-journal-paper:before,
body.single-post article.diario-single-sheet:before{
  display:none !important;
}

/* Buchi veri e discreti sul foglio */
.diario-hole-strip{
  position:absolute;
  left:22px;
  top:18px;
  bottom:18px;
  width:34px;
  z-index:8;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 14px,
      #f0dce5 0 7px,
      #caa3b3 8px 10px,
      transparent 11px) 0 0 / 34px 47px repeat-y;
}

/* HERO */
body.category-diario .diario-hero{
  padding:55px 110px 48px 112px !important;
  margin-bottom:34px;
  min-height:330px;
}
body.category-diario .diario-hero .post-title{
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-size:clamp(64px,8vw,110px) !important;
  line-height:.92 !important;
  margin:12px 0 12px !important;
  text-align:center;
}
body.category-diario .diario-icons{
  text-align:center;
  color:#f42a7e !important;
  font-size:28px !important;
  letter-spacing:10px !important;
  text-shadow:none !important;
}
body.category-diario .diario-kicker{
  display:block;
  width:max-content;
  max-width:80%;
  margin:26px auto 0 !important;
  padding:10px 24px !important;
  background:#fff0b8 !important;
  color:#171018 !important;
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:21px !important;
  font-weight:700 !important;
  text-align:center;
  box-shadow:4px 5px 0 rgba(0,0,0,.13);
  transform:rotate(-.4deg);
}

/* Doodle veri, non emoji in fila */
.diario-hero-doodles img,
.diario-entry-doodles img,
.diario-single-side-doodles img{
  position:absolute;
  z-index:6;
  pointer-events:none;
  object-fit:contain;
}
.diario-hero-doodles .doodle-star-black{
  width:70px;left:10%;top:22%;filter:grayscale(1) brightness(.15);transform:rotate(-11deg);
}
.diario-hero-doodles .doodle-heart-pink{
  width:82px;left:15%;bottom:17%;transform:rotate(-8deg);
}
.diario-hero-doodles .doodle-skull-blue{
  width:72px;right:13%;top:22%;filter:hue-rotate(145deg) saturate(1.8);transform:rotate(5deg);
}
.diario-hero-doodles .doodle-star-blue{
  width:74px;right:10%;bottom:15%;transform:rotate(12deg);
}

/* ARTICOLI ARCHIVIO */
body.category-diario .diario-journal-entry{
  margin:0 0 34px !important;
}
body.category-diario .diario-journal-paper{
  display:grid !important;
  grid-template-columns:minmax(245px,31%) minmax(0,1fr) !important;
  gap:42px !important;
  align-items:center !important;
  min-height:285px;
  padding:36px 92px 36px 110px !important;
}
body.category-diario .diario-journal-copy{
  grid-column:2 !important;
  grid-row:1 !important;
  position:relative;
  z-index:12;
  padding-right:70px;
}
body.category-diario .diario-journal-date{
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:18px !important;
  color:#f42a7e !important;
  text-transform:uppercase;
  font-weight:700 !important;
}
body.category-diario .diario-journal-title{
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-size:clamp(36px,4vw,57px) !important;
  line-height:1 !important;
  margin:5px 0 10px !important;
}
body.category-diario .diario-journal-excerpt{
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:21px !important;
  line-height:1.45 !important;
}
body.category-diario .diario-journal-read{
  position:relative !important;
  z-index:30 !important;
  display:inline-block !important;
  margin-top:17px !important;
  padding:10px 20px !important;
  background:#ff8db9 !important;
  border:3px solid #171018 !important;
  box-shadow:4px 4px 0 #171018 !important;
  color:#171018 !important;
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:19px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Polaroid */
body.category-diario .diario-journal-polaroid{
  grid-column:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:12;
  width:min(315px,100%) !important;
  padding:11px 11px 40px !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:5px 7px 0 rgba(0,0,0,.24) !important;
  transform:rotate(-2deg) !important;
}
body.category-diario .diario-journal-polaroid img{
  width:100% !important;
  height:205px !important;
  object-fit:cover !important;
}
body.category-diario .diario-journal-polaroid:before{
  content:"♥  ♥  ♥" !important;
  position:absolute !important;
  top:-17px !important;
  left:50% !important;
  transform:translateX(-50%) rotate(2deg) !important;
  width:132px !important;
  padding:4px 7px !important;
  text-align:center;
  background:#ee7fab !important;
  color:#171018 !important;
  font-size:15px !important;
  letter-spacing:6px !important;
}
body.category-diario .diario-photo-caption{
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:13px !important;
}

/* Fallback quando non c'è foto: post-it meno enorme */
body.category-diario .diario-journal-note{
  grid-column:1 !important;
  grid-row:1 !important;
  width:230px !important;
  padding:22px 18px !important;
  background:#ffd0e1 !important;
  border:2px solid #171018 !important;
  box-shadow:5px 6px 0 #171018 !important;
  transform:rotate(-2deg) !important;
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:18px !important;
  line-height:1.35 !important;
  z-index:12;
}
body.category-diario .diario-journal-note span{
  font-family:"Permanent Marker","Marker Felt",cursive !important;
  font-size:23px !important;
}

/* Doodle sugli articoli */
.diario-entry-doodles .entry-heart{
  width:60px;right:13%;top:18%;transform:rotate(-8deg);
}
.diario-entry-doodles .entry-star{
  width:62px;right:7%;top:32%;transform:rotate(13deg);
}
.diario-entry-doodles .entry-skull{
  width:64px;right:8%;bottom:12%;filter:grayscale(1) brightness(.18);transform:rotate(5deg);
}

/* Footer Diario */
.diario-end-note{
  margin:8px auto 28px;
  text-align:center;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:21px;
  font-weight:800;
  letter-spacing:2px;
  color:#171018;
}

/* SINGOLO DIARIO */
body.single-post article.diario-single-sheet{
  padding:54px 112px 52px !important;
  min-height:560px;
}
body.single-post .diario-single-topline{
  position:relative;
  z-index:12;
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:18px !important;
}
body.single-post .diario-single-title{
  position:relative;
  z-index:12;
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-size:clamp(58px,7vw,96px) !important;
  line-height:.96 !important;
  margin:15px 0 8px !important;
}
body.single-post .diario-single-doodles{
  position:relative;
  z-index:12;
  color:#f42a7e !important;
  text-shadow:none !important;
  font-size:24px !important;
}
body.single-post .diario-single-content{
  position:relative;
  z-index:12;
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:23px !important;
  line-height:1.65 !important;
}
body.single-post .diario-single-closing{
  position:relative;
  z-index:12;
}
body.single-post .diario-single-closing span{
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:20px !important;
}
.diario-single-side-doodles .single-heart{
  width:74px;right:9%;top:22%;transform:rotate(-9deg);
}
.diario-single-side-doodles .single-star{
  width:72px;right:10%;top:42%;transform:rotate(12deg);
}
.diario-single-side-doodles .single-skull{
  width:68px;right:8%;bottom:14%;filter:grayscale(1) brightness(.18);transform:rotate(4deg);
}

/* Togli vecchie emoji pseudo-elemento che rendevano tutto troppo affollato */
body.category-diario .diario-journal-copy:before,
body.category-diario .diario-journal-copy:after,
body.category-diario .diario-journal-paper:after,
body.category-diario .diario-hero .post-title:before,
body.category-diario .diario-hero .post-title:after,
body.single-post article.diario-single-sheet:after{
  content:none !important;
}

/* Mobile */
@media(max-width:760px){
  body.category-diario .diario-hero{
    padding:42px 28px 36px 70px !important;
    min-height:280px;
  }
  body.category-diario .diario-journal-paper{
    grid-template-columns:1fr !important;
    padding:38px 30px 34px 70px !important;
  }
  body.category-diario .diario-journal-polaroid,
  body.category-diario .diario-journal-note{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:center;
  }
  body.category-diario .diario-journal-copy{
    grid-column:1 !important;
    grid-row:2 !important;
    padding-right:0;
  }
  .diario-entry-doodles img,
  .diario-hero-doodles img,
  .diario-single-side-doodles img{
    opacity:.55;
  }
  body.single-post article.diario-single-sheet{
    padding:44px 28px 38px 72px !important;
  }
  body.single-post .diario-single-content{
    font-size:20px !important;
  }
}


/* ==========================================================
   v2.4.8 — DOODLE SCARABOCCHIATI
   solo Diario
   ========================================================== */

/* I nuovi SVG usano currentColor: qui assegniamo i colori */
.diario-hero-doodles img,
.diario-entry-doodles img,
.diario-single-side-doodles img{
  filter:none !important;
}

.diario-hero-doodles .doodle-star-black,
.diario-entry-doodles .entry-skull,
.diario-single-side-doodles .single-skull{
  color:#171018 !important;
}

.diario-hero-doodles .doodle-heart-pink,
.diario-entry-doodles .entry-heart,
.diario-single-side-doodles .single-heart{
  color:#f42a7e !important;
}

.diario-hero-doodles .doodle-skull-blue,
.diario-hero-doodles .doodle-star-blue,
.diario-entry-doodles .entry-star,
.diario-single-side-doodles .single-star{
  color:#2dbff4 !important;
}

/* più "fatti a penna": rotazioni e scale meno perfette */
.diario-hero-doodles .doodle-star-black{transform:rotate(-16deg) scale(1.04)!important}
.diario-hero-doodles .doodle-heart-pink{transform:rotate(-11deg) scale(.96)!important}
.diario-hero-doodles .doodle-skull-blue{transform:rotate(8deg) scale(1.03)!important}
.diario-hero-doodles .doodle-star-blue{transform:rotate(16deg) scale(.94)!important}

.diario-entry-doodles .entry-heart{transform:rotate(-12deg) scale(1.06)!important}
.diario-entry-doodles .entry-star{transform:rotate(17deg) scale(.96)!important}
.diario-entry-doodles .entry-skull{transform:rotate(7deg) scale(1.04)!important}

.diario-single-side-doodles .single-heart{transform:rotate(-13deg) scale(1.04)!important}
.diario-single-side-doodles .single-star{transform:rotate(15deg) scale(.95)!important}
.diario-single-side-doodles .single-skull{transform:rotate(6deg) scale(1.03)!important}


/* ==========================================================
   v2.4.9 — DOODLE PIÙ NUMEROSI + COLORI REALI
   nero / fucsia / azzurro
   ========================================================== */

.diario-hero-doodles img,
.diario-entry-doodles img,
.diario-single-side-doodles img{
  display:none !important;
}

/* Every doodle below is a CSS mask, therefore its colour is reliable. */
.diario-hero-doodles,
.diario-entry-doodles,
.diario-single-side-doodles{
  position:absolute !important;
  inset:0 !important;
  z-index:7 !important;
  pointer-events:none !important;
}

.diario-hero-doodles::before,
.diario-hero-doodles::after,
.diario-entry-doodles::before,
.diario-entry-doodles::after,
.diario-single-side-doodles::before,
.diario-single-side-doodles::after{
  content:"" !important;
  position:absolute !important;
  pointer-events:none !important;
}

/* HERO: 10 doodles sparsi */
.diario-hero-doodles{
  background:
    url("assets/images/doodle-heart-rough.svg") 15% 69% / 66px 61px no-repeat,
    url("assets/images/doodle-star-rough.svg") 9% 28% / 72px 72px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 86% 25% / 66px 72px no-repeat,
    url("assets/images/doodle-star-rough.svg") 91% 67% / 74px 74px no-repeat !important;
}

/* Color overlays via masks */
.diario-hero-doodles::before{
  inset:0 !important;
  background:#f42a7e !important;
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 15% 69% / 66px 61px no-repeat,
    url("assets/images/doodle-star-rough.svg") 77% 13% / 38px 38px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 70% 77% / 35px 32px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 15% 69% / 66px 61px no-repeat,
    url("assets/images/doodle-star-rough.svg") 77% 13% / 38px 38px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 70% 77% / 35px 32px no-repeat !important;
}
.diario-hero-doodles::after{
  inset:0 !important;
  background:#2dbff4 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 91% 67% / 74px 74px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 29% 18% / 35px 32px no-repeat,
    url("assets/images/doodle-star-rough.svg") 24% 78% / 39px 39px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 91% 67% / 74px 74px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 29% 18% / 35px 32px no-repeat,
    url("assets/images/doodle-star-rough.svg") 24% 78% / 39px 39px no-repeat !important;
}

/* black hero doodles are left as normal background but recolour via a black mask */
body.category-diario .diario-hero{
  isolation:isolate;
}
body.category-diario .diario-hero > .diario-hole-strip{
  z-index:9 !important;
}
body.category-diario .diario-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 9% 28% / 72px 72px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 86% 25% / 66px 72px no-repeat,
    url("assets/images/doodle-star-rough.svg") 62% 12% / 34px 34px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 82% 78% / 34px 31px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 9% 28% / 72px 72px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 86% 25% / 66px 72px no-repeat,
    url("assets/images/doodle-star-rough.svg") 62% 12% / 34px 34px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 82% 78% / 34px 31px no-repeat !important;
}

/* ARTICLE CARDS: 9 doodles, deliberately irregular */
.diario-entry-doodles::before{
  inset:0 !important;
  background:#f42a7e !important;
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 85% 20% / 57px 52px no-repeat,
    url("assets/images/doodle-star-rough.svg") 92% 48% / 52px 52px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 72% 79% / 30px 28px no-repeat,
    url("assets/images/doodle-star-rough.svg") 12% 12% / 32px 32px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 85% 20% / 57px 52px no-repeat,
    url("assets/images/doodle-star-rough.svg") 92% 48% / 52px 52px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 72% 79% / 30px 28px no-repeat,
    url("assets/images/doodle-star-rough.svg") 12% 12% / 32px 32px no-repeat !important;
}
.diario-entry-doodles::after{
  inset:0 !important;
  background:#2dbff4 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 91% 33% / 61px 61px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 78% 67% / 37px 34px no-repeat,
    url("assets/images/doodle-star-rough.svg") 37% 16% / 33px 33px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 91% 33% / 61px 61px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 78% 67% / 37px 34px no-repeat,
    url("assets/images/doodle-star-rough.svg") 37% 16% / 33px 33px no-repeat !important;
}
body.category-diario .diario-journal-paper::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-rough.svg") 88% 79% / 58px 64px no-repeat,
    url("assets/images/doodle-star-rough.svg") 7% 73% / 45px 45px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 33% 83% / 30px 28px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-rough.svg") 88% 79% / 58px 64px no-repeat,
    url("assets/images/doodle-star-rough.svg") 7% 73% / 45px 45px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 33% 83% / 30px 28px no-repeat !important;
}

/* Single post: same visual language */
.diario-single-side-doodles::before{
  inset:0 !important;
  background:#f42a7e !important;
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 88% 18% / 62px 57px no-repeat,
    url("assets/images/doodle-star-rough.svg") 82% 48% / 50px 50px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 16% 82% / 34px 31px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 88% 18% / 62px 57px no-repeat,
    url("assets/images/doodle-star-rough.svg") 82% 48% / 50px 50px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 16% 82% / 34px 31px no-repeat !important;
}
.diario-single-side-doodles::after{
  inset:0 !important;
  background:#2dbff4 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 92% 33% / 68px 68px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 72% 75% / 39px 36px no-repeat,
    url("assets/images/doodle-star-rough.svg") 23% 15% / 38px 38px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 92% 33% / 68px 68px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 72% 75% / 39px 36px no-repeat,
    url("assets/images/doodle-star-rough.svg") 23% 15% / 38px 38px no-repeat !important;
}
body.single-post article.diario-single-sheet::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-rough.svg") 90% 78% / 65px 71px no-repeat,
    url("assets/images/doodle-star-rough.svg") 9% 25% / 55px 55px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 78% 12% / 32px 30px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-rough.svg") 90% 78% / 65px 71px no-repeat,
    url("assets/images/doodle-star-rough.svg") 9% 25% / 55px 55px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 78% 12% / 32px 30px no-repeat !important;
}

/* Content remains above decorative masks */
body.category-diario .diario-hero > :not(.diario-hero-doodles):not(.diario-hole-strip),
body.category-diario .diario-journal-paper > :not(.diario-entry-doodles):not(.diario-hole-strip),
body.single-post article.diario-single-sheet > :not(.diario-single-side-doodles):not(.diario-hole-strip){
  position:relative;
  z-index:12;
}

@media(max-width:760px){
  .diario-hero-doodles,
  .diario-entry-doodles,
  .diario-single-side-doodles,
  body.category-diario .diario-hero::after,
  body.category-diario .diario-journal-paper::after,
  body.single-post article.diario-single-sheet::after{
    opacity:.72 !important;
  }
}


/* ==========================================================
   v2.5.0 — DIARIO SCRAPBOOK (REFERENCE MATCH)
   grandi doodle, margini liberi, carta molto più strappata
   ========================================================== */

/* Carta: contorno decisamente più irregolare/strappato */
body.category-diario .diario-hero,
body.category-diario .diario-journal-paper,
body.single-post article.diario-single-sheet{
  clip-path:polygon(
    .4% 2.2%,3% .7%,6% 1.6%,9% .5%,12% 1.4%,15% .4%,18% 1.6%,21% .5%,24% 1.3%,27% .3%,
    30% 1.5%,33% .5%,36% 1.4%,39% .3%,42% 1.6%,45% .5%,48% 1.2%,51% .3%,54% 1.5%,57% .5%,
    60% 1.4%,63% .3%,66% 1.5%,69% .5%,72% 1.3%,75% .3%,78% 1.5%,81% .5%,84% 1.3%,87% .4%,
    90% 1.5%,93% .5%,96% 1.4%,99.5% .8%,
    99% 5%,99.7% 10%,99.1% 15%,99.8% 20%,99.1% 25%,99.7% 30%,99% 35%,99.8% 40%,99.1% 45%,
    99.7% 50%,99% 55%,99.8% 60%,99.1% 65%,99.7% 70%,99% 75%,99.8% 80%,99.1% 85%,99.7% 90%,99.1% 96%,99.5% 99%,
    96% 98.5%,93% 99.5%,90% 98.6%,87% 99.6%,84% 98.5%,81% 99.5%,78% 98.6%,75% 99.6%,72% 98.5%,
    69% 99.5%,66% 98.6%,63% 99.6%,60% 98.5%,57% 99.5%,54% 98.6%,51% 99.6%,48% 98.5%,45% 99.5%,
    42% 98.6%,39% 99.6%,36% 98.5%,33% 99.5%,30% 98.6%,27% 99.6%,24% 98.5%,21% 99.5%,18% 98.6%,
    15% 99.6%,12% 98.5%,9% 99.5%,6% 98.6%,2% 99.3%,
    .8% 95%,.2% 89%,.9% 83%,.2% 77%,.8% 71%,.1% 65%,.8% 59%,.2% 53%,.9% 47%,.2% 41%,.8% 35%,.1% 29%,.8% 23%,.2% 17%,.9% 11%
  ) !important;
  box-shadow:0 10px 0 rgba(40,11,29,.16) !important;
}

/* Buchi più grandi, fucsia e simili al riferimento */
.diario-hole-strip{
  left:24px !important;
  top:22px !important;
  bottom:22px !important;
  width:42px !important;
  background:
    radial-gradient(circle at 50% 17px,
      #f22678 0 10px,
      #d61766 10px 12px,
      #fff9f1 13px 14px,
      transparent 15px) 0 0 / 42px 58px repeat-y !important;
}

/* Rimuove tutte le vecchie maschere sparse: ripartiamo puliti */
.diario-hero-doodles,
.diario-entry-doodles,
.diario-single-side-doodles{
  background:none !important;
}
.diario-hero-doodles::before,
.diario-hero-doodles::after,
.diario-entry-doodles::before,
.diario-entry-doodles::after,
.diario-single-side-doodles::before,
.diario-single-side-doodles::after,
body.category-diario .diario-hero::after,
body.category-diario .diario-journal-paper::after,
body.single-post article.diario-single-sheet::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:7 !important;
}

/* HERO — pochi ma GRANDI, più piccoli solo come riempimento.
   Nessun doodle passa sul titolo o sulla frase gialla. */
.diario-hero-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 15% 43% / 115px 105px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 87% 45% / 112px 122px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 94% 82% / 58px 53px no-repeat,
    url("assets/images/doodle-star-rough.svg") 74% 10% / 48px 48px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 15% 43% / 115px 105px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 87% 45% / 112px 122px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 94% 82% / 58px 53px no-repeat,
    url("assets/images/doodle-star-rough.svg") 74% 10% / 48px 48px no-repeat !important;
}
.diario-hero-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-rough.svg") 9% 75% / 88px 96px no-repeat,
    url("assets/images/doodle-star-rough.svg") 94% 18% / 100px 100px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 61% 69% / 48px 44px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-rough.svg") 9% 75% / 88px 96px no-repeat,
    url("assets/images/doodle-star-rough.svg") 94% 18% / 100px 100px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 61% 69% / 48px 44px no-repeat !important;
}
body.category-diario .diario-hero::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 10% 18% / 94px 94px no-repeat,
    url("assets/images/doodle-star-rough.svg") 96% 63% / 70px 70px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 49% 8% / 48px 44px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 10% 18% / 94px 94px no-repeat,
    url("assets/images/doodle-star-rough.svg") 96% 63% / 70px 70px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 49% 8% / 48px 44px no-repeat !important;
}

/* HERO: spazio laterale per i disegni grandi */
body.category-diario .diario-hero{
  min-height:390px !important;
  padding:64px 190px 54px 150px !important;
}
body.category-diario .diario-hero .post-title{
  position:relative !important;
  z-index:15 !important;
  font-size:clamp(70px,8vw,118px) !important;
}
body.category-diario .diario-kicker{
  position:relative !important;
  z-index:15 !important;
  max-width:760px !important;
}

/* CARD — testo confinato al centro/destra, decorazioni SOLO ai bordi */
body.category-diario .diario-journal-paper{
  min-height:325px !important;
  padding:42px 185px 42px 120px !important;
  grid-template-columns:minmax(280px,32%) minmax(0,1fr) !important;
  gap:48px !important;
}
body.category-diario .diario-journal-copy{
  padding-right:0 !important;
  z-index:15 !important;
}
body.category-diario .diario-journal-polaroid,
body.category-diario .diario-journal-note{
  z-index:15 !important;
}

/* fucsia sulle card */
.diario-entry-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 88% 25% / 105px 96px no-repeat,
    url("assets/images/doodle-star-rough.svg") 96% 76% / 72px 72px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 10% 88% / 54px 50px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 88% 25% / 105px 96px no-repeat,
    url("assets/images/doodle-star-rough.svg") 96% 76% / 72px 72px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 10% 88% / 54px 50px no-repeat !important;
}
/* azzurro sulle card */
.diario-entry-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 94% 47% / 108px 108px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 35% 91% / 58px 53px no-repeat,
    url("assets/images/doodle-star-rough.svg") 9% 31% / 68px 68px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 94% 47% / 108px 108px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 35% 91% / 58px 53px no-repeat,
    url("assets/images/doodle-star-rough.svg") 9% 31% / 68px 68px no-repeat !important;
}
/* nero sulle card */
body.category-diario .diario-journal-paper::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-rough.svg") 89% 82% / 94px 102px no-repeat,
    url("assets/images/doodle-star-rough.svg") 95% 13% / 72px 72px no-repeat,
    url("assets/images/doodle-star-rough.svg") 12% 18% / 60px 60px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-rough.svg") 89% 82% / 94px 102px no-repeat,
    url("assets/images/doodle-star-rough.svg") 95% 13% / 72px 72px no-repeat,
    url("assets/images/doodle-star-rough.svg") 12% 18% / 60px 60px no-repeat !important;
}

/* Ogni seconda card cambia disposizione: effetto diario vero, non copia-incolla */
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::before{
  -webkit-mask:
    url("assets/images/doodle-skull-rough.svg") 9% 76% / 88px 96px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 88% 55% / 108px 99px no-repeat,
    url("assets/images/doodle-star-rough.svg") 79% 90% / 60px 60px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-rough.svg") 9% 76% / 88px 96px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 88% 55% / 108px 99px no-repeat,
    url("assets/images/doodle-star-rough.svg") 79% 90% / 60px 60px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::after{
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 91% 20% / 88px 81px no-repeat,
    url("assets/images/doodle-star-rough.svg") 10% 25% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 91% 83% / 82px 90px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 91% 20% / 88px 81px no-repeat,
    url("assets/images/doodle-star-rough.svg") 10% 25% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 91% 83% / 82px 90px no-repeat !important;
}

/* SINGLE: stessa logica, bordi decorati e centro leggibile */
body.single-post article.diario-single-sheet{
  padding:60px 185px 58px 135px !important;
}
.diario-single-side-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-rough.svg") 91% 20% / 110px 101px no-repeat,
    url("assets/images/doodle-star-rough.svg") 95% 61% / 78px 78px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 9% 82% / 62px 57px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-rough.svg") 91% 20% / 110px 101px no-repeat,
    url("assets/images/doodle-star-rough.svg") 95% 61% / 78px 78px no-repeat,
    url("assets/images/doodle-heart-rough.svg") 9% 82% / 62px 57px no-repeat !important;
}
.diario-single-side-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 92% 39% / 108px 108px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 10% 72% / 86px 94px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 92% 39% / 108px 108px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 10% 72% / 86px 94px no-repeat !important;
}
body.single-post article.diario-single-sheet::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-rough.svg") 9% 18% / 82px 82px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 91% 82% / 96px 105px no-repeat !important;
  mask:
    url("assets/images/doodle-star-rough.svg") 9% 18% / 82px 82px no-repeat,
    url("assets/images/doodle-skull-rough.svg") 91% 82% / 96px 105px no-repeat !important;
}

/* Protezione assoluta: testo, foto e pulsanti sopra ogni scarabocchio */
body.category-diario .diario-journal-copy,
body.category-diario .diario-journal-polaroid,
body.category-diario .diario-journal-note,
body.category-diario .diario-journal-read,
body.single-post .diario-single-topline,
body.single-post .diario-single-title,
body.single-post .diario-single-doodles,
body.single-post .diario-single-content,
body.single-post .diario-single-closing{
  position:relative !important;
  z-index:20 !important;
}

/* Mobile: meno decorazioni e nessuna invasione */
@media(max-width:760px){
 body.category-diario .diario-hero{padding:48px 45px 42px 70px !important;min-height:310px!important}
 body.category-diario .diario-journal-paper{padding:40px 38px 38px 70px!important;grid-template-columns:1fr!important}
 body.single-post article.diario-single-sheet{padding:48px 38px 42px 72px!important}
 .diario-hero-doodles,.diario-entry-doodles,.diario-single-side-doodles,
 body.category-diario .diario-hero::after,
 body.category-diario .diario-journal-paper::after,
 body.single-post article.diario-single-sheet::after{opacity:.52!important}
}


/* ==========================================================
   v2.5.1 — DOODLE COME LO SFONDO + GRAFFETTA FOTO
   ========================================================== */

/* Doodle ridisegnati nello stile degli scarabocchi dello sfondo.
   Restano confinati nelle zone libere e non passano sul testo. */
.diario-hero-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 13% 50% / 112px 103px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 88% 49% / 105px 113px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 94% 83% / 54px 50px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 13% 50% / 112px 103px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 88% 49% / 105px 113px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 94% 83% / 54px 50px no-repeat !important;
}
.diario-hero-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 8% 78% / 83px 90px no-repeat,
    url("assets/images/doodle-star-bg.svg") 94% 18% / 95px 95px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 8% 78% / 83px 90px no-repeat,
    url("assets/images/doodle-star-bg.svg") 94% 18% / 95px 95px no-repeat !important;
}
body.category-diario .diario-hero::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 9% 18% / 88px 88px no-repeat,
    url("assets/images/doodle-star-bg.svg") 96% 68% / 65px 65px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 9% 18% / 88px 88px no-repeat,
    url("assets/images/doodle-star-bg.svg") 96% 68% / 65px 65px no-repeat !important;
}

/* CARD: solo fasce laterali, così non possono sovrapporsi al contenuto centrale */
.diario-entry-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 91% 23% / 100px 92px no-repeat,
    url("assets/images/doodle-star-bg.svg") 95% 73% / 68px 68px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 91% 23% / 100px 92px no-repeat,
    url("assets/images/doodle-star-bg.svg") 95% 73% / 68px 68px no-repeat !important;
}
.diario-entry-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 94% 48% / 98px 98px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 9% 82% / 58px 54px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 94% 48% / 98px 98px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 9% 82% / 58px 54px no-repeat !important;
}
body.category-diario .diario-journal-paper::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 91% 83% / 90px 98px no-repeat,
    url("assets/images/doodle-star-bg.svg") 9% 17% / 61px 61px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 91% 83% / 90px 98px no-repeat,
    url("assets/images/doodle-star-bg.svg") 9% 17% / 61px 61px no-repeat !important;
}

/* Seconda card: variazione, sempre lontana dal testo */
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::before{
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 8% 78% / 82px 89px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 91% 52% / 100px 92px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 8% 78% / 82px 89px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 91% 52% / 100px 92px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::after{
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 9% 24% / 91px 91px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 82px 89px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 9% 24% / 91px 91px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 82px 89px no-repeat !important;
}

/* Graffetta colorata sopra la Polaroid/immagine.
   Alterna fucsia e azzurro fra gli articoli. */
body.category-diario .diario-journal-polaroid::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:46px !important;
  height:86px !important;
  left:-23px !important;
  top:-28px !important;
  z-index:25 !important;
  background:#f22678 !important;
  -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  transform:rotate(-12deg) !important;
  pointer-events:none !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-polaroid::after{
  background:#28baf1 !important;
  transform:rotate(9deg) !important;
}

/* Graffetta anche nell'immagine del singolo articolo */
body.single-post .diario-single-polaroid{
  position:relative !important;
}
body.single-post .diario-single-polaroid::after{
  content:"" !important;
  position:absolute !important;
  width:48px !important;
  height:90px !important;
  left:-24px !important;
  top:-27px !important;
  z-index:25 !important;
  background:#28baf1 !important;
  -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  transform:rotate(-11deg) !important;
  pointer-events:none !important;
}

/* Singolo: nuovi doodle, confinati ai margini */
.diario-single-side-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 92% 20% / 103px 95px no-repeat,
    url("assets/images/doodle-star-bg.svg") 95% 64% / 72px 72px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 92% 20% / 103px 95px no-repeat,
    url("assets/images/doodle-star-bg.svg") 95% 64% / 72px 72px no-repeat !important;
}
.diario-single-side-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 92% 42% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 8% 76% / 82px 89px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 92% 42% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 8% 76% / 82px 89px no-repeat !important;
}
body.single-post article.diario-single-sheet::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 8% 18% / 76px 76px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 91px 99px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 8% 18% / 76px 76px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 91px 99px no-repeat !important;
}

/* niente decorazioni sopra testo e pulsanti */
body.category-diario .diario-journal-copy,
body.category-diario .diario-journal-polaroid,
body.category-diario .diario-journal-note,
body.category-diario .diario-journal-read,
body.single-post .diario-single-content,
body.single-post .diario-single-title{
  z-index:30 !important;
}


/* ==========================================================
   v2.5.2 — DOODLE GRANDI, DISTANZIATI, ZERO SOVRAPPOSIZIONI
   ========================================================== */

/* HERO: 5 doodle grandi, tutti ai bordi.
   Nessuno entra nella fascia centrale del titolo/testo. */
.diario-hero-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 92% 22% / 132px 121px no-repeat,
    url("assets/images/doodle-star-bg.svg") 92% 72% / 105px 105px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 92% 22% / 132px 121px no-repeat,
    url("assets/images/doodle-star-bg.svg") 92% 72% / 105px 105px no-repeat !important;
}
.diario-hero-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 91% 47% / 132px 132px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 10% 78% / 118px 128px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 91% 47% / 132px 132px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 10% 78% / 118px 128px no-repeat !important;
}
body.category-diario .diario-hero::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 9% 23% / 118px 118px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 91% 86% / 112px 121px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 9% 23% / 118px 118px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 91% 86% / 112px 121px no-repeat !important;
}

/* Più spazio protetto attorno ai contenuti della hero */
body.category-diario .diario-hero{
  padding-left:175px !important;
  padding-right:215px !important;
  min-height:430px !important;
}

/* CARD: 4 decorazioni grandi, solo angoli/margini estremi */
.diario-entry-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 93% 20% / 120px 110px no-repeat,
    url("assets/images/doodle-star-bg.svg") 93% 76% / 100px 100px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 93% 20% / 120px 110px no-repeat,
    url("assets/images/doodle-star-bg.svg") 93% 76% / 100px 100px no-repeat !important;
}
.diario-entry-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 92% 49% / 125px 125px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 92% 49% / 125px 125px no-repeat !important;
}
body.category-diario .diario-journal-paper::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 91% 85% / 112px 121px no-repeat,
    url("assets/images/doodle-star-bg.svg") 8% 16% / 94px 94px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 91% 85% / 112px 121px no-repeat,
    url("assets/images/doodle-star-bg.svg") 8% 16% / 94px 94px no-repeat !important;
}

/* Le card pari cambiano lato, ma restano sempre fuori dal testo */
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::before{
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 92% 22% / 118px 108px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 92% 22% / 118px 108px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::after{
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 92% 52% / 125px 125px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 8% 80% / 108px 117px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 92% 52% / 125px 125px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 8% 80% / 108px 117px no-repeat !important;
}

/* Aumenta la zona di sicurezza della card */
body.category-diario .diario-journal-paper{
  padding-left:145px !important;
  padding-right:220px !important;
  min-height:360px !important;
}

/* La graffetta resta sulla FOTO, non fluttua se non c'è una foto */
body.category-diario .diario-journal-polaroid::after{
  width:54px !important;
  height:100px !important;
  left:-18px !important;
  top:-34px !important;
}

/* Singolo articolo: stessa regola, grandi e distanti */
.diario-single-side-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 93% 21% / 125px 115px no-repeat,
    url("assets/images/doodle-star-bg.svg") 93% 70% / 100px 100px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 93% 21% / 125px 115px no-repeat,
    url("assets/images/doodle-star-bg.svg") 93% 70% / 100px 100px no-repeat !important;
}
.diario-single-side-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 92% 46% / 130px 130px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 8% 80% / 110px 119px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 92% 46% / 130px 130px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 8% 80% / 110px 119px no-repeat !important;
}
body.single-post article.diario-single-sheet::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 8% 18% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 87% / 115px 125px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 8% 18% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 87% / 115px 125px no-repeat !important;
}
body.single-post article.diario-single-sheet{
  padding-left:160px !important;
  padding-right:220px !important;
}

/* Il contenuto vince SEMPRE sui doodle */
body.category-diario .diario-hero > :not(.diario-hero-doodles):not(.diario-hole-strip),
body.category-diario .diario-journal-paper > :not(.diario-entry-doodles):not(.diario-hole-strip),
body.single-post article.diario-single-sheet > :not(.diario-single-side-doodles):not(.diario-hole-strip){
  position:relative !important;
  z-index:50 !important;
}

/* Mobile: doodle ridotti per non mangiare spazio */
@media(max-width:760px){
  body.category-diario .diario-hero{
    padding:48px 34px 42px 72px !important;
    min-height:330px !important;
  }
  body.category-diario .diario-journal-paper{
    padding:40px 32px 38px 72px !important;
    min-height:330px !important;
  }
  body.single-post article.diario-single-sheet{
    padding:48px 32px 42px 72px !important;
  }
  .diario-hero-doodles,
  .diario-entry-doodles,
  .diario-single-side-doodles,
  body.category-diario .diario-hero::after,
  body.category-diario .diario-journal-paper::after,
  body.single-post article.diario-single-sheet::after{
    opacity:.35 !important;
  }
}


/* ==========================================================
   v2.5.3 — DOODLE PIÙ SPARSI
   niente gruppi sovrapposti, più respiro tra gli elementi
   ========================================================== */

/* HERO: distribuzione su 4 angoli separati */
.diario-hero-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 90% 18% / 118px 108px no-repeat,
    url("assets/images/doodle-star-bg.svg") 82% 76% / 92px 92px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 90% 18% / 118px 108px no-repeat,
    url("assets/images/doodle-star-bg.svg") 82% 76% / 92px 92px no-repeat !important;
}

.diario-hero-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 10% 72% / 105px 114px no-repeat,
    url("assets/images/doodle-star-bg.svg") 94% 48% / 112px 112px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 10% 72% / 105px 114px no-repeat,
    url("assets/images/doodle-star-bg.svg") 94% 48% / 112px 112px no-repeat !important;
}

body.category-diario .diario-hero::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 10% 20% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 94% 82% / 104px 113px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 10% 20% / 100px 100px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 94% 82% / 104px 113px no-repeat !important;
}

/* CARD DISPARI: uno per zona, niente cluster sulla destra */
.diario-entry-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 88% 20% / 110px 101px no-repeat,
    url("assets/images/doodle-star-bg.svg") 12% 82% / 88px 88px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 88% 20% / 110px 101px no-repeat,
    url("assets/images/doodle-star-bg.svg") 12% 82% / 88px 88px no-repeat !important;
}

.diario-entry-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 92% 58% / 112px 112px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 18% 20% / 74px 68px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 92% 58% / 112px 112px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 18% 20% / 74px 68px no-repeat !important;
}

body.category-diario .diario-journal-paper::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 100px 108px no-repeat,
    url("assets/images/doodle-star-bg.svg") 10% 18% / 82px 82px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 100px 108px no-repeat,
    url("assets/images/doodle-star-bg.svg") 10% 18% / 82px 82px no-repeat !important;
}

/* CARD PARI: distribuzione alternativa */
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::before{
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 88% 72% / 112px 103px no-repeat,
    url("assets/images/doodle-star-bg.svg") 14% 18% / 86px 86px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 88% 72% / 112px 103px no-repeat,
    url("assets/images/doodle-star-bg.svg") 14% 18% / 86px 86px no-repeat !important;
}

body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::after{
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 91% 28% / 108px 108px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 11% 78% / 96px 104px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 91% 28% / 108px 108px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 11% 78% / 96px 104px no-repeat !important;
}

body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-paper::after{
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 98px 106px no-repeat,
    url("assets/images/doodle-star-bg.svg") 8% 44% / 80px 80px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 98px 106px no-repeat,
    url("assets/images/doodle-star-bg.svg") 8% 44% / 80px 80px no-repeat !important;
}

/* più aria ai lati */
body.category-diario .diario-journal-paper{
  padding-left:165px !important;
  padding-right:240px !important;
  min-height:380px !important;
}

/* single post: stessa logica più sparsa */
.diario-single-side-doodles::before{
  background:#f22678 !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 90% 18% / 114px 105px no-repeat,
    url("assets/images/doodle-star-bg.svg") 86% 76% / 90px 90px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 90% 18% / 114px 105px no-repeat,
    url("assets/images/doodle-star-bg.svg") 86% 76% / 90px 90px no-repeat !important;
}

.diario-single-side-doodles::after{
  background:#28baf1 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 94% 48% / 114px 114px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 10% 78% / 100px 108px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 94% 48% / 114px 114px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 10% 78% / 100px 108px no-repeat !important;
}

body.single-post article.diario-single-sheet::after{
  background:#171018 !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 10% 18% / 90px 90px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 100px 108px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 10% 18% / 90px 90px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 84% / 100px 108px no-repeat !important;
}

/* mobile: ancora più leggeri e meno numerosi */
@media(max-width:760px){
  .diario-entry-doodles::before,
  .diario-entry-doodles::after,
  body.category-diario .diario-journal-paper::after{
    opacity:.26 !important;
  }
}


/* ==========================================================
   v2.5.5 — MOCKUP APPROVATO: SCARABOCCHI DAVVERO SPARSI
   Base: v2.5.3 originale rimandata dall'utente.
   ========================================================== */

/* Evita doppioni: usiamo una sola serie controllata di doodle */
body.category-diario .diario-entry-doodles > img,
body.category-diario .diario-hero-doodles > img,
body.single-post .diario-single-side-doodles > img{
    display:none !important;
}

/* HERO — ogni doodle ha una zona tutta sua */
.diario-hero-doodles::before{
    background:#f22678 !important;
    -webkit-mask:
      url("assets/images/doodle-heart-bg.svg") 93% 18% / 104px 96px no-repeat,
      url("assets/images/doodle-star-bg.svg") 70% 82% / 66px 66px no-repeat !important;
    mask:
      url("assets/images/doodle-heart-bg.svg") 93% 18% / 104px 96px no-repeat,
      url("assets/images/doodle-star-bg.svg") 70% 82% / 66px 66px no-repeat !important;
}
.diario-hero-doodles::after{
    background:#28baf1 !important;
    -webkit-mask:
      url("assets/images/doodle-skull-bg.svg") 11% 77% / 92px 100px no-repeat,
      url("assets/images/doodle-star-bg.svg") 83% 50% / 86px 86px no-repeat !important;
    mask:
      url("assets/images/doodle-skull-bg.svg") 11% 77% / 92px 100px no-repeat,
      url("assets/images/doodle-star-bg.svg") 83% 50% / 86px 86px no-repeat !important;
}
body.category-diario .diario-hero::after{
    background:#171018 !important;
    -webkit-mask:
      url("assets/images/doodle-star-bg.svg") 11% 18% / 82px 82px no-repeat,
      url("assets/images/doodle-skull-bg.svg") 94% 78% / 84px 91px no-repeat !important;
    mask:
      url("assets/images/doodle-star-bg.svg") 11% 18% / 82px 82px no-repeat,
      url("assets/images/doodle-skull-bg.svg") 94% 78% / 84px 91px no-repeat !important;
}

/* CARD — niente cluster: 6 zone molto distanti */
.diario-entry-doodles::before{
    background:#f22678 !important;
    -webkit-mask:
      url("assets/images/doodle-star-bg.svg") 8% 22% / 72px 72px no-repeat,
      url("assets/images/doodle-heart-bg.svg") 76% 34% / 76px 70px no-repeat !important;
    mask:
      url("assets/images/doodle-star-bg.svg") 8% 22% / 72px 72px no-repeat,
      url("assets/images/doodle-heart-bg.svg") 76% 34% / 76px 70px no-repeat !important;
}
.diario-entry-doodles::after{
    background:#28baf1 !important;
    -webkit-mask:
      url("assets/images/doodle-heart-bg.svg") 10% 82% / 62px 57px no-repeat,
      url("assets/images/doodle-star-bg.svg") 88% 18% / 82px 82px no-repeat !important;
    mask:
      url("assets/images/doodle-heart-bg.svg") 10% 82% / 62px 57px no-repeat,
      url("assets/images/doodle-star-bg.svg") 88% 18% / 82px 82px no-repeat !important;
}
body.category-diario .diario-journal-paper::after{
    background:#171018 !important;
    -webkit-mask:
      url("assets/images/doodle-skull-bg.svg") 92% 78% / 82px 89px no-repeat !important;
    mask:
      url("assets/images/doodle-skull-bg.svg") 92% 78% / 82px 89px no-repeat !important;
}

/* Card pari: cambiano posizione, sempre isolate */
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::before{
    -webkit-mask:
      url("assets/images/doodle-heart-bg.svg") 10% 28% / 68px 63px no-repeat,
      url("assets/images/doodle-star-bg.svg") 77% 78% / 70px 70px no-repeat !important;
    mask:
      url("assets/images/doodle-heart-bg.svg") 10% 28% / 68px 63px no-repeat,
      url("assets/images/doodle-star-bg.svg") 77% 78% / 70px 70px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::after{
    -webkit-mask:
      url("assets/images/doodle-star-bg.svg") 90% 22% / 82px 82px no-repeat,
      url("assets/images/doodle-skull-bg.svg") 12% 80% / 78px 85px no-repeat !important;
    mask:
      url("assets/images/doodle-star-bg.svg") 90% 22% / 82px 82px no-repeat,
      url("assets/images/doodle-skull-bg.svg") 12% 80% / 78px 85px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-paper::after{
    -webkit-mask:
      url("assets/images/doodle-skull-bg.svg") 93% 72% / 80px 87px no-repeat !important;
    mask:
      url("assets/images/doodle-skull-bg.svg") 93% 72% / 80px 87px no-repeat !important;
}

/* Non tocchiamo impaginazione/testi della v2.5.3 */
body.category-diario .diario-journal-copy,
body.category-diario .diario-journal-note,
body.category-diario .diario-journal-polaroid{
    position:relative !important;
    z-index:40 !important;
}

/* Graffetta colorata SOLO quando esiste la foto */
body.category-diario .diario-journal-polaroid{
    position:relative !important;
}
body.category-diario .diario-journal-polaroid::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    width:50px !important;
    height:94px !important;
    left:-15px !important;
    top:-30px !important;
    z-index:60 !important;
    background:#f22678 !important;
    -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
    mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
    transform:rotate(-8deg) !important;
    pointer-events:none !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-polaroid::after{
    background:#28baf1 !important;
    transform:rotate(8deg) !important;
}

/* Singolo articolo: stessa graffetta sulla foto */
body.single-post .diario-single-polaroid{
    position:relative !important;
}
body.single-post .diario-single-polaroid::after{
    content:"" !important;
    position:absolute !important;
    width:50px !important;
    height:94px !important;
    left:-15px !important;
    top:-30px !important;
    z-index:60 !important;
    background:#f22678 !important;
    -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
    mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
    transform:rotate(-8deg) !important;
    pointer-events:none !important;
}


/* ==========================================================
   v2.5.6 — DIARIO COME MOCKUP APPROVATO
   Base: v2.5.5 caricata dall'utente.
   Obiettivo: doodle sparsi, nessun cluster, graffette visibili,
   elementi "ERP"/extra (fulmini/frecce) nei margini.
   ========================================================== */

:root{
  --diario-pink:#f22678;
  --diario-blue:#20b8ee;
  --diario-ink:#171018;
  --diario-paper:#fffaf0;
}

/* --- HERO: 6 doodle, tutti separati --- */
.diario-hero-doodles::before{
  background:var(--diario-pink) !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 92% 18% / 112px 103px no-repeat,
    url("assets/images/doodle-star-bg.svg") 78% 82% / 72px 72px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 92% 18% / 112px 103px no-repeat,
    url("assets/images/doodle-star-bg.svg") 78% 82% / 72px 72px no-repeat !important;
}
.diario-hero-doodles::after{
  background:var(--diario-blue) !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 11% 76% / 92px 100px no-repeat,
    url("assets/images/doodle-star-bg.svg") 82% 50% / 88px 88px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 11% 76% / 92px 100px no-repeat,
    url("assets/images/doodle-star-bg.svg") 82% 50% / 88px 88px no-repeat !important;
}
body.category-diario .diario-hero::after{
  background:var(--diario-ink) !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 10% 18% / 82px 82px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 94% 75% / 82px 89px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 10% 18% / 82px 82px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 94% 75% / 82px 89px no-repeat !important;
}

/* niente doppio teschio vicino a DIARIO */
body.category-diario .diario-hero .diario-skull,
body.category-diario .diario-hero [class*="skull"]:not(.diario-hero-doodles){
  display:none !important;
}

/* --- POST: doodle come mockup, uno per zona --- */
.diario-entry-doodles::before{
  background:var(--diario-pink) !important;
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 8% 20% / 70px 70px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 75% 62% / 74px 68px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 8% 20% / 70px 70px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 75% 62% / 74px 68px no-repeat !important;
}
.diario-entry-doodles::after{
  background:var(--diario-blue) !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 10% 80% / 62px 57px no-repeat,
    url("assets/images/doodle-star-bg.svg") 88% 18% / 78px 78px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 10% 80% / 62px 57px no-repeat,
    url("assets/images/doodle-star-bg.svg") 88% 18% / 78px 78px no-repeat !important;
}
body.category-diario .diario-journal-paper::after{
  background:var(--diario-ink) !important;
  -webkit-mask:
    url("assets/images/doodle-skull-bg.svg") 91% 78% / 82px 89px no-repeat !important;
  mask:
    url("assets/images/doodle-skull-bg.svg") 91% 78% / 82px 89px no-repeat !important;
}

/* seconda card: cambia disposizione, non ripete lo stesso schema */
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::before{
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 76% 20% / 72px 72px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 84% 80% / 68px 63px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 76% 20% / 72px 72px no-repeat,
    url("assets/images/doodle-heart-bg.svg") 84% 80% / 68px 63px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-entry-doodles::after{
  -webkit-mask:
    url("assets/images/doodle-star-bg.svg") 8% 70% / 78px 78px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 32% / 78px 85px no-repeat !important;
  mask:
    url("assets/images/doodle-star-bg.svg") 8% 70% / 78px 78px no-repeat,
    url("assets/images/doodle-skull-bg.svg") 92% 32% / 78px 85px no-repeat !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-paper::after{
  background:var(--diario-ink) !important;
  -webkit-mask:
    url("assets/images/doodle-heart-bg.svg") 83% 82% / 64px 59px no-repeat !important;
  mask:
    url("assets/images/doodle-heart-bg.svg") 83% 82% / 64px 59px no-repeat !important;
}

/* protegge sempre titolo, testo, post-it e pulsanti */
body.category-diario .diario-journal-copy,
body.category-diario .diario-journal-note,
body.category-diario .diario-journal-polaroid,
body.category-diario .diario-journal-read{
  position:relative !important;
  z-index:50 !important;
}

/* --- GRAFFETTA FUXIA SUL POST-IT "NOTA MENTALE" --- */
body.category-diario .diario-journal-note{
  position:relative !important;
  overflow:visible !important;
}
body.category-diario .diario-journal-note::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:42px !important;
  height:82px !important;
  left:7px !important;
  top:-25px !important;
  z-index:80 !important;
  background:var(--diario-pink) !important;
  -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  transform:rotate(-7deg) !important;
  pointer-events:none !important;
}

/* --- GRAFFETTA AZZURRA/FUXIA SULLA FOTO --- */
body.category-diario .diario-journal-polaroid{
  position:relative !important;
  overflow:visible !important;
}
body.category-diario .diario-journal-polaroid::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:44px !important;
  height:86px !important;
  left:-8px !important;
  top:-25px !important;
  z-index:80 !important;
  background:var(--diario-blue) !important;
  -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  transform:rotate(-5deg) !important;
  pointer-events:none !important;
}
body.category-diario .diario-journal-entry:nth-of-type(even) .diario-journal-polaroid::after{
  background:var(--diario-pink) !important;
}

/* --- piccoli elementi extra "ERP"/scarabocchi da quaderno --- */
/* freccia/fulmine discreti solo sui margini, mai sul testo */
body.category-diario .diario-journal-entry{
  position:relative !important;
}
body.category-diario .diario-journal-entry:nth-of-type(3n+1)::before{
  content:"" !important;
  position:absolute !important;
  width:42px !important;
  height:58px !important;
  right:5.5% !important;
  top:46% !important;
  background:var(--diario-pink) !important;
  -webkit-mask:url("assets/images/doodle-lightning-bg.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-lightning-bg.svg") center/contain no-repeat !important;
  transform:rotate(12deg) !important;
  z-index:8 !important;
  pointer-events:none !important;
}
body.category-diario .diario-journal-entry:nth-of-type(3n+2)::before{
  content:"" !important;
  position:absolute !important;
  width:72px !important;
  height:46px !important;
  right:7% !important;
  top:58% !important;
  background:var(--diario-blue) !important;
  -webkit-mask:url("assets/images/doodle-arrow-bg.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-arrow-bg.svg") center/contain no-repeat !important;
  transform:rotate(-10deg) !important;
  z-index:8 !important;
  pointer-events:none !important;
}

/* singolo articolo: graffetta anche sulla polaroid */
body.single-post .diario-single-polaroid{
  position:relative !important;
  overflow:visible !important;
}
body.single-post .diario-single-polaroid::after{
  content:"" !important;
  position:absolute !important;
  width:46px !important;
  height:88px !important;
  left:-9px !important;
  top:-26px !important;
  z-index:80 !important;
  background:var(--diario-pink) !important;
  -webkit-mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  mask:url("assets/images/doodle-paperclip.svg") center/contain no-repeat !important;
  transform:rotate(-6deg) !important;
  pointer-events:none !important;
}

@media(max-width:760px){
  body.category-diario .diario-journal-entry::before{
    display:none !important;
  }
  body.category-diario .diario-journal-note::before{
    width:32px !important;
    height:64px !important;
    top:-19px !important;
  }
}


/* ==========================================================
   v2.6.0 — FONT MANOSCRITTI GLOBALI + RUBRICHE IN HOME
   ========================================================== */

/* Font scritto a mano su tutto il sito */
html,
body,
button,
input,
textarea,
select,
option,
label,
.site-menu,
.fake-menu,
.post-meta,
.entry-meta,
.comment-form,
.wpforms-container,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container button,
.wp-block-button__link,
.btn,
.read-more{
  font-family:"Patrick Hand","Segoe Print","Bradley Hand",cursive !important;
}

/* Titoli forti: stesso carattere marker del Diario */
h1,h2,h3,h4,h5,h6,
.brand-title,
.hero-title,
.post-title,
.widget-title,
.site-title,
.archive-title,
.home-rubriche h2,
.rubrica-card h3{
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Menu e bottoni restano leggibili ma scritti a mano */
.site-menu a,
.fake-menu a,
.btn,
.read-more,
.wp-block-button__link,
input[type=submit],
button{
  font-family:"Patrick Hand","Segoe Print",cursive !important;
  font-size:1.08em;
}

/* ===== RUBRICHE HOME ===== */
.home-rubriche{
  position:relative;
  margin:34px 0 42px;
  padding:34px 34px 38px;
  background:
    linear-gradient(rgba(255,250,240,.95),rgba(255,250,240,.95)),
    repeating-linear-gradient(0deg,transparent 0 30px,#bdd0e8 31px,#bdd0e8 32px);
  border:4px solid var(--black);
  box-shadow:9px 9px 0 var(--black);
  transform:rotate(.15deg);
}
.home-rubriche:before{
  content:"";
  position:absolute;
  width:180px;
  height:52px;
  left:50%;
  top:-24px;
  transform:translateX(-50%) rotate(-2deg);
  background:url('assets/images/tape.svg') center/contain no-repeat;
  pointer-events:none;
}
.home-rubriche:after{
  content:"♡   ☆   ☠   ✦";
  position:absolute;
  right:28px;
  top:20px;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:28px;
  letter-spacing:8px;
  color:var(--pink);
  transform:rotate(5deg);
  pointer-events:none;
}
.home-rubriche-heading{
  text-align:center;
  max-width:820px;
  margin:0 auto 28px;
}
.rubriche-kicker{
  display:inline-block;
  margin-bottom:6px;
  color:#762248;
  font-weight:900;
  font-size:17px;
}
.home-rubriche h2{
  margin:0;
  font-size:clamp(48px,7vw,78px);
  line-height:1;
}
.home-rubriche-heading p{
  margin:9px auto 0;
  font-size:21px;
  font-weight:800;
}

.rubriche-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.rubrica-card{
  position:relative;
  min-height:230px;
  padding:28px 28px 24px;
  color:var(--black);
  border:3px solid var(--black);
  box-shadow:6px 6px 0 var(--black);
  transform:rotate(-.5deg);
  overflow:hidden;
  transition:.1s ease;
}
.rubrica-card:nth-child(even){transform:rotate(.55deg)}
.rubrica-card:hover{
  transform:translate(3px,3px) rotate(0);
  box-shadow:2px 2px 0 var(--black);
}
.rubrica-card.vip{background:#ffd3e4}
.rubrica-card.astro{background:#ffe55d}
.rubrica-card.cinema{background:#bceeff}
.rubrica-card.playlist{background:#fff9ed}

.rubrica-card:before{
  content:"";
  position:absolute;
  width:100px;
  height:28px;
  top:-12px;
  left:50%;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(239,184,203,.78);
}
.rubrica-card:nth-child(2):before{background:rgba(255,255,255,.60)}
.rubrica-card:nth-child(3):before{background:rgba(255,171,201,.75)}
.rubrica-card:nth-child(4):before{background:rgba(57,199,255,.34)}

.rubrica-icon{
  display:block;
  font-size:42px;
  line-height:1;
  margin-bottom:12px;
  font-family:"Patrick Hand","Segoe Print",cursive;
}
.rubrica-card.vip .rubrica-icon{color:var(--pink-dark)}
.rubrica-card.astro .rubrica-icon{color:#171219}
.rubrica-card.cinema .rubrica-icon{color:#168ab5}
.rubrica-card.playlist .rubrica-icon{color:var(--pink)}

.rubrica-card h3{
  margin:0 0 10px;
  font-size:clamp(27px,3vw,38px);
  line-height:1.05;
}
.rubrica-card p{
  margin:0 0 18px;
  font-size:19px;
  line-height:1.35;
  font-weight:700;
  max-width:92%;
}
.rubrica-go{
  display:inline-block;
  padding:6px 10px;
  background:#fff;
  border:2px solid var(--black);
  box-shadow:3px 3px 0 var(--black);
  font-weight:900;
}
.rubrica-card.vip:after,
.rubrica-card.astro:after,
.rubrica-card.cinema:after,
.rubrica-card.playlist:after{
  position:absolute;
  right:20px;
  bottom:12px;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-size:34px;
  transform:rotate(-10deg);
}
.rubrica-card.vip:after{content:"♡";color:var(--pink)}
.rubrica-card.astro:after{content:"☆";color:#171219}
.rubrica-card.cinema:after{content:"★";color:#168ab5}
.rubrica-card.playlist:after{content:"♫";color:var(--pink)}

@media(max-width:760px){
  .rubriche-grid{grid-template-columns:1fr}
  .home-rubriche{padding:32px 20px}
  .home-rubriche:after{opacity:.35}
}

/* La landing conserva la sua grafica: cambiano solo i font e si aggiunge Rubriche. */

/* 2.6.1 — RUBRICHE nel menu principale */
.site-menu .menu-item-rubriche > a,
.fake-menu .menu-item-rubriche > a{
  background:#ffe45c !important;
}


/* ==========================================================
   2.6.2 — HOME PULITA + CAMPI POSTA DEL CUORE
   ========================================================== */

/* Le sezioni principali sostituiscono l'elenco cronologico misto. */
.home-main-sections{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin:34px 0 40px;
}
.home-section-card{
  position:relative;
  min-height:265px;
  padding:30px 26px 26px;
  border:4px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  color:var(--black);
  overflow:hidden;
  transform:rotate(-.35deg);
}
.home-section-card:nth-child(2){transform:rotate(.35deg)}
.home-section-card:nth-child(3){transform:rotate(-.2deg)}
.home-section-card:before{
  content:"";
  position:absolute;
  width:110px;
  height:30px;
  left:50%;
  top:-14px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(246,152,184,.75);
}
.diario-home-card{background:#fff6c9}
.segreti-home-card{background:#bcecff}
.posta-home-card{background:#ffd0e1}

.home-section-icon{
  display:block;
  font-size:42px;
  line-height:1;
  margin-bottom:10px;
}
.home-section-card h2{
  margin:0 0 10px;
  font-size:clamp(34px,4vw,48px);
  line-height:1;
}
.home-section-card p{
  margin:0 0 22px;
  font-size:19px;
  line-height:1.4;
  font-weight:700;
}
.home-section-go{
  display:inline-block;
  padding:8px 12px;
  background:#fff;
  border:3px solid var(--black);
  box-shadow:3px 3px 0 var(--black);
  font-weight:900;
}
.home-section-card:hover{
  transform:translate(3px,3px);
  box-shadow:3px 3px 0 var(--black);
}

/* Posta del Cuore: nickname ed email devono essere sempre cliccabili/scrivibili. */
body.page-posta-del-cuore .wpforms-container input[type="text"],
body.page-posta-del-cuore .wpforms-container input[type="email"]{
  pointer-events:auto !important;
  cursor:text !important;
  opacity:1 !important;
  user-select:text !important;
  -webkit-user-select:text !important;
}

@media(max-width:850px){
  .home-main-sections{grid-template-columns:1fr}
}


/* ==========================================================
   2.6.3 — WPForms: campo #5 ATTENZIONE in rosa
   Il consenso alla pubblicazione resta giallo.
   ========================================================== */

/* Intero riquadro del campo 5 */
body.page-posta-del-cuore .wpforms-container .wpforms-field[data-field-id="5"],
body.page-posta-del-cuore .wpforms-container #wpforms-20-field_5-container,
body.page-id-20 .wpforms-container .wpforms-field[data-field-id="5"],
body.page-id-20 .wpforms-container #wpforms-20-field_5-container{
  background:#ffd0e1 !important;
  border:3px dashed #171219 !important;
  padding:18px 16px 16px !important;
  margin-top:22px !important;
  margin-bottom:24px !important;
}

/* Cartellino ATTENZIONE!! */
body.page-posta-del-cuore .wpforms-container .wpforms-field[data-field-id="5"] > .wpforms-field-label,
body.page-posta-del-cuore .wpforms-container #wpforms-20-field_5-container > .wpforms-field-label,
body.page-id-20 .wpforms-container .wpforms-field[data-field-id="5"] > .wpforms-field-label,
body.page-id-20 .wpforms-container #wpforms-20-field_5-container > .wpforms-field-label{
  background:#ff8fbd !important;
  color:#171219 !important;
  border:3px solid #171219 !important;
  box-shadow:4px 4px 0 #171219 !important;
  padding:7px 11px !important;
  transform:rotate(-.5deg) !important;
}

/* Checkbox ben visibile e rosa */
body.page-posta-del-cuore .wpforms-container .wpforms-field[data-field-id="5"] input[type="checkbox"],
body.page-posta-del-cuore .wpforms-container #wpforms-20-field_5-container input[type="checkbox"],
body.page-id-20 .wpforms-container .wpforms-field[data-field-id="5"] input[type="checkbox"],
body.page-id-20 .wpforms-container #wpforms-20-field_5-container input[type="checkbox"]{
  accent-color:#f22678 !important;
}

/* Testo del consenso */
body.page-posta-del-cuore .wpforms-container .wpforms-field[data-field-id="5"] li,
body.page-posta-del-cuore .wpforms-container #wpforms-20-field_5-container li,
body.page-id-20 .wpforms-container .wpforms-field[data-field-id="5"] li,
body.page-id-20 .wpforms-container #wpforms-20-field_5-container li{
  color:#171219 !important;
  font-weight:700 !important;
}

/* v2.6.4 Rubriche */
.home-rubriche .rubrica-card.vip{background:#ffd3e4!important;}
.home-rubriche .rubrica-card.astro{background:#bceeff!important;}
.home-rubriche .rubrica-card.cinema{background:#ffe36f!important;}
.home-rubriche .rubrica-card.playlist{background:#fff9ed!important;}

.home-rubriche .rubrica-card.astro .rubrica-icon,
.home-rubriche .rubrica-card.astro:after{color:#159fd3!important;}

.home-rubriche .rubrica-card.cinema .rubrica-icon{
 font-size:0!important;
}
.home-rubriche .rubrica-card.cinema .rubrica-icon:before{
 content:"🎥";
 display:block;
 font-size:42px;
 filter:sepia(1) saturate(6) hue-rotate(355deg) brightness(.78);
}
.home-rubriche .rubrica-card.cinema:after{
 content:"🎥"!important;
 font-size:40px!important;
 filter:sepia(1) saturate(6) hue-rotate(355deg) brightness(.78);
}
.home-rubriche .rubrica-card.cinema:before{
 background:rgba(210,151,0,.32)!important;
}

/* v2.6.5 — Cinema Terapia: cineprese semplici, stilizzate, giallo scuro */
.home-rubriche .rubrica-card.cinema .rubrica-icon{
  position:relative!important;
  display:block!important;
  width:48px!important;
  height:38px!important;
  margin:0 0 14px 5px!important;
  font-size:0!important;
  filter:none!important;
  color:#c88a00!important;
}
.home-rubriche .rubrica-card.cinema .rubrica-icon::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:15px!important;
  width:27px!important;
  height:17px!important;
  border:4px solid #c88a00!important;
  border-radius:2px!important;
  background:transparent!important;
  box-sizing:border-box!important;
  filter:none!important;
}
.home-rubriche .rubrica-card.cinema .rubrica-icon::after{
  content:"◯  ◯"!important;
  position:absolute!important;
  left:2px!important;
  top:-9px!important;
  font-family:Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:900!important;
  letter-spacing:-3px!important;
  color:#c88a00!important;
  white-space:nowrap!important;
  transform:none!important;
  filter:none!important;
}

/* Seconda cinepresa: piccolo doodle nell'angolo in basso */
.home-rubriche .rubrica-card.cinema:after{
  content:"▣ ◯◯"!important;
  position:absolute!important;
  right:22px!important;
  bottom:15px!important;
  font-family:"Patrick Hand","Segoe Print",cursive!important;
  font-size:27px!important;
  font-weight:900!important;
  letter-spacing:-2px!important;
  line-height:1!important;
  color:#c88a00!important;
  transform:rotate(-5deg)!important;
  filter:none!important;
}


/* ==========================================================
   v2.6.6 — CINEMA TERAPIA: CINEPRESA DOODLE SEMPLICE
   Ispirata al disegnino stilizzato della grafica di riferimento.
   ========================================================== */

.home-rubriche .rubrica-card.cinema .rubrica-icon{
  position:relative !important;
  display:block !important;
  width:58px !important;
  height:48px !important;
  margin:2px 0 12px 4px !important;
  font-size:0 !important;
  color:#c88a00 !important;
  filter:none !important;
}

/* corpo macchina */
.home-rubriche .rubrica-card.cinema .rubrica-icon::before{
  content:"" !important;
  position:absolute !important;
  left:7px !important;
  top:20px !important;
  width:29px !important;
  height:21px !important;
  box-sizing:border-box !important;
  border:3px solid #c88a00 !important;
  border-radius:2px !important;
  background:transparent !important;
  box-shadow:
    -1px -17px 0 -8px transparent !important;
  filter:none !important;
}

/* bobine + lente: caratteri semplicissimi, non emoji */
.home-rubriche .rubrica-card.cinema .rubrica-icon::after{
  content:"○ ○  ◁" !important;
  position:absolute !important;
  left:1px !important;
  top:-3px !important;
  width:58px !important;
  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  font-weight:400 !important;
  letter-spacing:-5px !important;
  line-height:1 !important;
  color:#c88a00 !important;
  white-space:nowrap !important;
  transform:none !important;
  filter:none !important;
}

/* seconda cinepresa nell'angolo: più grande e ariosa, stesso tratto doodle */
.home-rubriche .rubrica-card.cinema:after{
  content:"○ ○\A ▭▷\A ╱ ╲" !important;
  white-space:pre !important;
  position:absolute !important;
  right:24px !important;
  bottom:16px !important;
  width:72px !important;
  height:72px !important;
  font-family:Arial, sans-serif !important;
  font-size:27px !important;
  font-weight:400 !important;
  letter-spacing:-3px !important;
  line-height:.70 !important;
  text-align:center !important;
  color:#c88a00 !important;
  transform:rotate(4deg) !important;
  filter:none !important;
}

/* Manteniamo Cinema Terapia giallo e il nastro coordinato */
.home-rubriche .rubrica-card.cinema{
  background:#ffe36f !important;
}
.home-rubriche .rubrica-card.cinema:before{
  background:rgba(210,151,0,.34) !important;
}


/* ==========================================================
   v2.6.7 — CINEPRESE DOODLE PULITE
   ========================================================== */

/* nasconde completamente le vecchie costruzioni */
.home-rubriche .rubrica-card.cinema .rubrica-icon{
  position:relative !important;
  display:block !important;
  width:62px !important;
  height:48px !important;
  margin:2px 0 12px 5px !important;
  font-size:0 !important;
  color:transparent !important;
  filter:none !important;
}

/* corpo + lente: linea giallo scuro, volutamente semplice */
.home-rubriche .rubrica-card.cinema .rubrica-icon::before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:23px !important;
  width:29px !important;
  height:19px !important;
  border:3px solid #c88a00 !important;
  border-radius:3px 2px 4px 2px !important;
  background:transparent !important;
  box-sizing:border-box !important;
  transform:rotate(-2deg) !important;
  box-shadow:none !important;
  filter:none !important;
}

/* bobine: due cerchi leggermente diversi; niente simboli/emoji */
.home-rubriche .rubrica-card.cinema .rubrica-icon::after{
  content:"" !important;
  position:absolute !important;
  left:9px !important;
  top:2px !important;
  width:20px !important;
  height:20px !important;
  border:3px solid #c88a00 !important;
  border-radius:48% 52% 46% 54% !important;
  background:transparent !important;
  box-sizing:border-box !important;
  transform:rotate(-7deg) !important;
  box-shadow:20px 2px 0 -3px #ffe36f, 20px 2px 0 0 #c88a00 !important;
  filter:none !important;
}

/* lente laterale aggiunta al corpo tramite clip-path su un elemento decorativo
   separato: la seconda cinepresa in basso è volutamente semplice e senza gambe */
.home-rubriche .rubrica-card.cinema:after{
  content:"🎥" !important;
  position:absolute !important;
  right:25px !important;
  bottom:18px !important;
  font-family:Arial,sans-serif !important;
  font-size:47px !important;
  line-height:1 !important;
  color:#c88a00 !important;
  opacity:.92 !important;
  transform:rotate(-7deg) !important;
  filter:grayscale(1) sepia(1) saturate(8) hue-rotate(355deg) brightness(.72) !important;
}

/* manteniamo il giallo Cinema Terapia */
.home-rubriche .rubrica-card.cinema{
  background:#ffe36f !important;
}


/* ==========================================================
   v2.6.8 — CINEPRESE DOODLE SVG
   Disegno semplice e coerente con gli scarabocchi del sito.
   ========================================================== */

/* Icona principale Cinema Terapia */
.home-rubriche .rubrica-card.cinema .rubrica-icon{
  display:block !important;
  width:62px !important;
  height:48px !important;
  margin:0 0 12px 4px !important;
  font-size:0 !important;
  color:transparent !important;
  background:url("assets/images/doodle-camera-yellow.svg") center/contain no-repeat !important;
  filter:none !important;
}

/* neutralizza completamente le vecchie pseudo-cineprese */
.home-rubriche .rubrica-card.cinema .rubrica-icon::before,
.home-rubriche .rubrica-card.cinema .rubrica-icon::after{
  content:none !important;
  display:none !important;
}

/* Seconda cinepresa in basso a destra: stesso identico doodle */
.home-rubriche .rubrica-card.cinema::after{
  content:"" !important;
  position:absolute !important;
  right:22px !important;
  bottom:16px !important;
  width:66px !important;
  height:50px !important;
  background:url("assets/images/doodle-camera-yellow.svg") center/contain no-repeat !important;
  transform:rotate(-5deg) !important;
  filter:none !important;
  opacity:1 !important;
}

/* Mantiene Cinema Terapia giallo */
.home-rubriche .rubrica-card.cinema{
  background:#ffe36f !important;
}


/* ==========================================================
   v2.7.0 — VIP DEL CUORE
   Rivista teen anni '90 / collage da cameretta
   ========================================================== */

.vip-heart-page{
  max-width:1180px;
  margin:34px auto 70px;
  padding:0 18px;
  font-family:"Patrick Hand","Segoe Print","Bradley Hand",cursive;
}

.vip-heart-hero{
  position:relative;
  overflow:hidden;
  padding:54px 42px 48px;
  text-align:center;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.78) 0 31px,rgba(190,214,235,.60) 32px 33px),
    #fff9ee;
  border:4px solid #171219;
  box-shadow:10px 10px 0 #171219;
  transform:rotate(-.25deg);
}
.vip-heart-hero:before{
  content:"";
  position:absolute;
  left:9%;
  top:0;
  bottom:0;
  width:2px;
  background:rgba(242,38,120,.25);
}
.vip-heart-kicker{
  display:inline-block;
  padding:5px 11px;
  margin-bottom:10px;
  background:#20b8ee;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  transform:rotate(-1.5deg);
}
.vip-heart-hero h1{
  position:relative;
  z-index:2;
  margin:5px 0 12px;
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-size:clamp(52px,8vw,94px);
  line-height:.95;
  color:#171219;
  text-shadow:4px 4px 0 #ff77ad;
}
.vip-heart-description{
  position:relative;
  z-index:2;
  max-width:780px;
  margin:0 auto;
  font-size:23px;
  line-height:1.35;
  font-weight:700;
}
.vip-heart-description p{margin:0}
.vip-heart-note{
  display:inline-block;
  position:relative;
  z-index:2;
  margin-top:22px;
  padding:8px 14px;
  background:#ffe36f;
  border:2px dashed #171219;
  transform:rotate(1deg);
  font-weight:900;
}
.vip-tape{
  position:absolute;
  width:130px;
  height:34px;
  background:rgba(255,135,180,.72);
  border-left:1px solid rgba(0,0,0,.12);
  border-right:1px solid rgba(0,0,0,.12);
}
.vip-tape-a{left:5%;top:15px;transform:rotate(-9deg)}
.vip-tape-b{right:5%;bottom:16px;background:rgba(32,184,238,.45);transform:rotate(7deg)}
.vip-doodle{
  position:absolute;
  z-index:1;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-weight:900;
  line-height:1;
}
.vip-heart-one{left:5%;bottom:23%;font-size:75px;color:#f22678;transform:rotate(-15deg)}
.vip-heart-two{right:7%;top:15%;font-size:48px;color:#20b8ee;transform:rotate(11deg)}
.vip-star-one{left:18%;top:12%;font-size:44px;color:#171219;transform:rotate(-12deg)}
.vip-arrow{right:16%;bottom:12%;font-size:58px;color:#f22678;transform:rotate(12deg)}

.vip-heart-board{
  margin-top:48px;
}
.vip-board-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:26px;
}
.vip-board-title h2{
  margin:0;
  padding:8px 15px;
  background:#f22678;
  color:#fff;
  border:3px solid #171219;
  box-shadow:5px 5px 0 #171219;
  transform:rotate(.5deg);
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-size:clamp(28px,4vw,43px);
}
.vip-board-title span{
  font-size:44px;
  color:#20b8ee;
}

.vip-heart-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px;
}
.vip-heart-card{
  position:relative;
  padding:22px;
  background:#fff8ef;
  border:3px solid #171219;
  box-shadow:8px 8px 0 #171219;
  transform:rotate(-.45deg);
}
.vip-heart-card:nth-child(even){
  background:#ffd7e6;
  transform:rotate(.5deg);
}
.vip-heart-card:nth-child(3n){
  background:#c8efff;
}
.vip-card-tape{
  position:absolute;
  z-index:5;
  top:-14px;
  left:50%;
  width:105px;
  height:29px;
  transform:translateX(-50%) rotate(-4deg);
  background:rgba(255,142,186,.75);
}
.vip-heart-card:nth-child(even) .vip-card-tape{
  background:rgba(255,227,111,.78);
  transform:translateX(-50%) rotate(4deg);
}
.vip-photo-wrap{
  display:block;
  position:relative;
  padding:11px 11px 34px;
  background:#fff;
  border:2px solid #171219;
  box-shadow:4px 4px 0 rgba(23,18,25,.35);
  transform:rotate(-1deg);
}
.vip-heart-card:nth-child(even) .vip-photo-wrap{transform:rotate(1deg)}
.vip-photo{
  display:block;
  width:100%;
  height:330px;
  object-fit:cover;
}
.vip-photo-placeholder{
  display:flex;
  height:300px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(135deg,rgba(242,38,120,.09),rgba(32,184,238,.12)),
    #f8f1e9;
  border:2px dashed #171219;
  color:#171219;
  text-align:center;
}
.vip-photo-placeholder span{
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive;
  font-size:31px;
}
.vip-photo-placeholder small{font-size:18px;margin-top:7px}

.vip-card-copy{padding:20px 4px 4px}
.vip-card-label{
  display:inline-block;
  padding:4px 9px;
  background:#ffe36f;
  border:2px solid #171219;
  font-size:16px;
  font-weight:900;
  transform:rotate(-1deg);
}
.vip-card-copy h3{
  margin:12px 0 8px;
  font-family:"Permanent Marker","Marker Felt","Segoe Print",cursive !important;
  font-size:clamp(28px,3.2vw,39px);
  line-height:1.08;
}
.vip-card-copy h3 a{color:#171219;text-decoration:none}
.vip-card-excerpt{
  font-size:20px;
  line-height:1.35;
  font-weight:700;
}
.vip-card-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}
.vip-turbamento{
  color:#f22678;
  font-weight:900;
  font-size:17px;
}
.vip-read{
  display:inline-block;
  padding:7px 11px;
  background:#fff;
  color:#171219;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  text-decoration:none;
}
.vip-read:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #171219}
.vip-card-doodle{
  position:absolute;
  right:12px;
  top:47%;
  color:#f22678;
  font-size:42px;
  font-weight:900;
  transform:rotate(12deg);
}
.vip-heart-card:nth-child(even) .vip-card-doodle{left:9px;right:auto;color:#20b8ee}

.vip-empty{
  max-width:700px;
  margin:0 auto;
  padding:45px 35px;
  text-align:center;
  background:#ffd7e6;
  border:3px dashed #171219;
  box-shadow:7px 7px 0 #171219;
}
.vip-empty-heart{font-size:64px;color:#f22678}
.vip-empty h2{font-size:35px;margin:5px 0 10px}
.vip-empty p{font-size:21px;margin:0}

.vip-pagination{margin-top:38px;text-align:center}

@media(max-width:760px){
  .vip-heart-hero{padding:48px 22px 40px}
  .vip-heart-description{font-size:20px}
  .vip-heart-grid{grid-template-columns:1fr}
  .vip-photo{height:280px}
  .vip-doodle{opacity:.45}
}


/* v2.7.1 VIP: una sola card IERI/OGGI */
.vip-v271 .vip-mag-list{display:flex;flex-direction:column;gap:45px}
.vip-v271 .vip-mag-card{background:#fff8ef;border:4px solid #171219;box-shadow:10px 10px 0 #171219;padding:28px}
.vip-v271 .vip-mag-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.vip-v271 .vip-ieri,.vip-v271 .vip-oggi{position:relative;min-height:460px;border:3px solid #171219;padding:30px}
.vip-v271 .vip-ieri{background:repeating-linear-gradient(0deg,#ffe5ee 0 30px,#f2b7cc 31px 32px);transform:rotate(-.4deg);overflow:hidden}
.vip-v271 .vip-oggi{background:#c9efff;transform:rotate(.4deg)}
.vip-v271 .vip-tag{display:inline-block;background:#ffe36f;border:2px solid #171219;box-shadow:3px 3px 0 #171219;padding:6px 10px;font-size:18px;transform:rotate(-2deg)}
.vip-v271 .vip-tag.blue{background:#2bb9ec;transform:rotate(2deg)}
.vip-v271 .vip-ieri small{display:block;width:max-content;max-width:80%;margin:28px 0 0;background:#171219;color:white;padding:7px 9px;font-weight:bold;transform:rotate(1deg)}
.vip-v271 .vip-ieri h3{margin:34px 0 10px;font-family:"Permanent Marker","Segoe Print",cursive!important;font-size:clamp(44px,6vw,72px);line-height:.95;text-shadow:3px 3px #ff75ad}
.vip-v271 .vip-ieri .era{font-size:22px;font-weight:bold}
.vip-v271 .vip-ieri .cotta{display:inline-block;background:#f22678;color:white;border:2px solid #171219;box-shadow:4px 4px #171219;padding:9px 12px;font-weight:bold;font-size:17px}
.vip-v271 .vip-ieri .cotta strong{font-size:23px}
.vip-v271 .vip-ieri>p:last-child{font-size:19px;font-weight:bold;max-width:390px}
.vip-v271 .vip-ieri .d1,.vip-v271 .vip-ieri .d2{position:absolute;font-style:normal;font-size:65px}
.vip-v271 .vip-ieri .d1{right:25px;top:55px;color:#f22678}.vip-v271 .vip-ieri .d2{right:40px;bottom:20px;color:#20b8ee}
.vip-v271 .vip-polaroid{display:block;margin-top:24px;padding:12px 12px 42px;background:white;border:3px solid #171219;box-shadow:6px 6px rgba(23,18,25,.35);text-decoration:none;color:#171219;transform:rotate(-1deg)}
.vip-v271 .vip-oggi-img{display:block;width:100%;height:350px;object-fit:cover}
.vip-v271 .vip-polaroid>span{display:block;text-align:center;margin-top:11px;font-size:20px;font-weight:bold}
.vip-v271 .vip-credit{text-align:center;font-size:13px;opacity:.7}
.vip-v271 .vip-mag-foot{margin-top:28px;background:#f22678;border:3px solid #171219;box-shadow:5px 5px #171219;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:white}
.vip-v271 .vip-mag-foot div{display:flex;flex-direction:column}.vip-v271 .vip-mag-foot strong{font-family:"Permanent Marker","Segoe Print",cursive!important;font-size:30px}.vip-v271 .vip-mag-foot span{font-size:17px;font-weight:bold}
.vip-v271 .vip-mag-foot a{background:white;color:#171219;border:2px solid #171219;box-shadow:3px 3px #171219;padding:10px 13px;font-weight:bold;text-decoration:none;white-space:nowrap}
@media(max-width:800px){.vip-v271 .vip-mag-cols{grid-template-columns:1fr}.vip-v271 .vip-mag-foot{flex-direction:column;align-items:flex-start}.vip-v271 .vip-oggi-img{height:290px}}


/* v2.7.2 — VIP DEL CUORE: diario scolastico, meno scatole */
.vip-v272 .vip-notebook-list{max-width:980px;margin:42px auto;display:flex;flex-direction:column;gap:28px}
.vip-v272 .vip-note-entry{position:relative;display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center;padding:25px 38px 25px 28px;background:repeating-linear-gradient(0deg,#fffaf2 0 31px,#cfe2ee 32px 33px);border:none;border-left:3px solid #f3a6c3;box-shadow:5px 7px 0 rgba(23,18,25,.9);transform:rotate(-.25deg)}
.vip-v272 .vip-note-entry:nth-child(even){transform:rotate(.35deg)}
.vip-v272 .vip-glued-photo{position:relative;display:block;background:#fff;padding:8px 8px 25px;box-shadow:2px 4px 8px rgba(0,0,0,.32);transform:rotate(-3deg);z-index:2}
.vip-v272 .vip-note-entry:nth-child(even) .vip-glued-photo{transform:rotate(2.5deg)}
.vip-v272 .vip-entry-img{display:block;width:100%;height:180px;object-fit:cover}
.vip-v272 .vip-glue-mark{position:absolute;left:90px;top:13px;width:105px;height:25px;background:rgba(255,154,190,.55);transform:rotate(-6deg);z-index:3}
.vip-v272 .vip-entry-copy{position:relative;z-index:2}
.vip-v272 .vip-entry-label{display:inline-block;background:#ffe36f;padding:4px 8px;transform:rotate(1deg);font-weight:900;font-size:14px}
.vip-v272 .vip-entry-copy h2{margin:7px 0 4px;font-family:"Permanent Marker","Segoe Print",cursive!important;font-size:42px;line-height:1}
.vip-v272 .vip-entry-copy h2 a{color:#171219;text-decoration:none}
.vip-v272 .vip-entry-excerpt{font-size:19px;font-weight:700;line-height:1.35;max-width:580px}
.vip-v272 .vip-entry-read{display:inline-block;margin-top:12px;color:#171219;font-weight:900;text-decoration:none;border-bottom:3px solid #f22678}
.vip-v272 .vip-entry-heart,.vip-v272 .vip-entry-star{position:absolute;font-size:42px;font-weight:bold}
.vip-v272 .vip-entry-heart{right:30px;top:18px;color:#f22678;transform:rotate(12deg)}
.vip-v272 .vip-entry-star{right:50px;bottom:12px;color:#20b8ee;transform:rotate(-12deg)}

.vip-single-diary{max-width:1040px;margin:35px auto 70px;padding:0 18px}
.vip-diary-sheet{position:relative;padding:55px 70px 70px 100px;background:repeating-linear-gradient(0deg,#fffaf2 0 31px,#cbdfea 32px 33px);border-left:3px solid #f3a6c3;box-shadow:8px 9px 0 #171219;overflow:hidden}
.vip-diary-sheet:before,.vip-diary-sheet:after{content:"";position:absolute;left:0;right:0;height:15px;background:#f22678;clip-path:polygon(0 35%,3% 5%,7% 38%,11% 8%,16% 42%,21% 10%,27% 40%,33% 7%,39% 39%,45% 5%,51% 40%,57% 8%,63% 38%,69% 4%,75% 40%,82% 8%,89% 38%,95% 5%,100% 35%,100% 100%,0 100%)}
.vip-diary-sheet:before{top:0}.vip-diary-sheet:after{bottom:0;transform:rotate(180deg)}
.vip-sheet-hole{position:absolute;left:22px;width:25px;height:25px;border-radius:50%;background:#f22678;border:2px solid #d70c61;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.vip-sheet-hole.h1{top:90px}.vip-sheet-hole.h2{top:180px}.vip-sheet-hole.h3{top:270px}
.vip-single-head{position:relative;z-index:2;margin-bottom:25px}
.vip-single-label{font-weight:900;font-size:15px}
.vip-single-head h1{margin:5px 0;font-family:"Permanent Marker","Segoe Print",cursive!important;font-size:clamp(48px,8vw,82px);line-height:.95;text-shadow:3px 3px #ff78ad}
.vip-single-sub{display:inline-block;margin:8px 0;background:#ffe36f;padding:5px 9px;font-size:20px;font-weight:900;transform:rotate(-1deg)}
.vip-single-photo{position:relative;float:right;width:44%;margin:10px 0 28px 38px;padding:13px 13px 42px;background:#fff;box-shadow:4px 7px 12px rgba(0,0,0,.3);transform:rotate(2.2deg);z-index:3}
.vip-single-img{display:block;width:100%;height:auto}
.vip-single-photo figcaption{text-align:center;margin-top:10px;font-size:16px;font-weight:900}
.vip-photo-glue{position:absolute;width:90px;height:25px;background:rgba(255,137,180,.58);z-index:5}
.vip-photo-glue.g1{left:-22px;top:18px;transform:rotate(-42deg)}.vip-photo-glue.g2{right:-18px;bottom:25px;background:rgba(45,190,235,.45);transform:rotate(-35deg)}
.vip-then-note{width:45%;margin:18px 0 30px;padding:18px 20px;background:#ffd9e6;box-shadow:3px 5px 8px rgba(0,0,0,.22);transform:rotate(-1.8deg);font-size:18px}
.vip-then-note span{display:block;color:#f22678;font-weight:900}.vip-then-note strong{display:block;font-family:"Permanent Marker","Segoe Print",cursive;font-size:25px;line-height:1.05;margin:5px 0}
.vip-single-content{font-size:21px;line-height:1.65;font-weight:600}
.vip-single-content:after{content:"";display:block;clear:both}
.vip-single-footer{clear:both;margin-top:38px;text-align:center;font-family:"Permanent Marker","Segoe Print",cursive;font-size:20px;color:#f22678}
.vip-sheet-doodle{position:absolute;font-style:normal;font-size:55px;font-weight:bold;z-index:1}.vip-sheet-doodle.heart{right:4%;top:8%;color:#f22678;transform:rotate(10deg)}.vip-sheet-doodle.star{left:5%;bottom:12%;color:#20b8ee;transform:rotate(-13deg)}.vip-sheet-doodle.arrow{right:7%;bottom:20%;color:#171219;transform:rotate(15deg)}
@media(max-width:760px){.vip-v272 .vip-note-entry{grid-template-columns:1fr;padding:28px}.vip-v272 .vip-glued-photo{max-width:310px;margin:auto}.vip-diary-sheet{padding:50px 28px 60px 55px}.vip-single-photo,.vip-then-note{float:none;width:auto;margin:24px 0}.vip-sheet-hole{left:12px;width:19px;height:19px}}


/* v2.7.3 — VIP DEL CUORE: fogli strappati + foto incollate */
.vip-v273 .vip-note-entry{
  padding:30px 44px 30px 34px;
  border-left:0;
  box-shadow:7px 8px 0 rgba(23,18,25,.92), 0 12px 22px rgba(0,0,0,.12);
  clip-path:polygon(0 2%,2% 0,5% 1.5%,8% .3%,12% 1.4%,16% .2%,20% 1.2%,25% .1%,30% 1.4%,35% .2%,40% 1.1%,46% .1%,52% 1.3%,58% .2%,64% 1.1%,70% .1%,76% 1.3%,82% .2%,88% 1.1%,94% .1%,100% 1.5%,99% 9%,100% 18%,99% 28%,100% 39%,99% 50%,100% 61%,99% 72%,100% 82%,99% 92%,100% 99%,94% 98.5%,88% 100%,82% 98.6%,76% 100%,70% 98.7%,64% 100%,58% 98.6%,52% 100%,46% 98.7%,40% 100%,34% 98.6%,28% 100%,22% 98.7%,16% 100%,10% 98.6%,5% 100%,0 98%,1% 90%,0 80%,1% 70%,0 60%,1% 50%,0 40%,1% 30%,0 20%,1% 10%);
}
.vip-v273 .vip-entry-copy{padding-top:4px}
.vip-v273 .vip-entry-copy h2{margin-top:0;font-size:46px}
.vip-v273 .vip-glued-photo{padding:9px 9px 28px;box-shadow:3px 7px 12px rgba(0,0,0,.3);transform:rotate(-2.5deg)}
.vip-v273 .vip-glue-mark{left:92px;top:12px;width:112px;height:29px;background:rgba(255,147,187,.56);transform:rotate(-6deg)}
.vip-v273 .vip-entry-read{padding-bottom:3px}

.vip-single-diary{max-width:1120px}
.vip-diary-sheet{
  padding:58px 78px 74px 105px;
  border-left:0;
  box-shadow:8px 10px 0 rgba(23,18,25,.95),0 15px 28px rgba(0,0,0,.13);
  overflow:visible;
  clip-path:polygon(0 1.5%,3% 0,7% 1%,11% .1%,15% 1.1%,20% .2%,25% 1%,30% .1%,35% 1.1%,40% .2%,45% 1%,50% .1%,55% 1.1%,60% .2%,65% 1%,70% .1%,75% 1.1%,80% .2%,85% 1%,90% .1%,95% 1.1%,100% .4%,99% 8%,100% 15%,99% 23%,100% 31%,99% 39%,100% 47%,99% 55%,100% 63%,99% 71%,100% 79%,99% 87%,100% 95%,99% 100%,94% 99%,88% 100%,82% 99%,76% 100%,70% 99%,64% 100%,58% 99%,52% 100%,46% 99%,40% 100%,34% 99%,28% 100%,22% 99%,16% 100%,10% 99%,5% 100%,0 98.5%,1% 91%,0 83%,1% 75%,0 67%,1% 59%,0 51%,1% 43%,0 35%,1% 27%,0 19%,1% 11%);
}
.vip-diary-sheet:before,.vip-diary-sheet:after{display:none!important}
.vip-sheet-hole{left:24px;background:#f22678;box-shadow:inset 0 0 0 3px rgba(255,255,255,.25),1px 2px 0 rgba(23,18,25,.35)}
.vip-single-photo{width:43%;margin-top:2px;box-shadow:5px 9px 15px rgba(0,0,0,.27);transform:rotate(2.8deg)}
.vip-then-note{box-shadow:4px 7px 11px rgba(0,0,0,.2);transform:rotate(-1.4deg);clip-path:polygon(0 1%,6% 0,13% 1%,20% 0,28% 1%,36% 0,44% 1%,52% 0,60% 1%,68% 0,76% 1%,84% 0,92% 1%,100% 0,99% 96%,92% 100%,84% 98%,76% 100%,68% 98%,60% 100%,52% 98%,44% 100%,36% 98%,28% 100%,20% 98%,12% 100%,5% 98%,0 100%)}
@media(max-width:760px){.vip-v273 .vip-note-entry{padding:30px 26px}.vip-diary-sheet{padding:50px 26px 62px 58px}}


/* v2.7.6 — Foto IERI opzionale + collage anni '90 */
.vip-ieri-collage{
  position:relative;
  float:left;
  width:45%;
  margin:18px 35px 32px 0;
  padding:28px 24px 30px;
  background:#ffd9e6;
  box-shadow:3px 5px 8px rgba(0,0,0,.22);
  transform:rotate(-1.5deg);
  clip-path:polygon(
    0 2%,7% 0,15% 2%,24% .5%,33% 2%,43% 0,53% 2%,63% .5%,73% 2%,83% 0,92% 2%,100% 1%,
    99% 97%,91% 99%,81% 97%,71% 99%,61% 97%,51% 99%,41% 97%,31% 99%,21% 97%,11% 99%,0 97%
  );
}
.vip-collage-label{
  display:inline-block;
  background:#f22678;
  color:#fff;
  padding:5px 9px;
  font-weight:900;
  transform:rotate(-2deg);
}
.vip-old-polaroid{
  width:72%;
  margin:20px auto 12px;
  padding:9px 9px 32px;
  background:#fff;
  box-shadow:4px 6px 9px rgba(0,0,0,.28);
  transform:rotate(3deg);
}
.vip-old-img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
}
.vip-old-polaroid strong{
  display:block;
  text-align:center;
  margin-top:8px;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:15px;
}
.vip-collage-gridnote{
  display:inline-block;
  padding:7px 10px;
  background:#fff7bd;
  box-shadow:2px 3px rgba(0,0,0,.16);
  transform:rotate(-2deg);
}
.vip-collage-gridnote small,
.vip-collage-gridnote b{display:block}
.vip-collage-gridnote b{color:#f22678;font-size:18px}
.vip-collage-heart,
.vip-collage-star{
  position:absolute;
  font-size:36px;
  font-weight:bold;
}
.vip-collage-heart{right:15px;top:18px;color:#f22678}
.vip-collage-star{left:12px;bottom:18px;color:#20b8ee}

@media(max-width:760px){
  .vip-ieri-collage{
    float:none;
    width:auto;
    margin:24px 0;
  }
  .vip-old-polaroid{width:76%}
}


/* v2.7.7 — vero scrapbook anni '90: niente card rosa unica */
.vip-ieri-scrapbook{
  position:relative;
  float:left;
  width:47%;
  min-height:500px;
  margin:8px 28px 25px -18px;
  padding:20px;
  background:transparent;
  box-shadow:none;
  transform:rotate(-.5deg);
  overflow:visible;
  z-index:3;
}
.vip-ieri-scrapbook .scrap-paper-grid{
  position:absolute;
  width:210px;
  height:145px;
  left:8px;
  top:42px;
  z-index:0;
  opacity:.75;
  transform:rotate(-6deg);
  background-color:#fff8d8;
  background-image:
    linear-gradient(rgba(54,164,205,.28) 1px, transparent 1px),
    linear-gradient(90deg,rgba(54,164,205,.28) 1px, transparent 1px);
  background-size:16px 16px;
  clip-path:polygon(1% 5%,8% 1%,17% 4%,27% 0,38% 4%,49% 1%,60% 5%,72% 1%,84% 4%,99% 1%,97% 96%,88% 99%,77% 95%,65% 99%,53% 96%,42% 99%,29% 95%,17% 99%,4% 96%);
}
.vip-ieri-scrapbook .scrap-label{
  position:absolute;
  top:13px;
  left:30px;
  z-index:8;
  display:inline-block;
  background:#f22678;
  color:#fff;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  padding:6px 10px;
  font-weight:900;
  font-size:16px;
  transform:rotate(-4deg);
}
.vip-ieri-scrapbook .scrap-old-photo{
  position:absolute;
  width:255px;
  left:72px;
  top:92px;
  z-index:5;
  padding:10px 10px 37px;
  background:#fff;
  box-shadow:4px 7px 11px rgba(0,0,0,.30);
  transform:rotate(4.5deg);
}
.vip-ieri-scrapbook .vip-old-img{
  display:block;
  width:100%;
  height:245px;
  object-fit:cover;
}
.vip-ieri-scrapbook .scrap-photo-caption{
  display:block;
  margin-top:9px;
  text-align:center;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:14px;
  line-height:1.05;
}
.vip-ieri-scrapbook .scrap-magazine-strip{
  position:absolute;
  left:5px;
  top:355px;
  z-index:7;
  background:#171219;
  color:#fff;
  padding:7px 11px;
  font-weight:900;
  font-size:14px;
  transform:rotate(-5deg);
  box-shadow:3px 3px 0 #f22678;
}
.vip-ieri-scrapbook .scrap-cotta-note{
  position:absolute;
  right:0;
  top:350px;
  z-index:8;
  padding:9px 12px;
  background:#fff39b;
  box-shadow:3px 4px 0 rgba(23,18,25,.25);
  transform:rotate(5deg);
  font-weight:900;
}
.vip-ieri-scrapbook .scrap-cotta-note small,
.vip-ieri-scrapbook .scrap-cotta-note strong{display:block}
.vip-ieri-scrapbook .scrap-cotta-note strong{color:#f22678;font-size:19px}
.vip-ieri-scrapbook .scrap-secret-note{
  position:absolute;
  left:45px;
  bottom:13px;
  z-index:4;
  padding:9px 13px;
  background:#c9efff;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:14px;
  line-height:1.15;
  transform:rotate(3deg);
  box-shadow:2px 3px 0 rgba(23,18,25,.18);
}
.vip-ieri-scrapbook .scrap-year{
  position:absolute;
  right:7px;
  top:62px;
  z-index:9;
  color:#20b8ee;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:27px;
  transform:rotate(10deg);
}
.vip-ieri-scrapbook .scrap-omg{
  position:absolute;
  right:-8px;
  top:120px;
  z-index:9;
  color:#f22678;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:19px;
  transform:rotate(8deg);
}
.vip-ieri-scrapbook .scrap-arrow{
  position:absolute;
  right:10px;
  top:185px;
  z-index:9;
  color:#171219;
  font-size:54px;
  transform:rotate(17deg);
}
.vip-ieri-scrapbook .scrap-heart-one,
.vip-ieri-scrapbook .scrap-heart-two,
.vip-ieri-scrapbook .scrap-star-one,
.vip-ieri-scrapbook .scrap-star-two{
  position:absolute;
  z-index:10;
  font-weight:900;
}
.vip-ieri-scrapbook .scrap-heart-one{left:10px;top:235px;color:#f22678;font-size:38px;transform:rotate(-12deg)}
.vip-ieri-scrapbook .scrap-heart-two{right:25px;bottom:70px;color:#f22678;font-size:22px;transform:rotate(9deg)}
.vip-ieri-scrapbook .scrap-star-one{left:5px;bottom:45px;color:#20b8ee;font-size:43px;transform:rotate(-8deg)}
.vip-ieri-scrapbook .scrap-star-two{right:28px;top:275px;color:#ffd51f;font-size:34px;transform:rotate(13deg)}
.vip-ieri-scrapbook .scrap-tape{
  position:absolute;
  z-index:11;
  width:78px;
  height:22px;
  opacity:.65;
}
.vip-ieri-scrapbook .scrap-tape-pink{
  left:53px;
  top:78px;
  background:#ff91b9;
  transform:rotate(-38deg);
}
.vip-ieri-scrapbook .scrap-tape-blue{
  left:275px;
  top:318px;
  background:#63ccec;
  transform:rotate(-29deg);
}

/* La foto OGGI resta importante ma leggermente meno monumentale */
.vip-single-photo{
  width:41%;
  margin-left:24px;
}

/* il testo torna a respirare sotto il collage */
.vip-single-content{
  clear:both;
  padding-top:8px;
}

@media(max-width:760px){
  .vip-ieri-scrapbook{
    float:none;
    width:100%;
    max-width:430px;
    min-height:500px;
    margin:15px auto 30px;
  }
  .vip-single-photo{
    float:none;
    width:auto;
    margin:25px 0;
  }
}


/* v2.7.9 — collage pulito: foto subordinate al testo */
.vip-ieri-scrapbook.vip-ieri-clean{
 position:relative;float:left;width:34%;min-height:330px;margin:10px 24px 18px 0;
 padding:0;background:transparent;box-shadow:none;transform:none;overflow:visible;
}
.vip-ieri-clean .clean-paper{position:absolute;display:block;z-index:0;box-shadow:2px 3px 5px rgba(0,0,0,.10)}
.vip-ieri-clean .clean-grid{
 left:5px;top:35px;width:155px;height:135px;transform:rotate(-5deg);
 background-color:#fff9d9;
 background-image:linear-gradient(rgba(51,164,205,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(51,164,205,.24) 1px,transparent 1px);
 background-size:14px 14px;
 clip-path:polygon(0 4%,8% 0,18% 3%,29% 1%,40% 4%,52% 0,64% 3%,76% 1%,88% 4%,100% 1%,98% 96%,87% 99%,74% 96%,61% 99%,48% 96%,35% 99%,21% 96%,9% 99%,0 96%);
}
.vip-ieri-clean .clean-pink{
 right:8px;top:62px;width:145px;height:155px;background:#ffd5e4;transform:rotate(5deg);
 clip-path:polygon(2% 2%,12% 0,24% 3%,37% 1%,51% 4%,65% 0,78% 3%,90% 1%,100% 4%,98% 96%,85% 99%,70% 96%,55% 99%,40% 96%,25% 99%,10% 96%,0 99%);
}
.vip-ieri-clean .clean-cream{
 left:45px;bottom:18px;width:185px;height:95px;background:#fff4e8;transform:rotate(-2deg);
 clip-path:polygon(0 5%,9% 1%,20% 4%,32% 0,44% 4%,57% 1%,70% 4%,83% 0,100% 4%,98% 96%,84% 99%,69% 96%,54% 99%,38% 96%,22% 99%,8% 96%,0 99%);
}
.vip-ieri-clean .scrap-label{top:4px;left:18px;font-size:13px;padding:5px 8px;z-index:8}
.vip-ieri-clean .scrap-old-photo{
 position:absolute;left:54px;top:66px;width:175px;padding:7px 7px 18px;margin:0;
 background:#fff;box-shadow:3px 5px 8px rgba(0,0,0,.25);transform:rotate(2.5deg);z-index:5;
}
.vip-ieri-clean .vip-old-img{width:100%;height:165px;object-fit:cover}
.vip-ieri-clean .clean-tape{
 position:absolute;left:91px;top:53px;width:64px;height:17px;background:rgba(255,145,185,.55);
 transform:rotate(-8deg);z-index:7;
}
.vip-ieri-clean .clean-secret{
 position:absolute;right:0;bottom:26px;z-index:8;background:#fff29d;padding:6px 8px;
 font-size:10px;font-weight:800;line-height:1.05;transform:rotate(3deg);box-shadow:2px 2px rgba(0,0,0,.15);
}
.vip-ieri-clean .clean-secret strong{color:#f22678;font-size:13px}
.vip-ieri-clean .clean-heart{position:absolute;left:12px;bottom:45px;color:#f22678;font-size:27px;z-index:8;transform:rotate(-10deg)}
.vip-ieri-clean .clean-star{position:absolute;right:15px;top:32px;color:#20b8ee;font-size:29px;z-index:8;transform:rotate(9deg)}

/* OGGI: più piccola, non domina il testo */
.vip-single-photo{
 float:right;width:31%;max-width:300px;margin:8px 2% 18px 20px;padding:9px 9px 31px;
 transform:rotate(1.4deg);box-shadow:3px 5px 9px rgba(0,0,0,.24);
}
.vip-single-photo figcaption{font-size:13px;margin-top:7px}
.vip-photo-glue{width:65px;height:18px}

/* Il testo può iniziare subito tra/sotto gli elementi visivi */
.vip-single-content{clear:none;padding-top:0;font-size:20px;line-height:1.62}
.vip-single-content:after{content:"";display:block;clear:both}

@media(max-width:760px){
 .vip-ieri-scrapbook.vip-ieri-clean{float:none;width:310px;max-width:92%;min-height:325px;margin:12px auto 18px}
 .vip-single-photo{float:none;width:70%;max-width:280px;margin:18px auto 24px}
 .vip-single-content{clear:both}
}


/* v2.8.1 — solo scarabocchi aggiuntivi, nessuna modifica al layout */
.vip-sheet-doodle.mini-heart{right:11%;top:31%;font-size:22px;color:#f22678;transform:rotate(12deg)}
.vip-sheet-doodle.xoxo{left:8%;top:56%;font-size:17px;color:#171219;transform:rotate(-9deg)}
.vip-sheet-doodle.bolt{right:7%;bottom:24%;font-size:27px;color:#ffd31f;transform:rotate(13deg)}


/* v2.8.2 — più scarabocchi sul foglio, senza cambiare layout */
.vip-sheet-doodle.heart2{left:31%;top:17%;font-size:25px;color:#f22678;transform:rotate(-14deg)}
.vip-sheet-doodle.star2{right:36%;top:13%;font-size:31px;color:#20b8ee;transform:rotate(11deg)}
.vip-sheet-doodle.star3{left:39%;bottom:16%;font-size:25px;color:#ffd31f;transform:rotate(-8deg)}
.vip-sheet-doodle.xoxo2{right:32%;bottom:9%;font-size:16px;color:#171219;transform:rotate(7deg)}
.vip-sheet-doodle.arrow2{left:29%;bottom:29%;font-size:32px;color:#171219;transform:rotate(-18deg)}
.vip-sheet-doodle.bolt2{left:44%;top:43%;font-size:25px;color:#f22678;transform:rotate(12deg)}
.vip-sheet-doodle.scribble1{right:18%;top:42%;font-size:23px;color:#20b8ee;letter-spacing:-3px;transform:rotate(-22deg)}
.vip-sheet-doodle.scribble2{left:23%;bottom:8%;font-size:17px;color:#f22678;transform:rotate(5deg)}


/* v2.8.6 — scarabocchi piccoli, irregolari e realmente disegnati a mano */
.vip-sheet-doodle{display:none!important}
.vip-doodle-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.vip-doodle-layer .vd{position:absolute;display:block;height:auto;opacity:.92;filter:none}
/* vicino ai buchi, come appunti a penna */
.vip-doodle-layer .vd-h1{left:52px;top:132px;width:29px;transform:rotate(-12deg)}
.vip-doodle-layer .vd-s1{left:48px;top:318px;width:35px;transform:rotate(9deg)}
.vip-doodle-layer .vd-h2{left:58px;top:455px;width:27px;transform:rotate(13deg)}
.vip-doodle-layer .vd-s3{left:50px;bottom:120px;width:38px;transform:rotate(-8deg)}
/* segni sparsi sul foglio, piccoli e lontani dal testo */
.vip-doodle-layer .vd-z1{left:14%;top:18%;width:95px;transform:rotate(-5deg)}
.vip-doodle-layer .vd-s2{right:34%;top:9%;width:31px;transform:rotate(8deg)}
.vip-doodle-layer .vd-b1{right:8%;top:18%;width:27px;transform:rotate(10deg)}
.vip-doodle-layer .vd-a1{right:5%;bottom:22%;width:54px;transform:rotate(13deg)}
.vip-doodle-layer .vd-sk1{right:4%;top:57%;width:45px;transform:rotate(5deg)}
.vip-doodle-layer .vd-h3{right:5%;top:43%;width:27px;transform:rotate(-8deg)}
.vip-doodle-layer .vd-s4{right:25%;bottom:7%;width:36px;transform:rotate(12deg)}
.vip-single-head,.vip-ieri-scrapbook,.vip-single-photo,.vip-single-content,.vip-single-footer{position:relative;z-index:2}
@media(max-width:760px){
 .vip-doodle-layer .vd-z1{width:68px}.vip-doodle-layer .vd-sk1{width:36px}
 .vip-doodle-layer .vd-s1,.vip-doodle-layer .vd-s3,.vip-doodle-layer .vd-s4{width:29px}
}


/* v2.8.7 — pagina HUB Rubriche */
.rubriche-hub-page{
  max-width:1120px;
  margin:36px auto 70px;
  padding:0 18px;
}
.rubriche-hub-hero{
  position:relative;
  padding:42px 28px 34px;
  text-align:center;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.84) 0 31px,rgba(202,224,239,.65) 32px 33px),
    #fff8ef;
  border:4px solid #171219;
  box-shadow:8px 8px 0 #171219;
  overflow:hidden;
}
.rubriche-hub-hero h1{
  margin:0 0 8px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(54px,8vw,86px);
  line-height:1;
}
.rubriche-hub-hero p{
  margin:0 auto;
  max-width:760px;
  font-size:22px;
  font-weight:800;
}
.rubriche-hub-tape{
  position:absolute;
  width:120px;
  height:30px;
  left:50%;
  top:-12px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(255,142,184,.65);
}
.rubriche-hub-doodle{
  position:absolute;
  font-family:"Patrick Hand","Segoe Print",cursive;
  font-weight:900;
}
.rubriche-hub-doodle.d1{left:8%;top:25%;font-size:44px;color:#f22678;transform:rotate(-10deg)}
.rubriche-hub-doodle.d2{right:9%;top:17%;font-size:42px;color:#20b8ee;transform:rotate(9deg)}
.rubriche-hub-doodle.d3{right:18%;bottom:10%;font-size:30px;color:#171219;transform:rotate(-12deg)}

.rubriche-hub-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  margin-top:34px;
}
.rubriche-hub-card{
  position:relative;
  min-height:245px;
  padding:28px 28px 24px;
  border:3px solid #171219;
  box-shadow:6px 6px 0 #171219;
  color:#171219;
  text-decoration:none;
  transform:rotate(-.35deg);
  overflow:hidden;
}
.rubriche-hub-card:nth-child(even){transform:rotate(.4deg)}
.rubriche-hub-card.vip{background:#ffd3e4}
.rubriche-hub-card.astro{background:#bceeff}
.rubriche-hub-card.cinema{background:#ffe36f}
.rubriche-hub-card.playlist{background:#fff9ed}
.rubriche-hub-card:before{
  content:"";
  position:absolute;
  width:100px;
  height:26px;
  left:50%;
  top:-12px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(255,255,255,.5);
}
.rubriche-hub-icon{
  display:block;
  font-size:40px;
  line-height:1;
  margin-bottom:10px;
}
.rubriche-hub-card h2{
  margin:0 0 9px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(28px,3vw,39px);
  line-height:1.05;
}
.rubriche-hub-card p{
  margin:0 0 18px;
  font-size:19px;
  line-height:1.35;
  font-weight:700;
  max-width:92%;
}
.rubriche-hub-enter{
  display:inline-block;
  padding:7px 11px;
  background:#fff;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
}
.rubriche-hub-card:hover{
  transform:translate(3px,3px);
  box-shadow:2px 2px 0 #171219;
}
@media(max-width:760px){
  .rubriche-hub-grid{grid-template-columns:1fr}
}


/* ==========================================================
   v2.8.8 — ASTRODRAMMI
   rivista teen anni '90 + astrologia + ricerca interna
   ========================================================== */
.astro-page{
  max-width:1120px;
  margin:34px auto 70px;
  padding:0 18px;
}
.astro-hero{
  position:relative;
  overflow:hidden;
  padding:52px 36px 38px;
  text-align:center;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.16) 0 2px, transparent 3px),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 72%, rgba(255,255,255,.12) 0 2px, transparent 3px),
    linear-gradient(135deg,#59448f,#253d76);
  border:4px solid #171219;
  box-shadow:9px 9px 0 #171219;
  color:#fff;
}
.astro-hero:after{
  content:"";
  position:absolute;
  inset:20px;
  border:2px dashed rgba(255,255,255,.28);
  pointer-events:none;
}
.astro-kicker{
  position:relative;
  z-index:2;
  display:inline-block;
  margin:0 0 8px;
  padding:5px 10px;
  background:#bceeff;
  color:#171219;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  transform:rotate(-1deg);
}
.astro-hero h1{
  position:relative;
  z-index:2;
  margin:0;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(56px,8vw,91px);
  line-height:1;
  text-shadow:4px 4px 0 #f22678;
}
.astro-subtitle{
  position:relative;
  z-index:2;
  max-width:770px;
  margin:12px auto 27px;
  font-size:22px;
  font-weight:800;
}
.astro-moon,.astro-sun,.astro-star{
  position:absolute;
  z-index:1;
  line-height:1;
}
.astro-moon{left:7%;top:18%;font-size:77px;color:#ffe36f;transform:rotate(-14deg)}
.astro-sun{right:8%;top:14%;font-size:60px;color:#f9a8cf;transform:rotate(8deg)}
.astro-star.a1{left:17%;bottom:18%;font-size:32px;color:#2fc5f4}
.astro-star.a2{right:19%;bottom:21%;font-size:40px;color:#ffe36f}
.astro-star.a3{right:31%;top:13%;font-size:26px;color:#fff}
.astro-tape{
  position:absolute;top:-12px;left:50%;width:125px;height:31px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(253,147,190,.72);
}

.astro-search{
  position:relative;
  z-index:3;
  max-width:760px;
  margin:0 auto;
  padding:16px 18px 18px;
  background:#f8e6ff;
  border:3px solid #171219;
  box-shadow:5px 5px 0 #171219;
  color:#171219;
  text-align:left;
  transform:rotate(.2deg);
}
.astro-search label{
  display:block;
  margin-bottom:7px;
  font-weight:900;
  font-size:17px;
}
.astro-search-row{
  display:flex;
  gap:10px;
}
.astro-search input{
  flex:1;
  min-width:0;
  padding:11px 13px;
  border:3px solid #171219;
  background:#fff;
  font:inherit;
  font-size:18px;
}
.astro-search button{
  padding:9px 13px;
  border:3px solid #171219;
  background:#bceeff;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  cursor:pointer;
}
.astro-reset{
  display:inline-block;
  margin-top:8px;
  color:#171219;
  font-weight:800;
}
.astro-results-note{
  width:max-content;
  max-width:100%;
  margin:28px auto 0;
  padding:7px 12px;
  background:#ffe36f;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  transform:rotate(-.5deg);
}
.astro-results-note span{margin-left:10px;font-size:14px}

.astro-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  margin-top:34px;
}
.astro-card{
  position:relative;
  min-height:260px;
  padding:28px 30px 26px;
  border:3px solid #171219;
  box-shadow:7px 7px 0 #171219;
  overflow:hidden;
  background:#d8f3ff;
  transform:rotate(-.35deg);
}
.astro-card:nth-child(2n){background:#f1d9ff;transform:rotate(.45deg)}
.astro-card:nth-child(3n){background:#fff2ad}
.astro-card:before{
  content:"";
  position:absolute;
  width:96px;height:27px;left:50%;top:-12px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(255,255,255,.55);
}
.astro-card-symbol{
  position:absolute;
  right:22px;
  top:15px;
  font-family:serif;
  font-size:83px;
  line-height:1;
  color:rgba(35,61,118,.18);
  transform:rotate(7deg);
}
.astro-card-sign{
  display:inline-block;
  margin-bottom:8px;
  padding:4px 8px;
  background:#253d76;
  color:#fff;
  border:2px solid #171219;
  font-size:14px;
  font-weight:900;
  transform:rotate(-1deg);
}
.astro-card h2{
  position:relative;
  z-index:2;
  max-width:85%;
  margin:5px 0 10px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(29px,3.5vw,41px);
  line-height:1.05;
}
.astro-card h2 a{color:#171219;text-decoration:none}
.astro-card-excerpt{
  position:relative;
  z-index:2;
  max-width:86%;
  font-size:19px;
  font-weight:700;
  line-height:1.35;
}
.astro-card-read{
  position:relative;
  z-index:2;
  display:inline-block;
  margin-top:18px;
  padding:7px 11px;
  background:#fff;
  color:#171219;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  text-decoration:none;
}
.astro-card-scribble{
  position:absolute;
  right:18px;
  bottom:10px;
  font-size:37px;
  color:#f22678;
  transform:rotate(-12deg);
}
.astro-empty{
  grid-column:1/-1;
  padding:45px 30px;
  text-align:center;
  background:#e6dbff;
  border:3px dashed #171219;
  box-shadow:6px 6px 0 #171219;
}
.astro-empty>span{font-size:40px;color:#253d76}
.astro-empty h2{
  margin:8px 0;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:36px;
}
.astro-empty p{font-size:20px}

/* Articolo singolo Astrodrammi */
.astro-single-page{
  max-width:1000px;
  margin:35px auto 70px;
  padding:0 18px;
}
.astro-single-sheet{
  position:relative;
  overflow:hidden;
  min-height:700px;
  padding:58px 72px 70px;
  background:
    repeating-linear-gradient(0deg,#f8f3ff 0 31px,#d6c9eb 32px 33px);
  border:4px solid #171219;
  box-shadow:9px 9px 0 #171219;
}
.astro-single-sheet:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:12px;
  background:#253d76;
}
.astro-single-sky span{
  position:absolute;
  z-index:1;
  line-height:1;
}
.as-moon{right:7%;top:7%;font-size:72px;color:#ffe36f;transform:rotate(9deg)}
.as-star.s1{right:23%;top:14%;font-size:34px;color:#f22678}
.as-star.s2{left:7%;bottom:13%;font-size:45px;color:#2fc5f4}
.as-star.s3{right:9%;bottom:19%;font-size:30px;color:#253d76}
.as-zodiac{left:5%;top:42%;font-size:52px;color:rgba(37,61,118,.26)}
.astro-single-head{
  position:relative;
  z-index:2;
  max-width:760px;
}
.astro-single-label{
  display:inline-block;
  padding:5px 9px;
  background:#bceeff;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;
  font-weight:900;
  transform:rotate(-1deg);
}
.astro-single-head h1{
  margin:11px 0 7px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(48px,7vw,76px);
  line-height:1;
  text-shadow:3px 3px 0 #f7a2c7;
}
.astro-single-head p{
  display:inline-block;
  margin:6px 0 25px;
  padding:5px 9px;
  background:#ffe36f;
  font-size:18px;
  font-weight:900;
  transform:rotate(.5deg);
}
.astro-identikit{
  position:relative;
  z-index:2;
  float:right;
  width:250px;
  margin:10px 0 25px 28px;
  padding:18px;
  background:#d5efff;
  border:2px solid #171219;
  box-shadow:4px 4px 0 #171219;
  transform:rotate(1.4deg);
}
.astro-identikit strong,
.astro-identikit span,
.astro-identikit small{display:block}
.astro-identikit strong{
  margin-bottom:10px;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:21px;
}
.astro-identikit span{
  padding:4px 0;
  border-bottom:1px dashed rgba(23,18,25,.35);
  font-weight:900;
}
.astro-identikit small{margin-top:10px;font-size:12px}
.astro-single-content{
  position:relative;
  z-index:2;
  font-size:20px;
  line-height:1.65;
  font-weight:600;
}
.astro-single-content:after{content:"";display:block;clear:both}
.astro-single-footer{
  clear:both;
  position:relative;
  z-index:2;
  margin-top:40px;
  text-align:center;
  color:#253d76;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:19px;
}
@media(max-width:760px){
  .astro-search-row{flex-direction:column}
  .astro-cards{grid-template-columns:1fr}
  .astro-single-sheet{padding:48px 28px 60px 38px}
  .astro-identikit{float:none;width:auto;margin:15px 0 25px}
}

/* v2.8.9 — 12 illustrazioni automatiche dei segni */
.astro-sign-art{position:relative;float:left;width:235px;margin:8px 28px 22px 0;padding:9px 9px 31px;background:#fff;border:2px solid #171219;box-shadow:5px 6px 0 rgba(23,18,25,.22);transform:rotate(-2deg);z-index:2}
.astro-sign-art img{display:block;width:100%;height:auto}
.astro-sign-art figcaption{margin-top:4px;text-align:center;font-family:"Permanent Marker","Segoe Print",cursive;font-size:18px;font-weight:900;color:#253d76}
.astro-sign-tape{position:absolute;left:50%;top:-12px;width:80px;height:23px;transform:translateX(-50%) rotate(3deg);background:rgba(255,145,185,.65)}
@media(max-width:760px){.astro-sign-art{float:none;width:205px;margin:8px auto 24px}}


/* ==========================================================
   v2.9.0 — CINEMA TERAPIA
   videoteca emotiva / VHS anni '90
   ========================================================== */
.cinema-page{
  max-width:1120px;
  margin:34px auto 70px;
  padding:0 18px;
}
.cinema-hero{
  position:relative;
  overflow:hidden;
  padding:50px 36px 40px;
  text-align:center;
  background:
    repeating-linear-gradient(0deg,#ffe36f 0 31px,#f0c95d 32px 33px);
  border:4px solid #171219;
  box-shadow:9px 9px 0 #171219;
}
.cinema-hero:after{
  content:"";
  position:absolute;
  left:20px;right:20px;bottom:18px;height:14px;
  background:
    radial-gradient(circle,#171219 0 4px,transparent 5px) 0 0/28px 14px repeat-x;
  opacity:.35;
}
.cinema-kicker{
  position:relative;z-index:2;display:inline-block;
  margin:0 0 8px;padding:5px 10px;
  background:#f22678;color:#fff;border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;font-weight:900;transform:rotate(-1deg);
}
.cinema-hero h1{
  position:relative;z-index:2;margin:0;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(55px,8vw,88px);line-height:1;
  text-shadow:4px 4px 0 #fff;
}
.cinema-subtitle{
  position:relative;z-index:2;max-width:760px;
  margin:12px auto 8px;font-size:22px;font-weight:900;
}
.cinema-note{
  position:relative;z-index:2;display:inline-block;
  margin:4px auto 24px;padding:6px 10px;
  background:#bceeff;border:2px dashed #171219;font-weight:900;
  transform:rotate(.7deg);
}
.cinema-tape{
  position:absolute;top:-12px;left:50%;width:125px;height:31px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(255,145,185,.72);
}
.cinema-doodle{position:absolute;z-index:1;line-height:1}
.cinema-doodle.cam{left:7%;top:15%;font-size:58px;transform:rotate(-8deg)}
.cinema-doodle.ticket{right:8%;top:15%;font-size:50px;transform:rotate(9deg)}
.cinema-doodle.star{left:17%;bottom:20%;font-size:42px;color:#f22678}
.cinema-doodle.heart{right:18%;bottom:19%;font-size:40px;color:#20b8ee}

.cinema-search{
  position:relative;z-index:3;max-width:760px;margin:0 auto;
  padding:16px 18px 18px;background:#fff8ef;border:3px solid #171219;
  box-shadow:5px 5px 0 #171219;text-align:left;transform:rotate(-.2deg);
}
.cinema-search label{display:block;margin-bottom:7px;font-weight:900;font-size:17px}
.cinema-search-row{display:flex;gap:10px}
.cinema-search input{
  flex:1;min-width:0;padding:11px 13px;border:3px solid #171219;
  background:#fff;font:inherit;font-size:18px;
}
.cinema-search button{
  padding:9px 13px;border:3px solid #171219;background:#f22678;color:#fff;
  box-shadow:3px 3px 0 #171219;font-weight:900;cursor:pointer;
}
.cinema-reset{display:inline-block;margin-top:8px;color:#171219;font-weight:800}
.cinema-results-note{
  width:max-content;max-width:100%;margin:28px auto 0;
  padding:7px 12px;background:#bceeff;border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;font-weight:900;transform:rotate(-.5deg);
}
.cinema-results-note span{margin-left:10px;font-size:14px}

.cinema-library{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  margin-top:34px;
}
.cinema-vhs-card{
  position:relative;
  display:grid;
  grid-template-columns:58px 1fr;
  min-height:255px;
  border:4px solid #171219;
  box-shadow:7px 7px 0 #171219;
  background:#191919;
  transform:rotate(-.35deg);
  overflow:hidden;
}
.cinema-vhs-card:nth-child(even){transform:rotate(.45deg)}
.vhs-spine{
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:15px 5px;background:#f22678;color:#fff;border-right:3px solid #171219;
  font-weight:900;
}
.vhs-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:23px;letter-spacing:2px}
.vhs-spine small{font-size:13px}
.vhs-face{
  position:relative;
  padding:26px 26px 24px;
  background:#fff8e8;
  overflow:hidden;
}
.vhs-tape-strip{
  position:absolute;left:0;right:0;top:16px;height:12px;background:#171219;opacity:.12;
}
.vhs-reel{
  position:absolute;top:18px;width:44px;height:44px;border:7px solid rgba(23,18,25,.18);
  border-radius:50%;
}
.vhs-reel.r1{right:85px}.vhs-reel.r2{right:26px}
.vhs-label{position:relative;z-index:2;margin-top:31px;max-width:88%}
.vhs-prescription{
  display:inline-block;padding:4px 8px;background:#ffe36f;
  border:2px solid #171219;font-size:14px;font-weight:900;transform:rotate(-1deg);
}
.vhs-label h2{
  margin:9px 0 8px;font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(29px,3.5vw,39px);line-height:1.05;
}
.vhs-label h2 a{color:#171219;text-decoration:none}
.vhs-excerpt{font-size:18px;line-height:1.35;font-weight:700}
.vhs-watch{
  position:relative;z-index:2;display:inline-block;margin-top:17px;
  padding:7px 11px;background:#bceeff;color:#171219;border:2px solid #171219;
  box-shadow:3px 3px 0 #171219;font-weight:900;text-decoration:none;
}
.cinema-card-doodle{
  position:absolute;right:12px;bottom:7px;color:#f22678;font-size:38px;transform:rotate(-12deg);
}
.cinema-empty{
  grid-column:1/-1;padding:45px 30px;text-align:center;
  background:#fff2ad;border:3px dashed #171219;box-shadow:6px 6px 0 #171219;
}
.cinema-empty>span{font-size:38px}
.cinema-empty h2{
  margin:8px 0;font-family:"Permanent Marker","Segoe Print",cursive!important;font-size:36px;
}
.cinema-empty p{font-size:20px}

/* Articolo singolo Cinema Terapia */
.cinema-single-page{
  max-width:1000px;margin:35px auto 70px;padding:0 18px;
}
.cinema-single-sheet{
  position:relative;overflow:hidden;min-height:720px;
  padding:58px 72px 70px;
  background:
    repeating-linear-gradient(0deg,#fffaf0 0 31px,#e7d8b3 32px 33px);
  border:4px solid #171219;box-shadow:9px 9px 0 #171219;
}
.cinema-single-sheet:before{
  content:"";position:absolute;left:0;right:0;top:0;height:20px;
  background:#171219;
}
.cinema-single-sheet:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:18px;
  background:
    radial-gradient(circle,#171219 0 4px,transparent 5px) 0 0/30px 18px repeat-x;
  opacity:.35;
}
.cinema-single-doodles span{position:absolute;z-index:1;line-height:1}
.cs-camera{right:7%;top:8%;font-size:55px;transform:rotate(7deg)}
.cs-star{left:6%;bottom:13%;font-size:44px;color:#f22678}
.cs-heart{right:8%;bottom:17%;font-size:37px;color:#20b8ee}
.cs-ticket{left:5%;top:43%;font-size:43px;transform:rotate(-8deg)}
.cinema-single-head{position:relative;z-index:2;max-width:760px}
.cinema-single-label{
  display:inline-block;padding:5px 9px;background:#f22678;color:#fff;
  border:2px solid #171219;box-shadow:3px 3px 0 #171219;font-weight:900;transform:rotate(-1deg);
}
.cinema-single-head h1{
  margin:11px 0 7px;font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(48px,7vw,74px);line-height:1;text-shadow:3px 3px 0 #ffe36f;
}
.cinema-single-head p{
  display:inline-block;margin:6px 0 25px;padding:5px 9px;
  background:#bceeff;font-size:18px;font-weight:900;transform:rotate(.5deg);
}
.cinema-poster{
  position:relative;z-index:2;float:left;width:275px;
  margin:8px 30px 24px 0;padding:10px 10px 34px;background:#fff;
  border:2px solid #171219;box-shadow:5px 6px 0 rgba(23,18,25,.22);transform:rotate(-2deg);
}
.cinema-poster-img{display:block;width:100%;height:auto}
.cinema-poster figcaption{
  margin-top:6px;text-align:center;font-family:"Permanent Marker","Segoe Print",cursive;font-size:15px;
}
.cinema-poster-tape{
  position:absolute;left:50%;top:-12px;width:80px;height:23px;
  transform:translateX(-50%) rotate(3deg);background:rgba(255,145,185,.65);
}
.cinema-prescription-card{
  position:relative;z-index:2;float:right;width:275px;
  margin:8px 0 24px 28px;padding:18px;background:#fff2ad;
  border:2px solid #171219;box-shadow:4px 4px 0 #171219;transform:rotate(1.3deg);
}
.cinema-prescription-card strong,
.cinema-prescription-card span,
.cinema-prescription-card small{display:block}
.cinema-prescription-card strong{
  margin-bottom:10px;font-family:"Permanent Marker","Segoe Print",cursive;font-size:21px;
}
.cinema-prescription-card span{padding:5px 0;border-bottom:1px dashed rgba(23,18,25,.35);font-weight:900}
.cinema-prescription-card small{margin-top:10px;font-size:12px}
.cinema-single-content{
  position:relative;z-index:2;font-size:20px;line-height:1.65;font-weight:600;
}
.cinema-single-content:after{content:"";display:block;clear:both}
.cinema-single-footer{
  clear:both;position:relative;z-index:2;margin-top:40px;text-align:center;
  font-family:"Permanent Marker","Segoe Print",cursive;font-size:18px;color:#f22678;
}

@media(max-width:760px){
  .cinema-search-row{flex-direction:column}
  .cinema-library{grid-template-columns:1fr}
  .cinema-single-sheet{padding:48px 28px 60px}
  .cinema-poster,.cinema-prescription-card{float:none;width:auto;max-width:290px;margin:18px auto 25px}
}


/* ==========================================================
   v2.9.1 — Cinema Terapia restyle VHS / teen zine scuro
   ========================================================== */
.cinema-v291{
  max-width:1160px;
  margin:34px auto 70px;
  padding:0 18px;
}
.cinema-v291 .cinema-hero{
  position:relative;
  padding:48px 38px 40px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,255,255,.14) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 26%,rgba(255,255,255,.12) 0 1px,transparent 2px),
    linear-gradient(135deg,#171219,#261735 58%,#171219);
  border:4px solid #171219;
  box-shadow:9px 9px 0 #f22678;
  overflow:hidden;
}
.cinema-v291 .cinema-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(242,38,120,.08),transparent 20%,rgba(98,56,142,.10) 75%,transparent);
  pointer-events:none;
}
.cinema-v291 .cinema-kicker{
  position:relative;z-index:2;
  display:inline-block;
  margin:0 0 12px;
  padding:6px 11px;
  background:#d8c29c;
  color:#171219;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #f22678;
  font-weight:900;
  transform:rotate(-1deg);
}
.cinema-v291 .cinema-title-paper{
  position:relative;z-index:2;
  width:max-content;max-width:90%;
  margin:0 auto;
  padding:10px 20px 12px;
  background:#f7f2e8;
  clip-path:polygon(0 4%,5% 0,12% 3%,20% 0,29% 4%,38% 1%,47% 4%,57% 0,66% 3%,75% 0,84% 4%,93% 1%,100% 4%,99% 96%,91% 99%,82% 96%,72% 99%,61% 96%,51% 99%,41% 96%,31% 99%,20% 96%,10% 99%,1% 96%);
  transform:rotate(-.6deg);
}
.cinema-v291 .cinema-title-paper h1{
  margin:0;
  color:#f22678;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(55px,8vw,90px);
  line-height:.95;
  text-shadow:2px 2px 0 #171219;
}
.cinema-v291 .cinema-subtitle{
  position:relative;z-index:2;
  margin:18px auto 10px;
  max-width:760px;
  font-size:21px;
  font-weight:800;
}
.cinema-v291 .cinema-note{
  position:relative;z-index:2;
  display:inline-block;
  margin:6px auto 28px;
  padding:8px 12px;
  color:#171219;
  background:#fff8ef;
  border:2px dashed #171219;
  transform:rotate(.4deg);
  font-weight:900;
}
.cinema-v291 .cinema-search{
  position:relative;z-index:3;
  max-width:820px;
  margin:0 auto;
  padding:18px 20px;
  background:#111;
  border:3px solid #eee;
  box-shadow:5px 5px 0 rgba(242,38,120,.6);
  text-align:left;
  color:#fff;
}
.cinema-v291 .cinema-search label{display:block;margin-bottom:8px;color:#ff9bc2;font-weight:900}
.cinema-v291 .cinema-search-row{display:flex;gap:12px}
.cinema-v291 .cinema-search input{
  flex:1;min-width:0;padding:12px 14px;border:3px solid #ddd;
  background:#fff;color:#171219;font:inherit;font-size:18px;
}
.cinema-v291 .cinema-search button{
  padding:10px 16px;border:3px solid #171219;background:#f05b9e;color:#171219;
  box-shadow:3px 3px 0 #fff;font-weight:900;cursor:pointer;
}
.cinema-v291 .cinema-reset{display:inline-block;margin-top:8px;color:#ff9bc2;font-weight:800}
.cinema-v291 .cinema-doodle{position:absolute;z-index:1}
.cinema-v291 .star1{left:7%;top:27%;font-size:40px;color:#f22678;transform:rotate(-10deg)}
.cinema-v291 .heart1{right:7%;top:25%;font-size:44px;color:#ff8ab7}
.cinema-v291 .cassette1{left:13%;bottom:18%;font-size:37px;color:#8e66b9;transform:rotate(-9deg)}

.cinema-v291 .cinema-library{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
  align-items:stretch;
}
.cinema-v291 .cinema-movie-card{
  position:relative;
  min-width:0;
  padding:11px 11px 18px 26px;
  background:#191919;
  border:3px solid #2b2b2b;
  box-shadow:6px 6px 0 #171219;
  transform:rotate(-.4deg);
  overflow:visible;
}
.cinema-v291 .cinema-movie-card:nth-child(even){transform:rotate(.5deg)}
.cinema-v291 .movie-vhs-edge{
  position:absolute;
  left:3px;top:50%;
  writing-mode:vertical-rl;
  transform:translateY(-50%) rotate(180deg);
  color:#bcbcbc;
  font-size:14px;
  font-weight:900;
  letter-spacing:2px;
}
.cinema-v291 .movie-tape-top{
  position:absolute;
  width:76px;height:20px;left:50%;top:-10px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(255,145,185,.65);
  z-index:5;
}
.cinema-v291 .movie-image-wrap{
  display:block;
  position:relative;
  background:#0f0f0f;
  border:2px solid #444;
  overflow:hidden;
  aspect-ratio:4/3;
}
.cinema-v291 .movie-image{
  width:100%;height:100%;display:block;object-fit:cover;
  filter:saturate(.92) contrast(1.03);
}
.cinema-v291 .movie-image-placeholder{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
  background:linear-gradient(135deg,#42314e,#151515);
  color:#fff;text-align:center;font-size:14px;font-weight:900;
}
.cinema-v291 .movie-copy{
  position:relative;
  margin-top:9px;
  padding:12px 11px 13px;
  background:
    repeating-linear-gradient(0deg,#fff9ef 0 26px,#d8e3e9 27px 28px);
  border:1px solid #d8d0c2;
  min-height:220px;
}
.cinema-v291 .movie-mood{
  display:inline-block;
  margin-bottom:7px;
  padding:4px 7px;
  background:#d889c4;
  border:1px solid #171219;
  font-size:11px;
  font-weight:900;
  transform:rotate(-1deg);
}
.cinema-v291 .cinema-movie-card:nth-child(3n) .movie-mood{background:#76c5e4}
.cinema-v291 .cinema-movie-card:nth-child(4n) .movie-mood{background:#b996d6}
.cinema-v291 .movie-copy h2{
  margin:4px 0 7px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.05;
}
.cinema-v291 .movie-copy h2 a{color:#171219;text-decoration:none}
.cinema-v291 .movie-excerpt{font-size:16px;line-height:1.35;font-weight:700}
.cinema-v291 .movie-read{
  display:inline-block;
  margin-top:14px;
  padding:7px 9px;
  background:#d391d3;
  color:#171219;
  border:2px solid #171219;
  box-shadow:2px 2px 0 #171219;
  font-weight:900;
  text-decoration:none;
  font-size:13px;
}
.cinema-v291 .cinema-movie-card:nth-child(3n) .movie-read{background:#72c0df}
.cinema-v291 .movie-doodle{
  position:absolute;
  right:-6px;top:8px;
  width:43px;height:43px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#d889c4;
  color:#171219;
  border:2px solid #171219;
  font-size:26px;
  transform:rotate(8deg);
  z-index:6;
}
.cinema-v291 .cinema-empty{
  grid-column:1/-1;
  padding:28px 30px;
  text-align:center;
  background:
    repeating-linear-gradient(0deg,#fff9ef 0 29px,#cbdde7 30px 31px);
  border:3px dashed #171219;
  box-shadow:6px 6px 0 #171219;
}
.cinema-v291 .cinema-empty h2{
  margin:7px 0;
  color:#f22678;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:35px;
}
.cinema-v291 .cinema-empty p{font-size:18px}
.cinema-v291 .empty-doodles{font-size:32px}

@media(max-width:980px){
  .cinema-v291 .cinema-library{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .cinema-v291 .cinema-library{grid-template-columns:1fr}
  .cinema-v291 .cinema-search-row{flex-direction:column}
}


/* ==========================================================
   v2.9.3 — CINEMA TERAPIA: scarabocchi GRANDI, a mano
   ========================================================== */
.cinema-v291 .cinema-hero{min-height:535px}
.cinema-v291 .ct-handwall{
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
  font-family:"Segoe Print","Comic Sans MS",cursive;
}
.cinema-v291 .ct-handwall span{position:absolute;display:block;line-height:1}
.cinema-v291 .cinema-kicker,
.cinema-v291 .cinema-title-paper,
.cinema-v291 .cinema-subtitle,
.cinema-v291 .cinema-note,
.cinema-v291 .cinema-search{z-index:4}

/* stelle: grandi, storte, doppio tratto */
.cinema-v291 .ct-star{
  color:#ff4d98;font-size:72px;font-weight:400;
  text-shadow:2px 1px 0 currentColor,-1px 2px 0 currentColor;
}
.cinema-v291 .ct-star-a{left:4%;top:31%;transform:rotate(-18deg) scaleX(1.15)}
.cinema-v291 .ct-star-b{right:5%;top:34%;color:#75c8eb;transform:rotate(13deg) scale(.82,1.1)}
.cinema-v291 .ct-star-c{right:20%;bottom:8%;font-size:56px;color:#f5eee5;transform:rotate(-9deg)}

/* cuori vuoti volutamente imperfetti */
.cinema-v291 .ct-heart{width:78px;height:70px}
.cinema-v291 .ct-heart b,
.cinema-v291 .ct-heart i{
  position:absolute;top:6px;width:42px;height:58px;
  border:5px solid #ff559d;background:transparent;
}
.cinema-v291 .ct-heart b{
  left:7px;border-radius:45px 38px 10px 34px;
  transform:rotate(-42deg);border-right-width:3px;
}
.cinema-v291 .ct-heart i{
  right:7px;border-radius:38px 45px 34px 10px;
  transform:rotate(42deg);border-left-width:3px;
}
.cinema-v291 .ct-heart-a{left:13%;top:12%;transform:rotate(-11deg) scale(.82)}
.cinema-v291 .ct-heart-b{right:12%;top:9%;transform:rotate(12deg) scale(.68)}
.cinema-v291 .ct-heart-b b,.cinema-v291 .ct-heart-b i{border-color:#74c9ee}

/* cuori spezzati molto visibili */
.cinema-v291 .ct-broken{width:95px;height:82px}
.cinema-v291 .ct-broken b,
.cinema-v291 .ct-broken i{
  position:absolute;top:7px;width:51px;height:67px;
  border:6px solid #ff4d98;background:transparent;
}
.cinema-v291 .ct-broken b{
  left:5px;border-radius:48px 38px 8px 38px;transform:rotate(-43deg);border-right-width:3px;
}
.cinema-v291 .ct-broken i{
  right:5px;border-radius:38px 48px 38px 8px;transform:rotate(43deg);border-left-width:3px;
}
.cinema-v291 .ct-broken em{
  position:absolute;z-index:3;left:46px;top:15px;width:7px;height:57px;
  background:#24152f;transform:rotate(17deg);
  box-shadow:-7px 15px 0 #24152f,6px 30px 0 #24152f;
}
.cinema-v291 .ct-broken-a{left:2%;bottom:6%;transform:rotate(-14deg) scale(.78)}
.cinema-v291 .ct-broken-b{right:2%;bottom:8%;transform:rotate(13deg) scale(.7)}
.cinema-v291 .ct-broken-b b,.cinema-v291 .ct-broken-b i{border-color:#75c8eb}

/* lacrime: gruppi, non emoji */
.cinema-v291 .ct-tears{width:82px;height:75px}
.cinema-v291 .ct-tears i{
  position:absolute;width:18px;height:31px;border:4px solid #75c8eb;
  border-radius:60% 42% 62% 40%;transform:rotate(38deg);
}
.cinema-v291 .ct-tears i:nth-child(1){left:4px;top:4px}
.cinema-v291 .ct-tears i:nth-child(2){left:32px;top:25px;transform:rotate(48deg) scale(.82)}
.cinema-v291 .ct-tears i:nth-child(3){left:59px;top:3px;transform:rotate(31deg) scale(.65)}
.cinema-v291 .ct-tears-a{left:5%;top:55%;transform:rotate(-8deg)}
.cinema-v291 .ct-tears-b{right:7%;top:54%;transform:rotate(11deg) scale(.9)}
.cinema-v291 .ct-tears-b i{border-color:#ff559d}

/* fulmini / segni / frecce */
.cinema-v291 .ct-lightning{
  color:#ff559d;font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:76px;font-weight:900;text-shadow:2px 0 currentColor;
}
.cinema-v291 .ct-lightning-a{left:25%;top:31%;transform:rotate(-14deg)}
.cinema-v291 .ct-lightning-b{right:25%;top:28%;color:#75c8eb;transform:rotate(14deg) scale(.75)}
.cinema-v291 .ct-scribble{
  font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:900;
  letter-spacing:-9px;font-size:42px;color:#f5eee5;opacity:.82!important;
}
.cinema-v291 .ct-scribble-a{left:19%;bottom:7%;transform:rotate(-7deg)}
.cinema-v291 .ct-scribble-b{right:16%;bottom:7%;color:#ff559d;transform:rotate(9deg)}
.cinema-v291 .ct-scribble-c{left:42%;top:4%;font-size:27px;color:#75c8eb;letter-spacing:4px;transform:rotate(-4deg)}
.cinema-v291 .ct-arrow{
  font-family:"Segoe Print","Comic Sans MS",cursive;font-size:65px;color:#f5eee5;
  font-weight:400;
}
.cinema-v291 .ct-arrow-a{left:31%;bottom:10%;transform:rotate(19deg)}
.cinema-v291 .ct-arrow-b{right:30%;bottom:9%;color:#75c8eb;transform:rotate(-17deg)}
.cinema-v291 .ct-cryface{
  left:8%;top:7%;font-size:31px;color:#f5eee5;
  transform:rotate(-8deg);letter-spacing:-4px;
}

/* attenua i vecchi mini simboli: i nuovi scarabocchi devono sembrare parte dello sfondo */
.cinema-v291 .cinema-doodle.star1,
.cinema-v291 .cinema-doodle.heart1,
.cinema-v291 .cinema-doodle.cassette1{opacity:.35}

@media(max-width:760px){
  .cinema-v291 .cinema-hero{min-height:auto}
  .cinema-v291 .ct-star{font-size:48px}
  .cinema-v291 .ct-lightning{font-size:48px}
  .cinema-v291 .ct-broken-a,.cinema-v291 .ct-tears-b,
  .cinema-v291 .ct-arrow-a,.cinema-v291 .ct-scribble-c{display:none}
  .cinema-v291 .ct-heart-a{left:1%;top:20%;transform:scale(.48) rotate(-10deg)}
  .cinema-v291 .ct-heart-b{right:0;top:18%;transform:scale(.42) rotate(12deg)}
}


/* ==========================================================
   v2.9.4 — Cinema Terapia usa il background approvato
   ========================================================== */
.cinema-v291 .cinema-hero{
  min-height:560px;
  padding:52px 38px 42px;
  background:
    linear-gradient(rgba(10,7,14,.18),rgba(10,7,14,.18)),
    url("assets/images/cinema-terapia-bg.png") center center / cover no-repeat !important;
  border:4px solid #171219;
  box-shadow:9px 9px 0 #f22678;
  color:#fff;
}

/* disattiva i vecchi scarabocchi CSS: ora sono parte dell'immagine */
.cinema-v291 .ct-handwall,
.cinema-v291 .cinema-doodle.star1,
.cinema-v291 .cinema-doodle.heart1,
.cinema-v291 .cinema-doodle.cassette1{
  display:none !important;
}

/* rende il titolo e i box leggibili sul nuovo sfondo */
.cinema-v291 .cinema-kicker{
  margin-top:4px;
  background:#d9c3a0;
  color:#171219;
}
.cinema-v291 .cinema-title-paper{
  background:rgba(248,243,234,.96);
  max-width:92%;
}
.cinema-v291 .cinema-title-paper h1{
  color:#f22678;
  text-shadow:2px 2px 0 #171219;
}
.cinema-v291 .cinema-subtitle{
  color:#fff;
  text-shadow:1px 1px 0 #171219;
}
.cinema-v291 .cinema-note{
  background:rgba(255,249,239,.94);
}
.cinema-v291 .cinema-search{
  background:rgba(12,12,12,.95);
  backdrop-filter:blur(1px);
}
@media(max-width:760px){
  .cinema-v291 .cinema-hero{
    min-height:auto;
    background-position:center top !important;
  }
}


/* ==========================================================
   v2.9.5 — Card Cinema Terapia più piccole, scarabocchiate e variate
   ========================================================== */
.cinema-v291 .cinema-library{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
  align-items:start;
}

.cinema-v291 .cinema-movie-card{
  position:relative;
  min-width:0;
  padding:9px 9px 15px 23px;
  background:#161616;
  border:2px solid #343434;
  box-shadow:5px 5px 0 #171219;
  transform:rotate(-.35deg);
  overflow:visible;
}
.cinema-v291 .cinema-movie-card:nth-child(even){transform:rotate(.45deg)}
.cinema-v291 .cinema-movie-card:nth-child(3n){transform:rotate(-.7deg)}

.cinema-v291 .movie-vhs-edge{
  position:absolute;
  left:2px;
  top:50%;
  writing-mode:vertical-rl;
  transform:translateY(-50%) rotate(180deg);
  color:#9e9e9e;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
}

.cinema-v291 .movie-image-wrap{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#0f0f0f;
  border:1px solid #454545;
  clip-path:polygon(
    1% 2%,8% 0,18% 2%,29% .5%,40% 2%,52% 0,64% 2%,76% .5%,88% 2%,99% 0,
    98% 97%,89% 99%,78% 97%,66% 99%,54% 97%,42% 99%,30% 97%,18% 99%,7% 97%,1% 99%
  );
}
.cinema-v291 .movie-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.cinema-v291 .movie-image-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  background:linear-gradient(135deg,#3a2a45,#111);
  color:#fff;
  text-align:center;
  font-size:13px;
  font-weight:900;
}

.cinema-v291 .movie-copy{
  position:relative;
  margin-top:7px;
  min-height:190px;
  padding:10px 10px 12px;
  background:
    repeating-linear-gradient(0deg,#fff9ef 0 25px,#dce5ea 26px 27px);
  border:1px solid #d1c7ba;
  clip-path:polygon(
    0 2%,7% 0,15% 2%,24% .5%,34% 2%,44% 0,54% 2%,64% .5%,75% 2%,85% 0,94% 2%,100% 1%,
    99% 97%,91% 99%,81% 97%,71% 99%,61% 97%,51% 99%,41% 97%,31% 99%,21% 97%,11% 99%,0 97%
  );
}

.cinema-v291 .movie-mood{
  display:inline-block;
  margin-bottom:6px;
  padding:4px 7px;
  border:1px solid #171219;
  font-size:10px;
  font-weight:900;
  transform:rotate(-1.5deg);
}

.cinema-v291 .movie-copy h2{
  margin:4px 0 6px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(20px,2vw,27px);
  line-height:1.05;
}
.cinema-v291 .movie-copy h2 a{color:#171219;text-decoration:none}

.cinema-v291 .movie-excerpt{
  font-size:14px;
  line-height:1.35;
  font-weight:700;
}

.cinema-v291 .movie-read{
  display:inline-block;
  margin-top:11px;
  padding:6px 8px;
  color:#171219;
  border:2px solid #171219;
  box-shadow:2px 2px 0 #171219;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}

.cinema-v291 .movie-tape-top{
  position:absolute;
  z-index:6;
  width:64px;
  height:17px;
  left:50%;
  top:-9px;
  transform:translateX(-50%) rotate(-4deg);
  background:rgba(255,145,185,.58);
}

.cinema-v291 .movie-corner-scribble{
  position:absolute;
  z-index:7;
  right:-6px;
  top:6px;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:30px;
  line-height:1;
  transform:rotate(12deg);
}
.cinema-v291 .movie-edge-scribble{
  position:absolute;
  z-index:7;
  left:-5px;
  bottom:15px;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:18px;
  letter-spacing:-5px;
  transform:rotate(-15deg);
}

/* 4 combinazioni colore, così gli articoli non sembrano clonati */
.cinema-v291 .color-1 .movie-mood,
.cinema-v291 .color-1 .movie-read{background:#d89ad8}
.cinema-v291 .color-1 .movie-corner-scribble,
.cinema-v291 .color-1 .movie-edge-scribble{color:#f22678}

.cinema-v291 .color-2 .movie-mood,
.cinema-v291 .color-2 .movie-read{background:#73c4e4}
.cinema-v291 .color-2 .movie-corner-scribble,
.cinema-v291 .color-2 .movie-edge-scribble{color:#20b8ee}

.cinema-v291 .color-3 .movie-mood,
.cinema-v291 .color-3 .movie-read{background:#f09ac0}
.cinema-v291 .color-3 .movie-corner-scribble,
.cinema-v291 .color-3 .movie-edge-scribble{color:#a87ad0}

.cinema-v291 .color-4 .movie-mood,
.cinema-v291 .color-4 .movie-read{background:#b698dc}
.cinema-v291 .color-4 .movie-corner-scribble,
.cinema-v291 .color-4 .movie-edge-scribble{color:#f22678}

.cinema-v291 .color-2 .movie-tape-top{background:rgba(111,199,231,.56)}
.cinema-v291 .color-3 .movie-tape-top{background:rgba(242,38,120,.45)}
.cinema-v291 .color-4 .movie-tape-top{background:rgba(174,130,214,.55)}

@media(max-width:980px){
  .cinema-v291 .cinema-library{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .cinema-v291 .cinema-library{grid-template-columns:1fr}
  .cinema-v291 .cinema-movie-card{max-width:390px;margin:0 auto}
}


/* ==========================================================
   v2.9.6 — FORZA layout card Cinema Terapia più PICCOLE
   ========================================================== */
.cinema-v291 .cinema-library{
  display:grid !important;
  grid-template-columns:repeat(4, 220px) !important;
  justify-content:center !important;
  gap:22px !important;
  margin-top:30px !important;
  align-items:start !important;
}

.cinema-v291 .cinema-movie-card{
  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;
  padding:8px 8px 13px 20px !important;
  border:2px solid #2a2a2a !important;
  box-shadow:5px 5px 0 #171219 !important;
  background:#151515 !important;
  overflow:visible !important;
}

.cinema-v291 .movie-image-wrap{
  width:100% !important;
  height:122px !important;
  aspect-ratio:auto !important;
  border:1px solid #3d3d3d !important;
  clip-path:polygon(
    0 4%,7% 1%,15% 3%,24% 0,34% 3%,45% 1%,56% 3%,67% 0,78% 3%,89% 1%,100% 4%,
    99% 96%,90% 99%,80% 96%,69% 99%,58% 96%,47% 99%,36% 96%,25% 99%,13% 96%,2% 99%
  ) !important;
}
.cinema-v291 .movie-image{
  width:100% !important;
  height:122px !important;
  object-fit:cover !important;
}

.cinema-v291 .movie-copy{
  min-height:168px !important;
  padding:9px 9px 10px !important;
  margin-top:6px !important;
  clip-path:polygon(
    1% 3%,8% 0,17% 2%,27% 0,37% 3%,47% 1%,58% 3%,69% 0,80% 3%,91% 0,100% 3%,
    99% 97%,90% 99%,79% 96%,68% 99%,57% 96%,46% 99%,35% 96%,24% 99%,13% 96%,1% 99%
  ) !important;
}

.cinema-v291 .movie-mood{
  font-size:9px !important;
  padding:3px 6px !important;
  margin-bottom:5px !important;
}

.cinema-v291 .movie-copy h2{
  font-size:21px !important;
  line-height:1.02 !important;
  margin:3px 0 5px !important;
}

.cinema-v291 .movie-excerpt{
  font-size:12px !important;
  line-height:1.25 !important;
  max-height:46px !important;
  overflow:hidden !important;
}

.cinema-v291 .movie-read{
  font-size:10px !important;
  padding:5px 7px !important;
  margin-top:9px !important;
}

.cinema-v291 .movie-vhs-edge{
  font-size:10px !important;
  left:1px !important;
}

.cinema-v291 .movie-tape-top{
  width:54px !important;
  height:15px !important;
  top:-8px !important;
}

/* scarabocchi più evidenti sui bordi, ma non sul testo */
.cinema-v291 .movie-corner-scribble{
  font-size:26px !important;
  right:-8px !important;
  top:3px !important;
}
.cinema-v291 .movie-edge-scribble{
  font-size:20px !important;
  left:-8px !important;
  bottom:8px !important;
}

/* piccole variazioni di bordo/rotazione tra le card */
.cinema-v291 .cinema-movie-card:nth-child(4n+1){transform:rotate(-1deg) !important}
.cinema-v291 .cinema-movie-card:nth-child(4n+2){transform:rotate(.8deg) !important}
.cinema-v291 .cinema-movie-card:nth-child(4n+3){transform:rotate(-.5deg) !important}
.cinema-v291 .cinema-movie-card:nth-child(4n+4){transform:rotate(1.1deg) !important}

/* colori più diversi */
.cinema-v291 .color-1 .movie-mood,
.cinema-v291 .color-1 .movie-read{background:#d894d8 !important}
.cinema-v291 .color-2 .movie-mood,
.cinema-v291 .color-2 .movie-read{background:#73c8e8 !important}
.cinema-v291 .color-3 .movie-mood,
.cinema-v291 .color-3 .movie-read{background:#f29ac2 !important}
.cinema-v291 .color-4 .movie-mood,
.cinema-v291 .color-4 .movie-read{background:#b89be2 !important}

@media(max-width:980px){
  .cinema-v291 .cinema-library{
    grid-template-columns:repeat(2, 220px) !important;
  }
}
@media(max-width:560px){
  .cinema-v291 .cinema-library{
    grid-template-columns:220px !important;
  }
}


/* v2.9.7 — etichetta Prescrizione emotiva personalizzata */
.cinema-v291 .movie-mood{
  max-width:100%;
  white-space:normal;
  line-height:1.15;
}


/* v2.9.8 — Ricetta emotiva personalizzabile */
.cinema-poster{
  padding-bottom:12px !important;
}
.cinema-poster figcaption{
  display:none !important;
}

.cinema-prescription-card{
  background:#fff2ad;
}
.cinema-prescription-card .cinema-recipe-when{
  padding:6px 0 10px;
  border-bottom:1px dashed rgba(23,18,25,.35);
}
.cinema-prescription-card .cinema-recipe-when p{
  margin:5px 0 0;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}
.cinema-prescription-card .cinema-rating-row{
  padding:9px 0;
  border-bottom:1px dashed rgba(23,18,25,.35);
}
.cinema-prescription-card .recipe-label{
  display:block;
  margin-bottom:4px;
  font-weight:900;
}
.cinema-stars{
  display:inline-flex;
  gap:2px;
  font-size:22px;
  line-height:1;
  letter-spacing:1px;
}
.cinema-stars .star-on{
  color:#f22678;
  -webkit-text-stroke:1px #171219;
}
.cinema-stars .star-off{
  color:transparent;
  -webkit-text-stroke:1.5px #171219;
}


/* v2.9.11 — stelle Ricetta emotiva in orizzontale */
.cinema-prescription-card .cinema-stars{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:4px !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  line-height:1 !important;
}

.cinema-prescription-card .cinema-stars .star-on,
.cinema-prescription-card .cinema-stars .star-off{
  display:inline-block !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  flex:0 0 auto !important;
  font-size:22px !important;
  line-height:1 !important;
}

.cinema-prescription-card .cinema-rating-row{
  display:block !important;
}

.cinema-prescription-card .cinema-rating-row .recipe-label{
  display:block !important;
  margin-bottom:7px !important;
}


/* ==========================================================
   v2.9.12 — Cinema articolo: locandina + ricetta in alto,
   più piccoli, testo solo sotto
   ========================================================== */
.cinema-single-sheet{
  display:block !important;
}

/* riga superiore con locandina a sinistra e ricetta a destra */
.cinema-poster{
  float:left !important;
  width:225px !important;
  max-width:225px !important;
  margin:10px 24px 18px 0 !important;
  padding:8px 8px 10px !important;
  transform:rotate(-1.5deg) !important;
}

.cinema-poster-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:320px !important;
  object-fit:cover !important;
}

.cinema-prescription-card{
  float:right !important;
  width:235px !important;
  max-width:235px !important;
  margin:10px 0 18px 24px !important;
  padding:14px 15px !important;
  transform:rotate(.8deg) !important;
}

.cinema-prescription-card strong{
  font-size:18px !important;
  margin-bottom:8px !important;
}

.cinema-prescription-card .recipe-label{
  font-size:13px !important;
  line-height:1.2 !important;
}

.cinema-prescription-card .cinema-recipe-when{
  padding:4px 0 8px !important;
}

.cinema-prescription-card .cinema-recipe-when p{
  font-size:13px !important;
  line-height:1.3 !important;
  margin-top:4px !important;
}

.cinema-prescription-card .cinema-rating-row{
  padding:7px 0 !important;
}

.cinema-prescription-card .cinema-stars{
  gap:2px !important;
}

.cinema-prescription-card .cinema-stars .star-on,
.cinema-prescription-card .cinema-stars .star-off{
  font-size:18px !important;
}

/* il testo parte solo dopo ENTRAMBI i blocchi */
.cinema-single-content{
  clear:both !important;
  display:block !important;
  width:100% !important;
  padding-top:10px !important;
  margin-top:0 !important;
}

/* evita che elementi successivi risalgano accanto ai blocchi */
.cinema-single-content:before{
  content:"" !important;
  display:block !important;
  clear:both !important;
}

@media(max-width:760px){
  .cinema-poster,
  .cinema-prescription-card{
    float:none !important;
    width:220px !important;
    max-width:85% !important;
    margin:15px auto 20px !important;
  }
  .cinema-single-content{
    clear:both !important;
    padding-top:6px !important;
  }
}


/* v2.9.13 — Cinema: locandina e ricetta come piccoli elementi incollati in alto */
.cinema-poster{
  float:left !important;
  width:185px !important;
  max-width:185px !important;
  margin:8px 22px 16px 12px !important;
  padding:7px !important;
  box-shadow:4px 5px 0 rgba(23,18,25,.18) !important;
  transform:rotate(-1.2deg) !important;
}
.cinema-poster-img{
  width:100% !important;
  height:auto !important;
  max-height:255px !important;
  object-fit:cover !important;
}
.cinema-prescription-card{
  float:right !important;
  width:205px !important;
  max-width:205px !important;
  margin:8px 28px 16px 20px !important;
  padding:12px 13px !important;
  box-shadow:4px 5px 0 rgba(23,18,25,.20) !important;
  transform:rotate(.7deg) !important;
  border-width:2px !important;
}
.cinema-prescription-card:before{
  content:"" !important;
  position:absolute !important;
  width:48px !important;
  height:15px !important;
  top:-9px !important;
  left:50% !important;
  transform:translateX(-50%) rotate(-2deg) !important;
  background:rgba(242,38,120,.30) !important;
}
.cinema-prescription-card{position:relative !important}
.cinema-prescription-card > strong{font-size:16px !important}
.cinema-prescription-card .recipe-label{font-size:11px !important}
.cinema-prescription-card .cinema-recipe-when p{font-size:11px !important}
.cinema-prescription-card .cinema-rating-row{padding:5px 0 !important}
.cinema-prescription-card .cinema-stars .star-on,
.cinema-prescription-card .cinema-stars .star-off{font-size:15px !important}
.cinema-single-content{
  clear:both !important;
  width:100% !important;
  padding-top:8px !important;
}
@media(max-width:650px){
 .cinema-poster,.cinema-prescription-card{
   float:none !important;
   width:190px !important;
   max-width:78% !important;
   margin:14px auto 18px !important;
 }
}


/* v2.9.13 — fix apertura articoli Diario/Segreti */
body.category-diario .diario-journal-copy,
body.category-segreti .secret-copy,
body.category-segreti .secret-action{
  position:relative !important;
  z-index:20 !important;
}
body.category-diario .diario-journal-read,
body.category-diario .diario-journal-title a,
body.category-segreti .read-more,
body.category-segreti .post-title a{
  position:relative !important;
  z-index:30 !important;
  pointer-events:auto !important;
}
.diario-single-page,.segreti-single-page{
  max-width:1050px;
  margin:28px auto;
}
.diario-single-sheet,.segreti-single-sheet{
  padding:34px 42px;
}
.diario-single-photo{
  max-width:360px;
  margin:18px auto 28px;
  transform:rotate(-1deg);
}
.diario-single-photo img{
  width:100%;
  height:auto;
  display:block;
}
.diario-single-content,.segreti-single-content{
  font-size:18px;
  line-height:1.7;
}

/* v2.10.0 — Segreti: foglio a quadretti + buste disegnate a mano */
.segreti-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:410px;
  padding:44px 110px 38px;
  background-color:#fffaf0 !important;
  background-image:
    linear-gradient(rgba(183,205,234,.62) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183,205,234,.62) 1px, transparent 1px) !important;
  background-size:26px 26px !important;
  border:3px solid var(--black) !important;
}
.segreti-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(90deg,rgba(245,39,127,.08),transparent 14%,transparent 86%,rgba(245,39,127,.08));
}
.segreti-hero .post-title,.segreti-hero .segreti-icons,.segreti-hero .segreti-kicker,
.segreti-hero .sdb-secret-search,.segreti-hero .sdb-search-hints{position:relative;z-index:3}
.segreti-paper-holes{
  position:absolute;left:22px;top:46px;bottom:30px;width:25px;z-index:2;
  background:radial-gradient(circle at center,#f5277f 0 7px,#b9165b 7px 9px,transparent 9.5px) center top/25px 54px repeat-y;
}
.secret-doodle-envelope{position:absolute;z-index:1;width:145px;height:auto;filter:drop-shadow(3px 4px 0 rgba(23,18,25,.10));pointer-events:none}
.secret-doodle-envelope.env-one{left:58px;top:78px;transform:rotate(-10deg)}
.secret-doodle-envelope.env-two{right:48px;top:96px;width:132px;transform:rotate(12deg) scale(.92)}
.secret-doodle-envelope.env-three{left:74px;bottom:18px;width:120px;transform:rotate(7deg) scale(.88);opacity:.92}
.segreti-hero .post-title{font-size:clamp(58px,8vw,100px);text-shadow:4px 4px 0 rgba(245,39,127,.22)}
.segreti-kicker{display:inline-block;border-bottom:3px solid var(--pink);padding:0 8px 5px}
.sdb-secret-search{max-width:720px;margin-top:28px}
@media(max-width:850px){
 .segreti-hero{padding:38px 40px 34px 62px;min-height:390px}
 .secret-doodle-envelope{opacity:.38;width:105px}
 .secret-doodle-envelope.env-one{left:48px;top:112px}
 .secret-doodle-envelope.env-two{right:8px;top:120px;width:100px}
 .secret-doodle-envelope.env-three{display:none}
}

/* v2.10.1 — buchi completi + buste scarabocchiate */
.segreti-paper-holes{position:absolute!important;left:23px!important;top:48px!important;bottom:auto!important;width:22px!important;height:322px!important;z-index:2!important;background:none!important}
.segreti-paper-holes i{position:absolute!important;left:0!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#f5277f!important;border:2px solid #b9165b!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)!important}
.segreti-paper-holes i:nth-child(1){top:0}.segreti-paper-holes i:nth-child(2){top:57px}.segreti-paper-holes i:nth-child(3){top:114px}.segreti-paper-holes i:nth-child(4){top:171px}.segreti-paper-holes i:nth-child(5){top:228px}.segreti-paper-holes i:nth-child(6){top:285px}
.secret-doodle-envelope{filter:drop-shadow(2px 3px 0 rgba(23,18,25,.08))!important}
.secret-doodle-envelope.env-one{transform:rotate(-8deg) skewX(-1deg)!important}
.secret-doodle-envelope.env-two{transform:rotate(9deg) skewY(1deg) scale(.92)!important}
.secret-doodle-envelope.env-three{transform:rotate(4deg) skewX(1deg) scale(.88)!important}


/* v2.10.2 — Segreti: scarabocchi a mano più ricchi */
.secret-doodle-envelope{
  background-image:url("assets/images/doodle-envelope-secret.svg") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
.secret-doodle-envelope.env-one{transform:rotate(-10deg) skewX(-2deg) !important}
.secret-doodle-envelope.env-two{transform:rotate(8deg) skewY(2deg) scale(.94) !important}
.secret-doodle-envelope.env-three{transform:rotate(5deg) skewX(2deg) scale(.9) !important}

.secret-scribble{
  position:absolute !important;
  z-index:3 !important;
  pointer-events:none !important;
  font-family:"Comic Sans MS","Marker Felt",cursive !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-shadow:1px 0 currentColor,-1px 1px currentColor !important;
}
.secret-scribble.heart{
  color:#f5277f !important;
  font-size:38px !important;
}
.secret-scribble.star{
  color:#171219 !important;
  font-size:42px !important;
}
.secret-scribble.sparkle{
  color:#f5277f !important;
  font-size:30px !important;
}
.secret-scribble.h1{left:13%;top:67%;transform:rotate(-12deg)}
.secret-scribble.h2{right:11%;top:67%;transform:rotate(13deg) scale(.85)}
.secret-scribble.h3{right:20%;top:22%;transform:rotate(-8deg) scale(.65)}
.secret-scribble.st1{left:18%;top:29%;transform:rotate(18deg)}
.secret-scribble.st2{right:8%;top:54%;transform:rotate(-14deg) scale(.82)}
.secret-scribble.st3{left:39%;top:73%;transform:rotate(9deg) scale(.62)}
.secret-scribble.sp1{left:32%;top:17%;transform:rotate(12deg)}
.secret-scribble.sp2{right:31%;top:75%;transform:rotate(-15deg)}

@media(max-width:700px){
  .secret-scribble.heart{font-size:28px !important}
  .secret-scribble.star{font-size:30px !important}
  .secret-scribble.sparkle{font-size:22px !important}
}


/* ==========================================================
   v2.10.3 — Cinema Terapia articolo:
   locandina più piccola + Ricetta emotiva mini post-it
   ========================================================== */

.cinema-poster{
  float:left !important;
  width:155px !important;
  max-width:155px !important;
  margin:8px 20px 18px 18px !important;
  padding:6px !important;
  background:#fff !important;
  border:2px solid #211b22 !important;
  box-shadow:5px 6px 0 rgba(33,27,34,.16) !important;
  transform:rotate(-1.3deg) !important;
}
.cinema-poster-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:220px !important;
  object-fit:cover !important;
}

/* vero effetto post-it: più piccolo, quadrato, ombra morbida */
.cinema-prescription-card{
  float:right !important;
  position:relative !important;
  width:175px !important;
  max-width:175px !important;
  min-height:0 !important;
  margin:8px 38px 18px 20px !important;
  padding:11px 12px 12px !important;
  background:#fff0a6 !important;
  border:1.5px solid #292129 !important;
  box-shadow:
    7px 8px 0 rgba(35,28,35,.18),
    11px 13px 12px rgba(35,28,35,.10) !important;
  transform:rotate(.9deg) !important;
}

/* pezzetto di nastro sopra il post-it */
.cinema-prescription-card:before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  top:-9px !important;
  left:50% !important;
  width:43px !important;
  height:15px !important;
  transform:translateX(-50%) rotate(-2deg) !important;
  background:rgba(246,115,161,.42) !important;
  border:0 !important;
  box-shadow:none !important;
}

.cinema-prescription-card > strong{
  display:block !important;
  font-size:14px !important;
  line-height:1.05 !important;
  margin:2px 0 9px !important;
}
.cinema-prescription-card .recipe-label{
  font-size:9.5px !important;
  line-height:1.15 !important;
}
.cinema-prescription-card .cinema-recipe-when{
  padding:3px 0 6px !important;
}
.cinema-prescription-card .cinema-recipe-when p{
  font-size:9.5px !important;
  line-height:1.25 !important;
  margin:3px 0 0 !important;
}
.cinema-prescription-card .cinema-rating-row{
  padding:5px 0 !important;
  margin:0 !important;
}
.cinema-prescription-card .cinema-stars{
  gap:1px !important;
  margin-top:3px !important;
}
.cinema-prescription-card .cinema-stars .star-on,
.cinema-prescription-card .cinema-stars .star-off{
  font-size:13px !important;
  line-height:1 !important;
}

/* il testo dell'articolo resta interamente sotto */
.cinema-single-content{
  clear:both !important;
  display:block !important;
  width:100% !important;
  padding-top:10px !important;
}

@media(max-width:650px){
  .cinema-poster{
    float:none !important;
    width:145px !important;
    max-width:70% !important;
    margin:14px auto 20px !important;
  }
  .cinema-prescription-card{
    float:none !important;
    width:170px !important;
    max-width:76% !important;
    margin:14px auto 22px !important;
  }
}


/* ==========================================================
   v2.10.4 — Cinema Terapia:
   testo tra locandina e post-it, poi sotto quando finisce lo spazio
   ========================================================== */

.cinema-poster{
  float:left !important;
  width:155px !important;
  max-width:155px !important;
  margin:8px 26px 18px 18px !important;
}

.cinema-prescription-card{
  float:right !important;
  width:175px !important;
  max-width:175px !important;
  margin:8px 38px 18px 26px !important;
}

/* IMPORTANTE: niente clear qui.
   Il testo scorre nello spazio centrale tra i due float. */
.cinema-single-content{
  clear:none !important;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  padding-top:8px !important;
  margin:0 !important;
  overflow:visible !important;
}

/* annulla eventuale pseudo-elemento che forzava il testo sotto */
.cinema-single-content:before{
  content:none !important;
  display:none !important;
  clear:none !important;
}

/* chiude correttamente i float alla fine dell'articolo */
.cinema-single-sheet:after{
  content:"" !important;
  display:block !important;
  clear:both !important;
}

/* su schermi stretti torna in colonna per evitare testo schiacciato */
@media(max-width:760px){
  .cinema-poster,
  .cinema-prescription-card{
    float:none !important;
    display:block !important;
    margin:14px auto 20px !important;
  }
  .cinema-single-content{
    clear:both !important;
    width:100% !important;
    padding-top:6px !important;
  }
}


/* ==========================================================
   v2.11.0 — PLAYLIST DI SOPRAVVIVENZA
   cassette / walkman / quaderno anni '90
   ========================================================== */
.playlist-page{max-width:1120px;margin:22px auto 45px;padding:0 18px}
.playlist-hero{
 position:relative;overflow:hidden;padding:42px 55px 38px;text-align:center;
 background:
  linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),
  repeating-linear-gradient(0deg,#fff8ed 0,#fff8ed 31px,#b7dcef 32px,#fff8ed 33px);
 border:4px solid #171219;box-shadow:9px 9px 0 #f5277f
}
.playlist-kicker{display:inline-block;background:#f5277f;color:#fff;padding:7px 12px;border:3px solid #171219;box-shadow:3px 3px 0 #171219;font-weight:900;transform:rotate(-1deg)}
.playlist-hero h1{font-family:var(--font-display,inherit);font-size:clamp(45px,8vw,86px);line-height:.86;margin:25px 0 18px;color:#171219;text-shadow:5px 5px 0 #65d6f5;transform:rotate(-1deg)}
.playlist-sub{font-size:18px;font-weight:800;max-width:720px;margin:0 auto 27px}
.playlist-search{max-width:790px;margin:auto;text-align:left;background:#171219;padding:16px;border:3px solid #171219;box-shadow:6px 6px 0 rgba(245,39,127,.65)}
.playlist-search label{display:block;color:#fff;font-weight:900;margin:0 0 8px}
.playlist-search-row{display:flex;gap:10px}
.playlist-search input[type=search]{min-width:0;flex:1;padding:14px;border:3px solid #171219;font:inherit;background:#fff}
.playlist-search button{padding:12px 16px;background:#ffe15d;border:3px solid #171219;box-shadow:3px 3px 0 #fff;font-weight:900;cursor:pointer}
.playlist-note,.playlist-heart,.playlist-tape{position:absolute;font-size:42px;font-weight:900;transform:rotate(-12deg)}
.note-one{left:7%;top:23%;color:#f5277f}.note-two{right:8%;top:17%;color:#1eb6e9}.playlist-heart{right:12%;bottom:18%;color:#f5277f}.tape-one{left:8%;bottom:14%;font-size:30px;color:#171219}
.playlist-intro{display:flex;gap:13px;align-items:center;margin:30px auto 22px;max-width:850px;padding:13px 18px;background:#bfefff;border:2px dashed #171219;transform:rotate(.3deg);font-size:16px}
.playlist-intro>span{font-size:30px}
.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start;padding:20px 8px}
.playlist-card{position:relative;background:#171219;padding:12px 12px 14px;box-shadow:7px 8px 0 rgba(23,18,25,.22);transform:rotate(-.7deg)}
.playlist-card:nth-child(2n){transform:rotate(.8deg)}.playlist-card:nth-child(3n){transform:rotate(-1.3deg)}
.playlist-card:before{content:"";position:absolute;width:65px;height:18px;top:-11px;left:50%;transform:translateX(-50%) rotate(-3deg);background:rgba(246,115,161,.6);z-index:4}
.playlist-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:3px solid #f8f1e8;background:#efefef}
.playlist-cover img{width:100%;height:100%;object-fit:cover;display:block}
.playlist-cover-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5277f,#67d9f6);font-size:70px;color:#171219}
.playlist-cover-fallback small{font-size:16px;font-weight:900}
.playlist-sticker{position:absolute;left:8px;bottom:9px;background:#ffe15d;color:#171219;border:2px solid #171219;padding:5px 8px;font-size:11px;font-weight:900;transform:rotate(-2deg)}
.playlist-card-paper{position:relative;margin-top:9px;padding:15px 15px 16px 24px;background:repeating-linear-gradient(0deg,#fffaf1 0,#fffaf1 27px,#c6dfec 28px,#fffaf1 29px);clip-path:polygon(0 2%,7% 0,14% 3%,23% 1%,32% 3%,43% 0,53% 2%,64% 0,75% 3%,86% 1%,100% 3%,100% 97%,91% 100%,82% 97%,72% 100%,62% 97%,50% 100%,39% 97%,27% 100%,15% 97%,0 100%)}
.playlist-side{position:absolute;left:4px;top:17px;writing-mode:vertical-rl;font-size:9px;font-weight:900}
.playlist-card h2{font-size:25px;line-height:1.02;margin:4px 0 10px}.playlist-card h2 a{color:#171219;text-decoration:none}
.playlist-excerpt{font-size:14px;line-height:1.45;min-height:60px}
.playlist-play{display:inline-block;margin-top:13px;padding:8px 10px;background:#f7a7ca;border:2px solid #171219;box-shadow:3px 3px 0 #171219;color:#171219;text-decoration:none;font-size:12px;font-weight:900}
.playlist-card:nth-child(3n+2) .playlist-play{background:#7bdcf6}.playlist-card:nth-child(3n) .playlist-play{background:#ffe15d}
.playlist-scribble{position:absolute;right:-7px;bottom:-14px;color:#f5277f;font-size:24px;font-weight:900;transform:rotate(-10deg)}
.playlist-empty{grid-column:1/-1;text-align:center;padding:60px 25px;background:#fff1ad;border:3px dashed #171219}
.empty-cassette{font-size:40px}.playlist-empty h2{font-size:34px;margin:15px 0 8px}
@media(max-width:850px){.playlist-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.playlist-hero{padding:35px 20px}.playlist-search-row{display:block}.playlist-search button{width:100%;margin-top:9px}.playlist-grid{grid-template-columns:1fr}.playlist-note,.playlist-heart,.playlist-tape{opacity:.35}.playlist-card{max-width:360px;margin:auto}}


/* ==========================================================
   v2.11.1 — Playlist: hero scuro da mixtape / Walkman
   niente foglio scolastico dietro al titolo
   ========================================================== */
.playlist-hero{
  position:relative !important;
  overflow:hidden !important;
  padding:48px 55px 42px !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(245,39,127,.16) 0 2px, transparent 3px),
    radial-gradient(circle at 83% 28%, rgba(101,214,245,.18) 0 2px, transparent 3px),
    linear-gradient(135deg,#15121b 0%,#242033 48%,#111016 100%) !important;
  background-size:33px 33px,41px 41px,auto !important;
  border:4px solid #171219 !important;
  box-shadow:9px 9px 0 #f5277f !important;
  color:#fff !important;
}

/* etichetta tipo adesivo sulla cassetta */
.playlist-kicker{
  background:#69d9f5 !important;
  color:#171219 !important;
  border:3px solid #171219 !important;
  box-shadow:4px 4px 0 #f5277f !important;
  transform:rotate(-1.2deg) !important;
}

/* il titolo diventa l'etichetta principale della mixtape */
.playlist-hero h1{
  position:relative !important;
  display:inline-block !important;
  width:auto !important;
  max-width:850px !important;
  margin:30px auto 23px !important;
  padding:17px 32px 15px !important;
  background:#f7efe3 !important;
  border:4px solid #171219 !important;
  box-shadow:
    7px 7px 0 #69d9f5,
    12px 12px 0 #f5277f !important;
  color:#171219 !important;
  text-shadow:none !important;
  transform:rotate(-.8deg) !important;
}

/* righe sottili da etichetta scritta a pennarello */
.playlist-hero h1:before,
.playlist-hero h1:after{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  height:2px !important;
  background:rgba(245,39,127,.35) !important;
}
.playlist-hero h1:before{top:11px !important}
.playlist-hero h1:after{bottom:10px !important}

.playlist-sub{
  color:#fff !important;
  text-shadow:1px 1px 0 #171219 !important;
}

/* ricerca come display/console del walkman */
.playlist-search{
  background:#0c0b0f !important;
  border:3px solid #69d9f5 !important;
  box-shadow:6px 6px 0 #f5277f !important;
}
.playlist-search input[type=search]{
  background:#f5efe5 !important;
}
.playlist-search button{
  background:#f5277f !important;
  color:#fff !important;
  box-shadow:3px 3px 0 #69d9f5 !important;
}

/* decorazioni musicali più leggibili sul fondo scuro */
.playlist-note,.playlist-heart,.playlist-tape{
  text-shadow:2px 2px 0 #171219 !important;
}
.note-one{color:#f5277f !important}
.note-two{color:#69d9f5 !important}
.playlist-heart{color:#ffe15d !important}
.tape-one{color:#f7efe3 !important}

@media(max-width:600px){
  .playlist-hero{padding:38px 18px 35px !important}
  .playlist-hero h1{
    padding:15px 17px !important;
    box-shadow:5px 5px 0 #69d9f5,9px 9px 0 #f5277f !important;
  }
}

/* 2.16.0 — consenso preventivo per player Spotify */
.sdb-spotify-consent{width:100%;margin:12px 0 18px;text-align:center}
.sdb-spotify-placeholder{position:relative;padding:27px 22px;background:#fffdf4;border:3px solid #171219;box-shadow:6px 6px 0 #1ed760;overflow:hidden}
.sdb-spotify-placeholder:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(57,199,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(57,199,255,.12) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.sdb-spotify-placeholder>*{position:relative;z-index:1}
.sdb-spotify-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:#1ed760;color:#171219;border:3px solid #171219;font-size:31px;font-weight:900;transform:rotate(-5deg)}
.sdb-spotify-placeholder strong{display:block;font-family:'Permanent Marker','Patrick Hand',cursive;font-size:27px}
.sdb-spotify-placeholder p{max-width:610px;margin:10px auto 17px;font-size:16px;line-height:1.4}
.sdb-spotify-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.sdb-spotify-actions button,.sdb-spotify-actions a{display:inline-block;padding:10px 14px;border:3px solid #171219!important;background:#1ed760!important;color:#171219!important;box-shadow:4px 4px 0 #171219;text-decoration:none;font-weight:900}
.sdb-spotify-actions a{background:#bdf2ff!important}
.sdb-spotify-placeholder small{display:block;margin-top:16px;font-size:12px}
.sdb-spotify-player iframe{display:block;width:100%;min-height:352px;border:0;border-radius:12px}
.sdb-spotify-revoke{margin:12px auto 0!important;padding:6px 9px!important;border-width:2px!important;background:#fff!important;box-shadow:2px 2px 0 #171219!important;font-size:12px!important}
@media(max-width:600px){.sdb-spotify-placeholder{padding:22px 13px}.sdb-spotify-actions{display:grid;grid-template-columns:1fr}.sdb-spotify-actions button,.sdb-spotify-actions a{width:100%;font-size:14px}.sdb-spotify-player iframe{min-height:352px}}

/* 2.14.2 — mantiene il layout originale; cambia solo carattere e selezione */
.quiz-question{
  position:relative!important;
  background:#fff!important;
  border:3px solid #171219!important;
  border-left:3px solid #171219!important;
  border-bottom:3px solid #171219!important;
  padding:22px!important;
  margin:0 0 26px!important;
  box-shadow:6px 6px 0 #39c7ff!important;
  transform:none!important;
}
.quiz-question legend{
  max-width:none!important;
  font-family:'Patrick Hand','Comic Sans MS',cursive!important;
  font-size:28px!important;
  line-height:1.2!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  background:#fff!important;
  padding:0 8px!important;
}
.quiz-question legend span{
  display:inline-grid!important;
  place-items:center!important;
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  border:0!important;
  border-radius:50%!important;
  background:#f5277f!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:18px!important;
  line-height:37px!important;
  transform:none!important;
}
.quiz-answers{gap:11px!important;margin-top:13px!important}
.quiz-answers label,
.quiz-answers label:nth-child(even),
.quiz-answers label:nth-child(odd){
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  padding:13px 15px 13px 56px!important;
  border:2px solid #171219!important;
  border-bottom:2px solid #171219!important;
  background:#fffaf0!important;
  font-family:'Patrick Hand','Comic Sans MS',cursive!important;
  font-size:clamp(19px,2.2vw,24px)!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  transform:none!important;
}
.quiz-answers label:hover{background:#fff2f7!important;color:#171219!important;transform:translateX(3px)!important}
.quiz-answers label:has(input:checked){background:#ffabc9!important;color:#171219!important;transform:translateX(3px)!important}
.quiz-answers label:before{
  left:17px!important;
  top:50%!important;
  width:23px!important;
  height:23px!important;
  margin-top:-13px!important;
  border:2.5px solid #171219!important;
  border-radius:3px 5px 2px 4px!important;
  background:#fff!important;
  transform:rotate(-3deg)!important;
}
.quiz-answers label:has(input:checked):after{
  left:15px!important;
  top:50%!important;
  margin-top:-25px!important;
  font-size:40px!important;
  transform:rotate(-9deg)!important;
}
.quiz-question-missing{background:#fff0f2!important;border-color:#b0003a!important}
@media(max-width:600px){
  .quiz-question{padding:17px 12px!important}
  .quiz-question legend{font-size:22px!important}
  .quiz-answers label{padding:12px 10px 12px 50px!important;font-size:18px!important}
  .quiz-answers label:before{left:13px!important}
  .quiz-answers label:has(input:checked):after{left:11px!important}
}


/* ==========================================================
   v2.11.2 — Playlist: usa il collage mixtape creato come sfondo
   ========================================================== */
.playlist-hero{
  position:relative !important;
  overflow:hidden !important;
  padding:55px 55px 46px !important;
  background-image:url("assets/images/playlist-mixtape-background.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border:4px solid #171219 !important;
  box-shadow:9px 9px 0 #f5277f !important;
}

/* il kicker resta piccolo per non coprire il collage */
.playlist-kicker{
  position:relative !important;
  z-index:3 !important;
  background:#69d9f5 !important;
  color:#171219 !important;
}

/* titolo leggibile sopra lo spazio nero centrale, senza il grande riquadro crema */
.playlist-hero h1{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  width:auto !important;
  max-width:760px !important;
  margin:27px auto 17px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#f7efe3 !important;
  text-shadow:
    4px 4px 0 #f5277f,
    -2px -2px 0 #171219 !important;
  transform:rotate(-.6deg) !important;
}
.playlist-hero h1:before,
.playlist-hero h1:after{
  display:none !important;
  content:none !important;
}

.playlist-sub{
  position:relative !important;
  z-index:3 !important;
  max-width:650px !important;
  color:#fff !important;
  background:rgba(10,9,12,.72) !important;
  padding:7px 12px !important;
  border-radius:2px !important;
}

/* ricerca compatta nel centro libero dello sfondo */
.playlist-search{
  position:relative !important;
  z-index:3 !important;
  max-width:720px !important;
  background:rgba(10,9,12,.92) !important;
}

/* elimino le vecchie note CSS: sono già disegnate nello sfondo */
.playlist-note,
.playlist-heart,
.playlist-tape{
  display:none !important;
}

@media(max-width:600px){
  .playlist-hero{
    padding:42px 18px 38px !important;
    background-position:center center !important;
  }
  .playlist-hero h1{
    font-size:clamp(42px,13vw,64px) !important;
  }
}


/* ==========================================================
   v2.11.3 — articolo singolo Playlist di sopravvivenza
   ========================================================== */
.playlist-single-page{
  max-width:1050px;
  margin:30px auto 60px;
  padding:0 18px;
}
.playlist-single-sheet{
  position:relative;
  overflow:hidden;
  padding:42px 48px 54px;
  background:
    radial-gradient(circle at 10% 12%,rgba(245,39,127,.10) 0 2px,transparent 3px),
    linear-gradient(135deg,#16121a,#242033 55%,#111016);
  border:4px solid #171219;
  box-shadow:9px 9px 0 #f5277f;
  color:#fff;
}
.playlist-single-sheet:before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px dashed rgba(255,255,255,.18);
  pointer-events:none;
}
.playlist-single-head{
  position:relative;
  z-index:2;
  text-align:center;
  margin-bottom:30px;
}
.playlist-single-kicker{
  display:inline-block;
  padding:6px 10px;
  background:#69d9f5;
  color:#171219;
  border:2px solid #171219;
  box-shadow:3px 3px 0 #f5277f;
  font-weight:900;
  transform:rotate(-1deg);
}
.playlist-single-head h1{
  margin:20px auto 10px;
  max-width:860px;
  font-family:"Permanent Marker","Segoe Print",cursive!important;
  font-size:clamp(46px,7vw,78px);
  line-height:.98;
  color:#fff7eb;
  text-shadow:4px 4px 0 #f5277f;
}
.playlist-single-head p{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#dff7ff;
}
.playlist-single-top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.playlist-single-cover{
  position:relative;
  margin:0;
  padding:9px 9px 33px;
  background:#f7efe3;
  border:2px solid #171219;
  box-shadow:6px 7px 0 rgba(0,0,0,.35);
  transform:rotate(-1.5deg);
}
.playlist-single-cover-img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.playlist-single-cover figcaption{
  margin-top:7px;
  text-align:center;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:15px;
  color:#171219;
}
.playlist-cover-tape{
  position:absolute;
  top:-10px;
  left:50%;
  width:65px;
  height:18px;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(245,39,127,.48);
}
.playlist-single-player-wrap{
  position:relative;
  padding:20px 18px 18px;
  background:#0d0c10;
  border:3px solid #69d9f5;
  box-shadow:6px 6px 0 #f5277f;
  min-width:0;
}
.playlist-player-label{
  position:absolute;
  top:-13px;
  left:20px;
  padding:5px 8px;
  background:#ffe15d;
  color:#171219;
  border:2px solid #171219;
  font-size:12px;
  font-weight:900;
  transform:rotate(-1deg);
}
.playlist-player-content{
  color:#fff;
  font-size:17px;
  line-height:1.6;
}
.playlist-player-content > *:first-child{
  margin-top:0!important;
}
.playlist-player-content iframe,
.playlist-player-content .wp-block-embed,
.playlist-player-content .wp-block-embed__wrapper{
  width:100%!important;
  max-width:100%!important;
}
.playlist-player-content iframe{
  min-height:300px;
  border-radius:12px;
}
.playlist-player-content p,
.playlist-player-content h2,
.playlist-player-content h3,
.playlist-player-content ul,
.playlist-player-content ol{
  color:#fff;
}
.playlist-single-footer{
  position:relative;
  z-index:2;
  margin-top:38px;
  text-align:center;
  color:#f7a7ca;
  font-family:"Permanent Marker","Segoe Print",cursive;
  font-size:16px;
}
@media(max-width:760px){
  .playlist-single-sheet{padding:35px 24px 45px}
  .playlist-single-top{grid-template-columns:1fr}
  .playlist-single-cover{width:190px;max-width:70%;margin:0 auto}
  .playlist-player-content iframe{min-height:260px}
}


/* ==========================================================
   v2.11.4 — Playlist: VINILE + grunge scrapbook
   ========================================================== */

/* ---- CARD CATEGORIA ---- */
.playlist-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}
.playlist-vinyl-card{
  position:relative !important;
  background:#0e0d10 !important;
  border:2px solid #f5277f !important;
  box-shadow:5px 6px 0 rgba(23,18,25,.35) !important;
  padding:14px 12px 16px !important;
  overflow:visible !important;
}
.playlist-vinyl-card:nth-child(2n){border-color:#69d9f5 !important}
.playlist-vinyl-wrap{
  display:block !important;
  text-decoration:none !important;
}
.playlist-vinyl-disc{
  position:relative !important;
  display:block !important;
  width:190px !important;
  height:190px !important;
  max-width:92% !important;
  margin:0 auto 10px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at center,#111 0 8%,#1b1b1b 8.5% 13%,#111 13.5% 22%,#1c1c1c 22.5% 31%,#111 31.5% 42%,#1b1b1b 42.5% 53%,#0b0b0b 53.5% 100%) !important;
  box-shadow:
    inset 0 0 0 2px #222,
    5px 7px 0 rgba(245,39,127,.22) !important;
}
.playlist-vinyl-disc:after{
  content:"" !important;
  position:absolute !important;
  inset:7px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.05) !important;
}
.playlist-vinyl-center{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:88px !important;
  height:88px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:3px solid #f5277f !important;
  background:#171219 !important;
  z-index:3 !important;
}
.playlist-vinyl-card:nth-child(2n) .playlist-vinyl-center{border-color:#69d9f5 !important}
.playlist-vinyl-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.playlist-vinyl-fallback{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  color:#fff !important;
  font-size:36px !important;
}
.playlist-vinyl-paper{
  position:relative !important;
  margin-top:-5px !important;
  padding:11px 10px 12px !important;
  text-align:center !important;
  background:
    repeating-linear-gradient(0deg,#fff8ed 0 25px,#d4e7ef 26px 27px) !important;
  clip-path:polygon(0 5%,7% 1%,15% 4%,24% 0,34% 4%,44% 1%,54% 4%,65% 0,76% 4%,88% 1%,100% 5%,99% 96%,91% 99%,80% 96%,69% 99%,58% 96%,47% 99%,36% 96%,24% 99%,12% 96%,1% 99%) !important;
  transform:rotate(-1deg) !important;
}
.playlist-vinyl-paper h2{
  margin:3px 0 9px !important;
  font-family:"Permanent Marker","Segoe Print",cursive !important;
  font-size:20px !important;
  line-height:1.08 !important;
}
.playlist-vinyl-paper h2 a{color:#171219 !important;text-decoration:none !important}
.playlist-vinyl-mood{
  display:inline-block !important;
  padding:4px 7px !important;
  background:#f5277f !important;
  color:#171219 !important;
  border:1px solid #171219 !important;
  font-size:10px !important;
  font-weight:900 !important;
  transform:rotate(-1deg) !important;
}
.playlist-vinyl-card:nth-child(2n) .playlist-vinyl-mood{background:#69d9f5 !important}
.playlist-vinyl-card .playlist-play{
  display:inline-block !important;
  margin-top:10px !important;
  padding:6px 9px !important;
  background:#111 !important;
  color:#69d9f5 !important;
  border:2px solid #69d9f5 !important;
  box-shadow:none !important;
  font-size:11px !important;
}
.playlist-vinyl-star,.playlist-vinyl-note{
  position:absolute !important;
  z-index:5 !important;
  font-family:"Segoe Print",cursive !important;
  font-weight:900 !important;
}
.playlist-vinyl-star{left:5px;top:6px;color:#f5277f;font-size:26px;transform:rotate(-14deg)}
.playlist-vinyl-note{right:7px;top:10px;color:#69d9f5;font-size:24px;transform:rotate(12deg)}

/* ---- SINGOLO ---- */
.playlist-single-vinyl .playlist-single-sheet{
  background:
    radial-gradient(circle at 14% 18%,rgba(245,39,127,.16) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 24%,rgba(105,217,245,.12) 0 2px,transparent 3px),
    linear-gradient(135deg,#0d0c10,#151119 58%,#09090b) !important;
  box-shadow:10px 10px 0 #f5277f !important;
}
.playlist-single-vinyl .playlist-single-head h1{
  display:inline-block !important;
  max-width:850px !important;
  padding:6px 15px 8px !important;
  background:#f5277f !important;
  color:#171219 !important;
  text-shadow:none !important;
  transform:rotate(-1deg) !important;
}
.playlist-single-layout{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:250px minmax(0,1fr) 210px !important;
  gap:24px !important;
  align-items:start !important;
}
.playlist-single-vinyl-area{position:relative !important;padding-top:5px !important}
.playlist-big-vinyl{
  position:relative !important;
  width:235px !important;
  height:235px !important;
  max-width:100% !important;
  margin:0 auto !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at center,#111 0 8%,#1b1b1b 8.5% 13%,#111 13.5% 22%,#1a1a1a 22.5% 32%,#0e0e0e 32.5% 44%,#1a1a1a 44.5% 55%,#090909 55.5% 100%) !important;
  box-shadow:8px 9px 0 rgba(245,39,127,.28) !important;
}
.playlist-big-center{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:108px !important;
  height:108px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:4px solid #f5277f !important;
  background:#171219 !important;
}
.playlist-big-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.playlist-big-fallback{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:44px !important;
}
.playlist-torn-note{
  width:150px !important;
  margin:18px auto 0 !important;
  padding:10px !important;
  color:#171219 !important;
  background:repeating-linear-gradient(0deg,#fff8ed 0 23px,#cbdfe9 24px 25px) !important;
  clip-path:polygon(0 4%,8% 0,18% 4%,29% 0,40% 4%,51% 1%,62% 4%,74% 0,86% 4%,100% 0,98% 97%,87% 100%,75% 96%,62% 100%,49% 96%,36% 100%,23% 96%,10% 100%,0 97%) !important;
  font-family:"Permanent Marker","Segoe Print",cursive !important;
  font-size:14px !important;
  transform:rotate(-2deg) !important;
  text-align:center !important;
}
.playlist-player-shell{
  position:relative !important;
  padding:24px 18px 18px !important;
  background:
    linear-gradient(180deg,#252525,#111) !important;
  border:3px solid #777 !important;
  box-shadow:
    inset 0 0 0 5px #111,
    6px 7px 0 #f5277f !important;
}
.playlist-player-shell:before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;right:10px !important;bottom:-22px !important;
  height:24px !important;
  background:#161616 !important;
  border:2px solid #555 !important;
  clip-path:polygon(0 0,100% 0,96% 100%,4% 100%) !important;
}
.playlist-per-quando{
  position:relative !important;
  padding:18px 16px 20px !important;
  color:#171219 !important;
  background:
    repeating-linear-gradient(0deg,#fff8ed 0 25px,#d5e6ed 26px 27px) !important;
  box-shadow:6px 7px 0 rgba(245,39,127,.24) !important;
  transform:rotate(1.6deg) !important;
}
.playlist-per-quando h3{
  margin:0 0 12px !important;
  color:#f5277f !important;
  font-family:"Permanent Marker","Segoe Print",cursive !important;
  font-size:22px !important;
}
.playlist-per-quando p{
  margin:0 0 7px !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}
.playlist-note-tape{
  position:absolute !important;
  width:58px !important;height:17px !important;
  top:-10px !important;right:16px !important;
  background:rgba(245,39,127,.45) !important;
  transform:rotate(5deg) !important;
}
.playlist-note-heart{
  position:absolute !important;
  right:12px !important;bottom:3px !important;
  color:#f5277f !important;
  font-size:32px !important;
}
.playlist-single-mood{
  position:relative !important;
  z-index:3 !important;
  width:max-content !important;
  max-width:90% !important;
  margin:28px 10px 0 auto !important;
  padding:7px 11px !important;
  background:#f5277f !important;
  color:#171219 !important;
  border:2px solid #171219 !important;
  box-shadow:3px 3px 0 #69d9f5 !important;
  font-weight:900 !important;
  transform:rotate(-1deg) !important;
}
.playlist-single-vinyl .playlist-single-footer{
  margin-top:42px !important;
}

@media(max-width:1050px){
  .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .playlist-single-layout{grid-template-columns:220px minmax(0,1fr) !important}
  .playlist-per-quando{grid-column:1/-1 !important;max-width:420px !important;margin:0 auto !important}
}
@media(max-width:700px){
  .playlist-grid{grid-template-columns:1fr !important}
  .playlist-vinyl-card{max-width:310px !important;margin:0 auto !important}
  .playlist-single-layout{grid-template-columns:1fr !important}
  .playlist-big-vinyl{width:210px !important;height:210px !important}
  .playlist-player-shell{width:100% !important;box-sizing:border-box !important}
  .playlist-per-quando{width:auto !important;max-width:85% !important}
}


/* v2.11.5 — descrizione Playlist personalizzabile */
.playlist-per-quando .playlist-desc-text{
  margin-top:6px !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  white-space:normal !important;
}


/* ==========================================================
   v2.11.6 — Playlist singola come mockup approvato:
   griglia grigio scuro + vinile + player + foglio PER QUANDO
   ========================================================== */
.playlist-single-vinyl .playlist-single-sheet{
  background-image:url("assets/images/playlist-single-dark-grid.png") !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:repeat-y !important;
  background-color:#303030 !important;
  border:3px solid #171219 !important;
  box-shadow:8px 8px 0 #f5277f !important;
}

/* niente puntinatura nera precedente */
.playlist-single-vinyl .playlist-single-sheet:before{
  display:none !important;
}

/* titolo più leggero: non deve diventare un enorme blocco rosa */
.playlist-single-vinyl .playlist-single-head h1{
  display:block !important;
  max-width:900px !important;
  margin:20px auto 10px !important;
  padding:0 !important;
  background:transparent !important;
  color:#fff5e9 !important;
  text-shadow:4px 4px 0 #f5277f !important;
  transform:none !important;
}
.playlist-single-vinyl .playlist-single-head p{
  color:#fff !important;
}

/* layout orizzontale come nella reference */
.playlist-single-layout{
  grid-template-columns:260px minmax(360px,1fr) 245px !important;
  gap:30px !important;
  align-items:center !important;
}

/* VINILE più leggibile sul grigio */
.playlist-big-vinyl{
  width:250px !important;
  height:250px !important;
  background:
    repeating-radial-gradient(circle at center,#101010 0 4px,#242424 5px 7px,#111 8px 11px) !important;
  border:1px solid #3b3b3b !important;
  box-shadow:7px 9px 0 rgba(0,0,0,.28) !important;
}
.playlist-big-center{
  width:112px !important;
  height:112px !important;
  border:4px solid #f5277f !important;
}

/* bigliettino sotto al vinile */
.playlist-torn-note{
  width:180px !important;
  margin-top:20px !important;
  background:
    repeating-linear-gradient(0deg,#f8f1e7 0 22px,#bdd5df 23px 24px) !important;
  box-shadow:3px 4px 0 rgba(0,0,0,.22) !important;
}

/* player come cartoncino nero sovrapposto */
.playlist-player-shell{
  padding:27px 20px 21px !important;
  background:#171717 !important;
  border:2px solid #eee !important;
  box-shadow:8px 8px 0 #f5277f !important;
}
.playlist-player-shell:before{
  display:none !important;
}
.playlist-player-label{
  background:#ffe15d !important;
  border:2px solid #171219 !important;
  box-shadow:2px 2px 0 rgba(0,0,0,.35) !important;
}

/* PER QUANDO: foglio più grande, chiaro e strappato */
.playlist-per-quando{
  position:relative !important;
  min-height:265px !important;
  padding:28px 24px 28px 38px !important;
  background:
    linear-gradient(90deg,transparent 0 24px,rgba(240,105,130,.35) 25px 26px,transparent 27px),
    repeating-linear-gradient(0deg,#f5eee4 0 27px,#b7d1dc 28px 29px) !important;
  color:#171219 !important;
  border:0 !important;
  box-shadow:7px 8px 0 rgba(0,0,0,.28) !important;
  clip-path:polygon(1% 1%,10% 0,19% 2%,30% 0,40% 1%,51% 0,63% 2%,74% 0,86% 1%,99% 0,100% 97%,91% 99%,81% 98%,70% 100%,59% 98%,48% 100%,37% 98%,26% 100%,15% 98%,1% 100%) !important;
  transform:rotate(1.3deg) !important;
}
.playlist-per-quando:before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:27px !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:#252525 !important;
  box-shadow:
    0 34px 0 #252525,
    0 68px 0 #252525,
    0 102px 0 #252525,
    0 136px 0 #252525,
    0 170px 0 #252525,
    0 204px 0 #252525 !important;
}
.playlist-per-quando h3{
  font-size:25px !important;
  color:#f5277f !important;
  border-bottom:3px solid #f5277f !important;
  padding-bottom:4px !important;
}
.playlist-per-quando .playlist-desc-text{
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
}
.playlist-note-tape{
  width:80px !important;
  height:20px !important;
  top:-10px !important;
  right:20px !important;
  background:rgba(245,39,127,.55) !important;
}

/* mood come piccola etichetta, non protagonista */
.playlist-single-mood{
  margin-top:32px !important;
  background:#f5277f !important;
  box-shadow:3px 3px 0 #69d9f5 !important;
}

/* desktop medio */
@media(max-width:1050px){
  .playlist-single-layout{
    grid-template-columns:220px minmax(330px,1fr) !important;
  }
  .playlist-per-quando{
    grid-column:1/-1 !important;
    width:420px !important;
    max-width:80% !important;
    margin:12px auto 0 !important;
  }
}
/* mobile definitivo lo faremo nel pass dedicato */


/* ==========================================================
   v2.11.7 — Segreti: ripristino distinzione azzurra del consiglio
   ========================================================== */
.segreti-single-content h2,
.segreti-single-content h3{
  position:relative;
}

/* Il titolo "IL CONSIGLIO DELLA SFIGATA" resta fuori dal box */
.segreti-single-content h2 + p,
.segreti-single-content h3 + p{
  position:relative;
}

/* Box azzurro per la risposta/consiglio */
.segreti-single-content .consiglio-sfigata,
.segreti-single-content .mally-risponde,
.segreti-single-content blockquote{
  margin:16px 0 26px !important;
  padding:22px 26px !important;
  background:linear-gradient(135deg,#dff7ff 0%,#cfefff 100%) !important;
  border:2px dashed #28b8ee !important;
  border-radius:12px !important;
  box-shadow:5px 6px 0 rgba(40,184,238,.14) !important;
  color:#171219 !important;
}

/* Fallback: se l'articolo usa un heading "IL CONSIGLIO..." seguito direttamente dal testo,
   il paragrafo immediatamente successivo diventa il box azzurro. */
.segreti-single-content h2 + p,
.segreti-single-content h3 + p{
  padding:20px 24px !important;
  margin:12px 0 26px !important;
  background:linear-gradient(135deg,#dff7ff 0%,#cfefff 100%) !important;
  border:2px dashed #28b8ee !important;
  border-radius:12px !important;
  box-shadow:5px 6px 0 rgba(40,184,238,.14) !important;
}

/* Se il primo paragrafo dopo un heading NON è il consiglio, evitiamo di colorare indiscriminatamente
   usando un selettore più specifico sugli heading che contengono "consiglio" quando supportato. */
@supports selector(h2:has(+ p)){
  .segreti-single-content h2:not(:has(+ p)),
  .segreti-single-content h3:not(:has(+ p)){ }
}

@media(max-width:700px){
  .segreti-single-content h2 + p,
  .segreti-single-content h3 + p,
  .segreti-single-content .consiglio-sfigata,
  .segreti-single-content .mally-risponde,
  .segreti-single-content blockquote{
    padding:16px 18px !important;
    border-radius:9px !important;
  }
}


/* v2.11.8 — Segreti: resta "IL CONSIGLIO DELLA SFIGATA", nessuna etichetta extra */
.segreti-single-content h2 + p:before,
.segreti-single-content h3 + p:before,
.segreti-single-content .consiglio-sfigata:before,
.segreti-single-content .mally-risponde:before,
.segreti-single-content blockquote:before{
  content:none !important;
  display:none !important;
}

/* Il consiglio rimane distinto nel box azzurro sotto al titolo già presente nell'articolo */
.segreti-single-content h2 + p,
.segreti-single-content h3 + p,
.segreti-single-content .consiglio-sfigata,
.segreti-single-content blockquote{
  padding:20px 24px !important;
  margin:12px 0 26px !important;
  background:linear-gradient(135deg,#dff7ff 0%,#cfefff 100%) !important;
  border:2px dashed #28b8ee !important;
  border-radius:12px !important;
  box-shadow:5px 6px 0 rgba(40,184,238,.14) !important;
  color:#171219 !important;
}


/* ==========================================================
   v2.12.0 — SEGRETI: layout definitivo strutturale
   ========================================================== */
.segreti-final-layout{margin-top:28px}
.secret-section-title{
  margin:22px 0 14px !important;
  font-family:"Permanent Marker","Segoe Print",cursive !important;
  font-size:25px !important;
  line-height:1.1 !important;
  color:#171219 !important;
}
.secret-advice-heading{margin-top:28px !important}
.secret-mini-doodles{
  margin-top:7px;color:#f5277f;font-size:16px;letter-spacing:5px
}

/* 1. MITTENTE — ROSA */
.secret-final-sender{
  display:block !important;
  margin:0 0 12px !important;
  padding:13px 18px !important;
  background:#ffd3e5 !important;
  border:2px dashed #f5277f !important;
  border-radius:10px !important;
  box-shadow:4px 5px 0 rgba(245,39,127,.12) !important;
  color:#171219 !important;
}
.secret-final-sender p{margin:0 !important}

/* 2. BIGLIETTINO / RICHIESTA — GIALLO */
.secret-final-request{
  display:block !important;
  margin:0 0 26px !important;
  padding:18px 22px !important;
  background:#fff0a8 !important;
  border:2px dashed #e2b91f !important;
  border-radius:10px !important;
  box-shadow:4px 5px 0 rgba(226,185,31,.13) !important;
  color:#171219 !important;
}
.secret-final-request > *:first-child{margin-top:0 !important}
.secret-final-request > *:last-child{margin-bottom:0 !important}

/* 3. RISPOSTA — AZZURRA */
.secret-final-answer{
  display:block !important;
  margin:0 0 28px !important;
  padding:19px 22px !important;
  background:#d8f3ff !important;
  border:2px dashed #28b8ee !important;
  border-radius:10px !important;
  box-shadow:4px 5px 0 rgba(40,184,238,.13) !important;
  color:#171219 !important;
}
.secret-final-answer p{margin:0 0 10px !important}
.secret-final-answer p:last-child{margin-bottom:0 !important}

.secret-final-answer:before,
.secret-final-sender:before,
.secret-final-request:before{
  content:none !important;
  display:none !important;
}

/* niente parole chiave/tag sotto */
.segreti-single-page .post-tags,
.segreti-single-page .tags-links,
.segreti-single-page .secret-tags,
.segreti-single-page .segreto-tags,
.segreti-single-page .keywords,
.segreti-single-page .parole-chiave{
  display:none !important;
}

/* neutralizza vecchi hack */
.segreti-single-content h2 + p,
.segreti-single-content h3 + p{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

@media(max-width:700px){
  .secret-final-sender,
  .secret-final-request,
  .secret-final-answer{
    padding:14px 16px !important;
  }
  .secret-section-title{font-size:22px !important}
}


/* ==========================================================
   v2.12.1 — SEGRETI: grafica semplificata
   Tutto normale/bianco, solo la risposta resta azzurra.
   ========================================================== */

/* Mittente: niente box colorato */
.secret-final-sender{
  display:block !important;
  margin:0 0 12px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#171219 !important;
}
.secret-final-sender p{margin:0 !important}

/* Bigliettino/richiesta: normale, bianco, senza riquadro */
.secret-final-request{
  display:block !important;
  margin:0 0 26px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#171219 !important;
}
.secret-final-request > *:first-child{margin-top:0 !important}
.secret-final-request > *:last-child{margin-bottom:0 !important}

/* Solo la risposta rimane evidenziata */
.secret-final-answer{
  display:block !important;
  margin:0 0 28px !important;
  padding:18px 22px !important;
  background:#d8f3ff !important;
  border:2px dashed #28b8ee !important;
  border-radius:10px !important;
  box-shadow:4px 5px 0 rgba(40,184,238,.13) !important;
  color:#171219 !important;
}

/* niente frase finale */
.segreti-bottom-note{
  display:none !important;
}


/* v2.12.2 — Segreti: niente fila di simboli; solo pochi cuori scarabocchiati sparsi */
.secret-mini-doodles{display:none !important}
.segreti-single-sheet{position:relative !important;overflow:hidden !important}
.secret-scattered-hearts{
  position:absolute !important; inset:0 !important; pointer-events:none !important;
  z-index:0 !important; color:#f5277f !important;
  font-family:"Comic Sans MS","Segoe Print",cursive !important;
}
.secret-scattered-hearts span{
  position:absolute !important; display:block !important;
  font-size:38px !important; line-height:1 !important; font-weight:900 !important;
  opacity:.78 !important; transform:rotate(-16deg) scaleX(1.08) !important;
  text-shadow:1px 0 0 #f5277f,-1px 1px 0 #f5277f !important;
}
.secret-scattered-hearts span:nth-child(1){top:20%;right:8%;transform:rotate(14deg) scaleX(1.15) !important}
.secret-scattered-hearts span:nth-child(2){top:43%;left:3%;font-size:30px !important;transform:rotate(-20deg) !important}
.secret-scattered-hearts span:nth-child(3){bottom:12%;right:6%;font-size:43px !important;transform:rotate(11deg) !important}
.secret-scattered-hearts span:nth-child(4){bottom:8%;left:5%;font-size:32px !important;transform:rotate(-12deg) !important}
.segreti-single-head,.segreti-final-layout{position:relative !important;z-index:1 !important}
@media(max-width:700px){
 .secret-scattered-hearts span{font-size:27px !important;opacity:.55 !important}
}

/* ==========================================================
   v2.13.0 — TEST + REWIND + RESPONSIVE MOBILE
   ========================================================== */
.test-home-card{background:#dff7ff}
.rewind-home-card{background:#d9d1ff}
.home-main-sections{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-main-sections .home-section-card{grid-column:span 2}
.home-main-sections .test-home-card,.home-main-sections .rewind-home-card{grid-column:span 3}
.site-menu .menu-item-test>a{background:var(--yellow)!important}
.site-menu .menu-item-rewind>a{background:#bdf2ff!important}

.special-archive{max-width:1180px;margin:34px auto 60px;padding:0 22px}
.special-hero{position:relative;text-align:center;padding:46px 34px;margin-bottom:34px;border:4px solid #171219;box-shadow:9px 9px 0 #171219;overflow:hidden}
.special-hero h1{font-size:clamp(54px,9vw,100px);line-height:.95;margin:5px 0 15px}
.special-kicker{font-weight:900;font-size:18px;letter-spacing:1px;margin:0}
.special-intro{max-width:760px;margin:0 auto;font-size:22px;line-height:1.35;font-weight:700}
.rewind-hero{background:linear-gradient(rgba(222,216,255,.94),rgba(222,216,255,.94)),repeating-linear-gradient(0deg,transparent 0 29px,#9fc5df 30px,#9fc5df 31px)}
.rewind-hero:after{content:"📼  ♫  ★  ☎";position:absolute;right:24px;bottom:15px;font-size:26px;transform:rotate(-5deg);opacity:.55}
.rewind-tape{display:inline-block;background:#171219;color:#fff;padding:7px 14px;border-radius:4px;transform:rotate(-2deg);font-weight:900}
.test-hero{background:#bceeff}
.test-hero:after{content:"✓  ?  ♡  ✎";position:absolute;right:25px;bottom:15px;font-size:31px;color:#f5277f;transform:rotate(6deg)}
.special-search{display:flex;max-width:650px;margin:24px auto 0;gap:10px}
.special-search input{flex:1;min-width:0;padding:13px 15px;border:3px solid #171219;background:#fff;font-size:18px}
.special-search button,.special-go{display:inline-block;padding:10px 14px;border:3px solid #171219;background:#fff;color:#171219;box-shadow:3px 3px 0 #171219;font-weight:900;text-decoration:none}
.special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.special-card,.special-empty{background:#fffaf0;border:3px solid #171219;box-shadow:6px 6px 0 #171219;overflow:hidden;transform:rotate(-.25deg)}
.special-card:nth-child(even){transform:rotate(.35deg)}
.special-thumb{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:3px solid #171219}
.special-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.special-card-copy{padding:24px}
.special-card h2{font-size:32px;line-height:1.08;margin:8px 0 10px}
.special-card h2 a{color:#171219;text-decoration:none}
.special-card p{font-size:18px;line-height:1.4}
.special-date{font-weight:900;color:#762248}
.test-badge{display:inline-block;background:#ffe55d;border:2px solid #171219;padding:4px 9px;font-weight:900;transform:rotate(-2deg)}
.test-card{background:#fff3b7}.rewind-card{background:#f7f4ff}
.special-empty{grid-column:1/-1;text-align:center;padding:42px 28px}

/* Responsive generale: pass dedicato mobile */
img,video,iframe{max-width:100%}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:980px){
  .home-main-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-main-sections .home-section-card,.home-main-sections .test-home-card,.home-main-sections .rewind-home-card{grid-column:span 1}
  .content-layout{grid-template-columns:minmax(0,1fr)!important}
  .content-layout>aside,.sidebar{max-width:100%}
}
@media(max-width:760px){
  .site-wrap{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important}
  .site-header{padding-left:8px!important;padding-right:8px!important}
  .brand-title{font-size:clamp(34px,11vw,52px)!important;line-height:1.02!important;overflow-wrap:anywhere}
  .tagline{font-size:17px!important}
  .site-menu ul,.fake-menu{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;padding:0!important}
  .site-menu li{margin:0!important}
  .site-menu a,.fake-menu a{display:block!important;padding:7px 9px!important;font-size:16px!important;white-space:normal!important}
  .hero-collage{min-height:430px!important}
  .hero-overlay{width:auto!important;max-width:none!important;margin:0 12px!important;padding:24px 18px!important}
  .hero-title{font-size:clamp(31px,9vw,46px)!important}
  .hero-copy{font-size:18px!important}
  .hero-cta{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important}
  .hero-cta .btn{width:100%!important;text-align:center!important;margin:0!important;box-sizing:border-box}
  .section-strip{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;padding:12px 8px!important}
  .section-strip a{margin:0!important;font-size:16px!important}
  .home-main-sections{grid-template-columns:1fr;gap:20px;margin-left:0;margin-right:0}
  .home-main-sections .home-section-card,.home-main-sections .test-home-card,.home-main-sections .rewind-home-card{grid-column:auto;min-height:0;padding:25px 21px}
  .home-section-card h2{font-size:36px!important}
  .home-rubriche{margin-left:0!important;margin-right:0!important;padding:32px 16px 26px!important;box-shadow:6px 6px 0 #171219!important}
  .home-rubriche h2{font-size:48px!important}
  .rubrica-card{min-height:0!important;padding:24px 20px!important}
  .rubrica-card p{max-width:100%!important}
  .note-card{padding-left:18px!important;padding-right:18px!important}
  .post-title{overflow-wrap:anywhere}
  .wpforms-container input,.wpforms-container textarea,.wpforms-container select{max-width:100%!important;box-sizing:border-box!important}
  .special-archive{padding:0 14px;margin-top:22px}
  .special-hero{padding:34px 18px;box-shadow:6px 6px 0 #171219}
  .special-hero h1{font-size:55px}
  .special-intro{font-size:19px}
  .special-grid{grid-template-columns:1fr;gap:22px}
  .special-card{transform:none!important;box-shadow:5px 5px 0 #171219}
  .special-card-copy{padding:20px 17px}
  .special-card h2{font-size:28px}
  .special-search{display:block}
  .special-search input,.special-search button{width:100%;box-sizing:border-box}
  .special-search button{margin-top:9px}
}
@media(max-width:430px){
  .site-wrap{padding-left:9px!important;padding-right:9px!important}
  .site-menu a,.fake-menu a{font-size:15px!important;padding:6px 7px!important}
  .home-rubriche:after,.header-stars{opacity:.28!important}
  .home-section-card,.rubrica-card,.note-card{box-shadow:4px 4px 0 #171219!important}
  .special-hero h1{font-size:48px}
}

/* 2.14.0 — test interattivi */
.quiz-single-page{max-width:940px;margin:42px auto;padding:0 18px}
.quiz-sheet{position:relative;background:#fffaf0;padding:44px clamp(20px,5vw,60px);border:3px solid #171219;box-shadow:12px 12px 0 #f5277f;background-image:linear-gradient(rgba(57,199,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(57,199,255,.12) 1px,transparent 1px);background-size:24px 24px}
.quiz-single-head{text-align:center;margin-bottom:26px}
.quiz-kicker{display:inline-block;background:#171219;color:#fff;padding:7px 12px;font-weight:800;transform:rotate(-1deg)}
.quiz-single-head h1{font-family:'Permanent Marker',cursive;font-size:clamp(40px,7vw,72px);line-height:1.05;margin:18px 0;color:#f5277f;text-shadow:3px 3px 0 #171219}
.quiz-cover img{display:block;max-width:100%;height:auto;margin:auto;border:3px solid #171219;box-shadow:7px 7px 0 #39c7ff}
.quiz-intro-content,.quiz-builder-intro{font-size:19px;line-height:1.65}
.quiz-builder-intro{background:#ffe44f;padding:16px 20px;transform:rotate(.4deg);margin:24px 0}
.sdb-quiz{margin-top:32px}
.quiz-question{border:3px solid #171219;background:#fff;padding:22px;margin:0 0 26px;box-shadow:6px 6px 0 #39c7ff}
.quiz-question legend{font-family:'Patrick Hand',cursive;font-weight:800;font-size:28px;padding:0 8px}
.quiz-question legend span{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#f5277f;color:#fff;font-family:Arial,sans-serif;font-size:18px}
.quiz-answers{display:grid;gap:11px;margin-top:13px}
.quiz-answers label{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:2px solid #171219;background:#fffaf0;cursor:pointer;font-size:18px;transition:.15s}
.quiz-answers label:hover,.quiz-answers label:has(input:checked){background:#ffabc9;transform:translateX(3px)}
.quiz-answers input{margin-top:5px;accent-color:#f5277f}
.quiz-question-missing{box-shadow:6px 6px 0 #d71967;background:#fff0f2}
.quiz-warning{color:#b0003a;font-weight:800;background:#fff;padding:12px;border:2px solid #b0003a}
.quiz-submit,.quiz-restart{border:3px solid #171219;background:#f5277f;color:#fff;padding:14px 22px;font-weight:900;font-size:18px;box-shadow:5px 5px 0 #171219;cursor:pointer}
.quiz-submit:hover,.quiz-restart:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #171219}
.quiz-result{margin-top:30px;padding:28px;border:4px solid #171219;background:#ffe44f;box-shadow:9px 9px 0 #f5277f;text-align:center}
.quiz-result h2{font-family:'Permanent Marker',cursive;font-size:clamp(34px,6vw,58px);margin:8px 0;color:#171219}
.quiz-score{font-weight:900;letter-spacing:1px}
.quiz-result-copy{font-size:20px;line-height:1.55}
.quiz-restart{background:#39c7ff;color:#171219;font-size:15px}
.quiz-not-ready{padding:22px;background:#ffe44f;border:3px solid #171219;font-size:19px}
@media(max-width:600px){.quiz-single-page{padding:0 8px}.quiz-sheet{padding:30px 15px;box-shadow:6px 6px 0 #f5277f}.quiz-question{padding:17px 12px}.quiz-question legend{font-size:23px}.quiz-answers label{font-size:16px}.quiz-submit{width:100%}}

/* 2.14.1 — quiz come un vero foglio a quadretti scarabocchiato */
.quiz-sheet{
  background-color:#fffdf4;
  background-image:
    linear-gradient(rgba(78,154,205,.20) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,154,205,.20) 1px,transparent 1px)!important;
  background-size:22px 22px!important;
}
.quiz-question{
  position:relative;
  background:rgba(255,253,244,.72)!important;
  border:0!important;
  border-left:3px solid #f5277f!important;
  border-bottom:3px solid #171219!important;
  padding:24px 18px 20px 30px!important;
  box-shadow:none!important;
  transform:rotate(-.18deg);
}
.quiz-question:nth-of-type(even){transform:rotate(.18deg)}
.quiz-question legend{
  max-width:90%;
  font-family:'Permanent Marker','Patrick Hand',cursive!important;
  font-size:clamp(21px,3vw,29px)!important;
  line-height:1.25;
  letter-spacing:.025em;
  text-transform:uppercase;
  color:#171219;
  background:#fffdf4;
  padding:3px 10px 3px 2px!important;
}
.quiz-question legend span{
  width:auto!important;height:auto!important;
  min-width:32px;
  display:inline-block!important;
  border:3px solid #f5277f;
  border-radius:46% 54% 49% 51%;
  background:transparent!important;
  color:#f5277f!important;
  font-family:'Permanent Marker',cursive!important;
  font-size:18px!important;
  line-height:28px;
  text-align:center;
  transform:rotate(-7deg);
}
.quiz-answers{gap:5px!important;margin-top:10px!important}
.quiz-answers label{
  position:relative;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  min-height:38px;
  padding:8px 8px 8px 42px!important;
  border:0!important;
  border-bottom:1px dashed rgba(23,18,25,.28)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:'Patrick Hand','Comic Sans MS',cursive!important;
  font-size:clamp(19px,2.5vw,25px)!important;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.045em;
  text-transform:uppercase;
  cursor:pointer;
  transform:none!important;
}
.quiz-answers label:nth-child(even){transform:rotate(-.12deg)!important}
.quiz-answers label:nth-child(odd){transform:rotate(.12deg)!important}
.quiz-answers label:hover{color:#d71967!important;background:rgba(255,171,201,.14)!important}
.quiz-answers input[type="radio"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;height:1px!important;
  pointer-events:none;
}
.quiz-answers label:before{
  content:"";
  position:absolute;
  left:8px;top:9px;
  width:22px;height:22px;
  border:2.5px solid #171219;
  border-radius:2px 5px 3px 4px;
  background:rgba(255,255,255,.48);
  transform:rotate(-3deg);
}
.quiz-answers label:nth-child(even):before{transform:rotate(3deg)}
.quiz-answers label:has(input:checked){
  color:#f5277f!important;
  background:rgba(255,228,79,.22)!important;
}
.quiz-answers label:has(input:checked):after{
  content:"×";
  position:absolute;
  left:7px;top:-2px;
  color:#f5277f;
  font-family:'Permanent Marker',cursive;
  font-size:39px;
  font-weight:900;
  line-height:1;
  transform:rotate(-10deg);
  text-shadow:.5px .5px 0 #f5277f;
}
.quiz-question-missing{background:rgba(255,230,235,.78)!important;border-left-color:#b0003a!important}
.quiz-submit,.quiz-restart{
  font-family:'Permanent Marker','Patrick Hand',cursive!important;
  letter-spacing:.04em;
  transform:rotate(-1deg);
}
@media(max-width:600px){
  .quiz-question{padding:20px 8px 16px 15px!important}
  .quiz-question legend{max-width:96%;font-size:20px!important}
  .quiz-answers label{padding-left:39px!important;font-size:18px!important;letter-spacing:.025em}
}

/* 2.14.2 finale — conserva esattamente riquadri e colori originali */
.quiz-question{background:#fff!important;border:3px solid #171219!important;padding:22px!important;margin:0 0 26px!important;box-shadow:6px 6px 0 #39c7ff!important;transform:none!important}
.quiz-question legend{max-width:none!important;font-family:'Patrick Hand','Comic Sans MS',cursive!important;font-size:28px!important;line-height:1.2!important;letter-spacing:.035em!important;text-transform:uppercase!important;background:#fff!important;padding:0 8px!important}
.quiz-question legend span{display:inline-grid!important;place-items:center!important;width:37px!important;height:37px!important;min-width:37px!important;border:0!important;border-radius:50%!important;background:#f5277f!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:18px!important;line-height:37px!important;transform:none!important}
.quiz-answers{gap:11px!important;margin-top:13px!important}
.quiz-answers label,.quiz-answers label:nth-child(even),.quiz-answers label:nth-child(odd){display:flex!important;align-items:center!important;min-height:58px!important;padding:13px 15px 13px 56px!important;border:2px solid #171219!important;background:#fffaf0!important;font-family:'Patrick Hand','Comic Sans MS',cursive!important;font-size:clamp(19px,2.2vw,24px)!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.04em!important;text-transform:uppercase!important;transform:none!important}
.quiz-answers label:hover{background:#fff2f7!important;color:#171219!important;transform:translateX(3px)!important}
.quiz-answers label:has(input:checked){background:#ffabc9!important;color:#171219!important;transform:translateX(3px)!important}
.quiz-answers label:before{left:17px!important;top:50%!important;width:23px!important;height:23px!important;margin-top:-13px!important;border:2.5px solid #171219!important;border-radius:3px 5px 2px 4px!important;background:#fff!important;transform:rotate(-3deg)!important}
.quiz-answers label:has(input:checked):after{left:15px!important;top:50%!important;margin-top:-25px!important;font-size:40px!important;transform:rotate(-9deg)!important}
.quiz-question-missing{background:#fff0f2!important;border-color:#b0003a!important}
@media(max-width:600px){.quiz-question{padding:17px 12px!important}.quiz-question legend{max-width:none!important;font-size:22px!important}.quiz-answers label{padding:12px 10px 12px 50px!important;font-size:18px!important}.quiz-answers label:before{left:13px!important}.quiz-answers label:has(input:checked):after{left:11px!important}}

/* 2.14.4 — selettori definitivi basati sull'URL reale del menu WordPress */
.site-header .site-menu a[href*="/category/test"],
.site-header .site-menu a[href*="category%2Ftest"]{
  background:#ffe44f!important;
  color:#171219!important;
}
.site-header .site-menu a[href*="/category/rewind"],
.site-header .site-menu a[href*="category%2Frewind"]{
  background:#bdf2ff!important;
  color:#171219!important;
}

/* 2.14.5 — anteprime Test piccole come bigliettini strappati */
.test-archive .test-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,320px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:30px!important;
}
.test-archive .test-card{
  position:relative!important;
  width:100%!important;
  max-width:320px!important;
  margin:0 auto!important;
  border:0!important;
  overflow:hidden!important;
  background:#fff3b7!important;
  box-shadow:none!important;
  filter:drop-shadow(6px 7px 0 #171219)!important;
  clip-path:polygon(0 2%,4% 0,8% 2%,13% 0,18% 2%,23% 0,29% 2%,35% 0,41% 2%,47% 0,53% 2%,59% 0,65% 2%,71% 0,77% 2%,83% 0,89% 2%,95% 0,100% 2%,98% 8%,100% 15%,98% 23%,100% 31%,98% 40%,100% 49%,98% 58%,100% 67%,98% 76%,100% 85%,98% 93%,100% 100%,94% 98%,88% 100%,81% 98%,74% 100%,67% 98%,60% 100%,53% 98%,46% 100%,39% 98%,32% 100%,25% 98%,18% 100%,11% 98%,5% 100%,0 98%,2% 90%,0 81%,2% 72%,0 63%,2% 54%,0 45%,2% 36%,0 27%,2% 18%)!important;
  padding:8px!important;
  transform:rotate(-.7deg)!important;
}
.test-archive .test-card:nth-child(even){transform:rotate(.65deg)!important}
.test-archive .test-card:before{
  content:"";
  position:absolute;
  inset:8px;
  border:2px solid #171219;
  pointer-events:none;
  z-index:3;
}
.test-archive .test-card .special-thumb{
  aspect-ratio:16/10!important;
  border:0!important;
  border-bottom:2px solid #171219!important;
}
.test-archive .test-card .special-card-copy{padding:16px 17px 19px!important}
.test-archive .test-card .test-badge{font-size:13px!important;padding:3px 7px!important}
.test-archive .test-card h2{font-size:25px!important;line-height:1.08!important;margin:8px 0!important}
.test-archive .test-card p{font-size:16px!important;line-height:1.3!important;margin:8px 0 13px!important}
.test-archive .test-card .special-go{padding:8px 11px!important;font-size:14px!important;box-shadow:3px 3px 0 #171219!important}
@media(max-width:600px){
  .test-archive .test-grid{grid-template-columns:minmax(0,310px)!important}
  .test-archive .test-card{max-width:310px!important}
}

/* 2.14.6 — testata TEST illustrata come pagina di quiz */
.test-archive .test-hero{
  padding:38px 34px 34px!important;
  background-color:#bceeff!important;
  background-image:
    linear-gradient(rgba(255,255,255,.58) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.58) 1px,transparent 1px)!important;
  background-size:24px 24px!important;
}
.test-archive .test-hero:before{
  content:"?";
  position:absolute;
  left:5%;top:19%;
  color:#f5277f;
  font-family:'Permanent Marker',cursive;
  font-size:68px;
  transform:rotate(-13deg);
  opacity:.88;
}
.test-archive .test-hero:after{
  content:"✓  ✕  ♡";
  right:5%;top:21%;bottom:auto;
  font-family:'Permanent Marker',cursive;
  font-size:35px;
  color:#171219;
  transform:rotate(7deg);
  opacity:.75;
}
.test-hero-checklist{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
  max-width:790px;
  margin:25px auto 2px;
  padding:16px 20px;
  background:#fffdf4;
  border:3px solid #171219;
  box-shadow:6px 6px 0 #f5277f;
  font-family:'Patrick Hand','Comic Sans MS',cursive;
  font-size:21px;
  font-weight:800;
  letter-spacing:.035em;
  transform:rotate(-.4deg);
}
.test-hero-checklist span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.test-hero-checklist b{
  display:inline-grid;
  place-items:center;
  width:31px;height:31px;
  color:#fff;
  background:#f5277f;
  border:2px solid #171219;
  border-radius:48% 52% 46% 54%;
  font-family:'Permanent Marker',cursive;
  font-size:16px;
  transform:rotate(-6deg);
}
.test-hero-checklist span:nth-child(even) b{background:#ffe44f;color:#171219;transform:rotate(5deg)}
@media(max-width:700px){
  .test-archive .test-hero{padding:30px 17px 27px!important}
  .test-archive .test-hero:before{font-size:43px;left:3%;top:18%}
  .test-archive .test-hero:after{font-size:23px;right:3%;top:20%}
  .test-hero-checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 12px;font-size:17px}
  .test-hero-checklist span{white-space:normal}
}
@media(max-width:390px){.test-hero-checklist{grid-template-columns:1fr}}

/* 2.14.7 — anteprime Rewind: polaroid + etichetta VHS */
.rewind-archive>.special-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,340px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:34px!important;
}
.rewind-archive .rewind-card{
  position:relative!important;
  width:100%!important;
  max-width:340px!important;
  margin:14px auto 0!important;
  padding:13px 13px 17px!important;
  overflow:visible!important;
  background:#fffdf4!important;
  border:3px solid #171219!important;
  box-shadow:9px 10px 0 #b996d6!important;
  transform:rotate(-.8deg)!important;
}
.rewind-archive .rewind-card:nth-child(even){transform:rotate(.75deg)!important}
.rewind-archive .rewind-card:before{
  content:"";
  position:absolute;
  z-index:4;
  width:92px;height:25px;
  left:50%;top:-15px;
  margin-left:-46px;
  background:rgba(255,228,79,.88);
  border-left:1px dashed rgba(23,18,25,.25);
  border-right:1px dashed rgba(23,18,25,.25);
  transform:rotate(2deg);
}
.rewind-archive .rewind-card .special-thumb{
  position:relative;
  aspect-ratio:4/3!important;
  border:2px solid #171219!important;
  background:#171219!important;
  overflow:hidden!important;
}
.rewind-archive .rewind-card .special-thumb:after{
  content:"PLAY ▶";
  position:absolute;
  right:8px;bottom:7px;
  padding:2px 5px;
  color:#fff;
  background:rgba(23,18,25,.72);
  font-family:monospace;
  font-size:12px;
  letter-spacing:.08em;
}
.rewind-archive .rewind-card .special-card-copy{padding:15px 8px 5px!important}
.rewind-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.rewind-card-label{
  display:inline-block;
  padding:5px 9px;
  background:#171219;
  color:#fff;
  font-family:monospace;
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  transform:rotate(-1deg);
}
.rewind-archive .rewind-card .special-date{font-size:13px!important;color:#762248!important;font-weight:900!important}
.rewind-archive .rewind-card h2{
  margin:7px 0 9px!important;
  font-family:'Permanent Marker','Patrick Hand',cursive!important;
  font-size:clamp(23px,3vw,29px)!important;
  line-height:1.12!important;
}
.rewind-archive .rewind-card p{font-size:16px!important;line-height:1.32!important;margin:7px 0 14px!important}
.rewind-archive .rewind-card .special-go{
  padding:8px 11px!important;
  background:#bdf2ff!important;
  font-size:14px!important;
  box-shadow:3px 3px 0 #171219!important;
}
.rewind-archive .rewind-card:after{
  content:"★  📼  ♡";
  position:absolute;
  right:12px;bottom:-18px;
  color:#f5277f;
  font-size:18px;
  transform:rotate(-6deg);
}
@media(max-width:600px){
  .rewind-archive>.special-grid{grid-template-columns:minmax(0,320px)!important}
  .rewind-archive .rewind-card{max-width:320px!important;padding:11px 11px 16px!important}
}

/* 2.14.8 — struttura Rewind completamente nuova: videocassetta */
.rewind-archive>.special-grid{
  grid-template-columns:repeat(auto-fit,minmax(300px,390px))!important;
  justify-content:center!important;
  gap:38px!important;
}
.rewind-vhs-card-v218{
  width:100%;
  max-width:390px;
  margin:0 auto;
  list-style:none;
  transform:rotate(-.45deg);
}
.rewind-vhs-card-v218:nth-child(even){transform:rotate(.45deg)}
.rewind-vhs-shell{
  position:relative;
  padding:14px 16px 18px;
  background:#211a28;
  border:4px solid #09070b;
  border-radius:13px 13px 8px 8px;
  box-shadow:9px 10px 0 #b996d6;
}
.rewind-vhs-shell:before,.rewind-vhs-shell:after{
  content:"";
  position:absolute;
  top:8px;
  width:8px;height:8px;
  border-radius:50%;
  background:#080609;
  box-shadow:0 0 0 2px #55485f;
}
.rewind-vhs-shell:before{left:8px}.rewind-vhs-shell:after{right:8px}
.rewind-vhs-topline{
  display:flex;
  justify-content:space-between;
  padding:0 12px 8px;
  color:#ffe44f;
  font-family:monospace;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.rewind-vhs-topline b{color:#bdf2ff}
.rewind-vhs-screen{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#080609;
  border:3px solid #080609;
  box-shadow:inset 0 0 0 2px #65586e;
}
.rewind-vhs-screen img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.rewind-vhs-screen em{
  position:absolute;
  right:9px;top:8px;
  color:#fff;
  padding:3px 6px;
  background:rgba(0,0,0,.68);
  font:normal 12px/1 monospace;
  letter-spacing:.08em;
}
.rewind-vhs-reels{
  height:45px;
  margin:10px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 10px;
  background:#0b090d;
  border:2px solid #65586e;
  border-radius:24px;
  color:#bdf2ff;
  font:bold 11px/1 monospace;
  letter-spacing:.06em;
}
.rewind-vhs-reels i{
  display:block;
  width:29px;height:29px;
  flex:0 0 29px;
  border:5px dotted #d9d1ff;
  border-radius:50%;
  background:#2f2637;
  box-shadow:inset 0 0 0 4px #0b090d;
}
.rewind-vhs-label{
  position:relative;
  padding:15px 17px 17px;
  background:#fffdf4;
  border:2px solid #09070b;
  background-image:repeating-linear-gradient(0deg,transparent 0 25px,rgba(91,169,217,.18) 26px);
}
.rewind-vhs-label:before{
  content:"ARCHIVIO NOSTALGIA";
  display:inline-block;
  margin:-4px 0 7px;
  padding:3px 7px;
  background:#f5277f;
  color:#fff;
  font:900 11px/1.2 monospace;
  transform:rotate(-1deg);
}
.rewind-vhs-label time{float:right;color:#762248;font:bold 12px/1.5 monospace}
.rewind-vhs-label h2{clear:both;margin:7px 0 8px!important;font-family:'Permanent Marker','Patrick Hand',cursive!important;font-size:27px!important;line-height:1.08!important}
.rewind-vhs-label h2 a{color:#171219;text-decoration:none}
.rewind-vhs-excerpt p{margin:6px 0 13px!important;font-size:15px!important;line-height:1.3!important}
.rewind-vhs-go{display:inline-block;padding:8px 11px;border:2px solid #171219;background:#ffe44f;color:#171219;box-shadow:3px 3px 0 #171219;font-size:13px;font-weight:900;text-decoration:none}
.rewind-vhs-go:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #171219}
@media(max-width:600px){
  .rewind-archive>.special-grid{grid-template-columns:minmax(0,330px)!important}
  .rewind-vhs-card-v218{max-width:330px;transform:none!important}
  .rewind-vhs-shell{padding:12px 12px 15px;box-shadow:6px 7px 0 #b996d6}
  .rewind-vhs-label h2{font-size:24px!important}
}

/* ==========================================================
   2.15.0 — PASS MOBILE FINALE
   ========================================================== */
*,*:before,*:after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%;height:auto}

@media(max-width:768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{font-size:16px;-webkit-text-size-adjust:100%}
  .site-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px 18px!important}

  /* Testata e navigazione */
  .site-header{padding:18px 7px 14px!important;overflow:hidden!important}
  .brand-title{font-size:clamp(34px,10.5vw,52px)!important;line-height:1!important;margin:5px 0 8px!important;overflow-wrap:anywhere}
  .tagline{font-size:16px!important;line-height:1.25!important;padding:0 8px!important}
  .header-stars{opacity:.3!important;transform:scale(.72)!important;transform-origin:center top}
  .site-menu{width:100%!important;overflow:visible!important}
  .site-menu ul,.fake-menu{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;margin:12px 0 0!important;padding:0!important}
  .site-menu li,.fake-menu li{flex:0 1 auto!important;margin:0!important;list-style:none!important}
  .site-menu a,.fake-menu a{display:block!important;min-height:40px!important;padding:8px 10px!important;font-size:14px!important;line-height:1.05!important;white-space:normal!important;box-shadow:3px 3px 0 #171219!important}

  /* Homepage */
  .hero-collage{min-height:410px!important;margin-left:0!important;margin-right:0!important;background-position:center!important}
  .hero-overlay{left:10px!important;right:10px!important;bottom:13px!important;width:auto!important;max-width:none!important;margin:0!important;padding:21px 16px!important}
  .hero-title{font-size:clamp(29px,8.5vw,43px)!important;line-height:1.03!important}
  .hero-copy{font-size:16px!important;line-height:1.35!important}
  .hero-cta{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero-cta .btn{width:100%!important;margin:0!important;padding:12px!important;text-align:center!important}
  .section-strip{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0 2px!important;margin:18px 0 27px!important}
  .section-strip a{width:100%!important;min-height:62px!important;margin:0!important;padding:11px!important;font-size:20px!important;box-shadow:4px 4px 0 #171219!important}
  .home-main-sections{display:grid!important;grid-template-columns:1fr!important;gap:17px!important;margin:0!important}
  .home-main-sections .home-section-card{grid-column:auto!important;min-height:0!important;padding:23px 17px!important;box-shadow:5px 5px 0 #171219!important}
  .home-section-card h2{font-size:clamp(30px,9vw,42px)!important;overflow-wrap:anywhere}
  .home-section-card p{font-size:16px!important;line-height:1.35!important}
  .home-rubriche{margin:27px 0!important;padding:29px 13px 22px!important;box-shadow:5px 5px 0 #171219!important}
  .home-rubriche h2{font-size:clamp(39px,12vw,55px)!important}
  .rubriche-grid{grid-template-columns:1fr!important;gap:16px!important}
  .rubrica-card{min-height:0!important;padding:22px 17px!important;box-shadow:4px 4px 0 #171219!important}

  /* Archivi e card */
  .content-layout,.posts-grid,.archive-grid,.secret-grid,.playlist-grid,.cinema-grid,.astro-grid{grid-template-columns:1fr!important}
  .special-archive{width:100%!important;margin:22px auto 42px!important;padding:0 5px!important}
  .special-hero{padding:29px 14px!important;margin-bottom:27px!important;border-width:3px!important;box-shadow:5px 5px 0 #171219!important}
  .special-hero h1{font-size:clamp(45px,15vw,66px)!important;overflow-wrap:anywhere}
  .special-kicker{font-size:14px!important;line-height:1.25!important}
  .special-intro{font-size:17px!important;line-height:1.35!important}
  .special-grid{grid-template-columns:1fr!important;gap:25px!important}
  .special-card,.special-empty{max-width:100%!important;transform:none!important}
  .special-card-copy{padding:18px 15px!important}
  .special-card h2{font-size:25px!important;overflow-wrap:anywhere}
  .special-search{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .special-search input,.special-search button{width:100%!important;margin:0!important}

  /* Test */
  .test-hero-checklist{grid-template-columns:1fr 1fr!important;width:100%!important;padding:12px 10px!important;font-size:16px!important;gap:8px!important}
  .test-archive .test-grid{grid-template-columns:minmax(0,310px)!important;justify-content:center!important}
  .test-archive .test-card{width:100%!important;max-width:310px!important}
  .quiz-single-page{width:100%!important;margin:23px auto 40px!important;padding:0 2px!important}
  .quiz-sheet{padding:27px 12px!important;border-width:3px!important;box-shadow:5px 5px 0 #f5277f!important}
  .quiz-single-head h1{font-size:clamp(35px,11vw,52px)!important;overflow-wrap:anywhere}
  .quiz-intro-content,.quiz-builder-intro{font-size:16px!important;line-height:1.45!important}
  .quiz-question{padding:16px 9px!important;margin-bottom:22px!important}
  .quiz-question legend{max-width:100%!important;font-size:20px!important;overflow-wrap:anywhere}
  .quiz-answers label{min-height:52px!important;padding:11px 8px 11px 48px!important;font-size:17px!important;letter-spacing:.015em!important}
  .quiz-answers label:before{left:11px!important}
  .quiz-answers label:has(input:checked):after{left:9px!important}
  .quiz-submit,.quiz-restart{width:100%!important;min-height:48px!important}
  .quiz-result{padding:22px 13px!important;box-shadow:5px 5px 0 #f5277f!important}

  /* Rewind */
  .rewind-archive>.special-grid{grid-template-columns:minmax(0,330px)!important;justify-content:center!important}
  .rewind-vhs-card-v218{width:100%!important;max-width:330px!important;transform:none!important}
  .rewind-vhs-shell{padding:11px 10px 14px!important;box-shadow:5px 6px 0 #b996d6!important}
  .rewind-vhs-reels{margin:8px 8px!important;font-size:10px!important}
  .rewind-vhs-label{padding:13px 12px 15px!important}
  .rewind-vhs-label h2{font-size:23px!important;overflow-wrap:anywhere}

  /* Articoli singoli e rubriche */
  .note-card,.diario-single-sheet,.vip-diary-sheet,.cinema-single-sheet,.astro-single-sheet,.playlist-single-sheet,.segreti-single-sheet{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;box-shadow:5px 5px 0 rgba(23,18,25,.9)!important}
  .post-title,.entry-title,.vip-single-head h1,.cinema-single-head h1,.astro-single-head h1,.playlist-single-head h1{font-size:clamp(30px,10vw,46px)!important;line-height:1.08!important;overflow-wrap:anywhere}
  .vip-single-photo,.cinema-poster,.cinema-prescription-card,.astro-sign-art{float:none!important;width:auto!important;max-width:280px!important;margin:18px auto 24px!important}
  .vip-ieri-scrapbook{float:none!important;max-width:290px!important;margin:16px auto!important}
  .entry-content,.post-content,.vip-single-content,.cinema-single-content,.astro-single-content,.playlist-single-content{font-size:17px!important;line-height:1.55!important;overflow-wrap:anywhere}

  /* Posta del cuore e moduli */
  .wpforms-container{width:100%!important;max-width:100%!important;margin:20px 0!important;padding:18px 11px!important;overflow:hidden!important}
  .wpforms-container .wpforms-field{width:100%!important;padding-left:0!important;padding-right:0!important}
  .wpforms-container input,.wpforms-container textarea,.wpforms-container select{width:100%!important;max-width:100%!important;font-size:16px!important;padding:11px 10px!important}
  .wpforms-container textarea{min-height:150px!important}
  .wpforms-container button[type="submit"]{width:100%!important;min-height:48px!important;margin:8px 0 0!important;white-space:normal!important}
  .wpforms-container .wpforms-field-row,.wpforms-container .wpforms-field-row-block{display:block!important;width:100%!important;margin:0!important}
  .wpforms-container .wpforms-one-half,.wpforms-container .wpforms-first{float:none!important;width:100%!important;margin-left:0!important}

  /* Elementi generici */
  input,textarea,select,button{max-width:100%}
  table{display:block;width:100%;max-width:100%;overflow-x:auto}
  pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
  .site-footer{margin:30px 0 5px!important;padding:22px 13px!important}
  .pagination,.nav-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}
}

@media(max-width:390px){
  .site-wrap{padding-left:7px!important;padding-right:7px!important}
  .site-menu ul,.fake-menu{gap:6px!important}
  .site-menu a,.fake-menu a{padding:7px 8px!important;font-size:13px!important}
  .hero-overlay{left:7px!important;right:7px!important;padding:18px 12px!important}
  .test-hero-checklist{grid-template-columns:1fr!important}
  .test-archive .test-grid,.rewind-archive>.special-grid{grid-template-columns:minmax(0,1fr)!important}
  .test-archive .test-card,.rewind-vhs-card-v218{max-width:calc(100vw - 34px)!important}
}

/* 2.15.1 — anteprime Segreti orizzontali e sottili */
.sdb-segreti-archive main>.secret-card{
  width:100%!important;
  min-height:0!important;
  margin:0 0 17px!important;
  padding:12px 16px!important;
  border-width:3px!important;
  box-shadow:5px 5px 0 #171219!important;
  transform:rotate(-.12deg)!important;
}
.sdb-segreti-archive main>.secret-card:nth-of-type(even){transform:rotate(.12deg)!important}
.sdb-segreti-archive main>.secret-card:before{
  width:72px!important;
  height:25px!important;
  top:-12px!important;
  left:11%!important;
  transform:rotate(-3deg)!important;
}
.sdb-segreti-archive .secret-card-inner{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
}
.sdb-segreti-archive .secret-envelope{font-size:35px!important;line-height:1!important}
.sdb-segreti-archive .secret-copy .post-meta{font-size:11px!important;line-height:1.2!important;letter-spacing:.06em!important}
.sdb-segreti-archive .secret-copy .post-title{
  margin:3px 0 5px!important;
  font-size:clamp(21px,2.4vw,28px)!important;
  line-height:1.08!important;
  overflow-wrap:anywhere;
}
.sdb-segreti-archive .secret-excerpt{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  font-size:14px!important;
  line-height:1.3!important;
}
.sdb-segreti-archive .secret-excerpt p{margin:0!important}
.sdb-segreti-archive .secret-action .read-more{
  padding:7px 10px!important;
  font-size:13px!important;
  white-space:nowrap!important;
  box-shadow:3px 3px 0 #171219!important;
}
@media(max-width:600px){
  .sdb-segreti-archive main>.secret-card{padding:11px 10px!important;margin-bottom:15px!important}
  .sdb-segreti-archive .secret-card-inner{grid-template-columns:35px minmax(0,1fr)!important;gap:9px!important}
  .sdb-segreti-archive .secret-envelope{font-size:27px!important}
  .sdb-segreti-archive .secret-copy .post-title{font-size:20px!important}
  .sdb-segreti-archive .secret-excerpt{font-size:13px!important;-webkit-line-clamp:2!important}
  .sdb-segreti-archive .secret-action{grid-column:2!important;margin-top:2px!important}
  .sdb-segreti-archive .secret-action .read-more{padding:6px 9px!important;font-size:12px!important}
}

/* 2.16.1 — correzione mobile specifica Playlist (deve restare per ultima) */
@media(max-width:700px){
  .playlist-page{
    width:100%!important;
    max-width:100%!important;
    margin:14px auto 35px!important;
    padding:0 4px!important;
    overflow:hidden!important;
  }
  .playlist-hero{
    width:100%!important;
    max-width:100%!important;
    padding:30px 10px 27px!important;
    margin:0!important;
    border-width:3px!important;
    box-shadow:5px 5px 0 #f5277f!important;
    background-position:center top!important;
  }
  .playlist-kicker{max-width:96%!important;padding:6px 8px!important;font-size:12px!important;line-height:1.2!important}
  .playlist-hero h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:21px auto 16px!important;
    padding:0 2px!important;
    font-size:clamp(27px,9.2vw,39px)!important;
    line-height:.98!important;
    letter-spacing:-.02em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:center!important;
    transform:none!important;
  }
  .playlist-sub{max-width:100%!important;margin-bottom:18px!important;padding:7px 8px!important;font-size:15px!important;line-height:1.3!important}
  .playlist-search{width:100%!important;max-width:100%!important;padding:10px!important;box-shadow:4px 4px 0 #f5277f!important}
  .playlist-search-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .playlist-search input,.playlist-search button{width:100%!important;min-width:0!important;margin:0!important}
  .playlist-intro{width:calc(100% - 8px)!important;margin:22px 4px 18px!important;padding:11px 10px!important;font-size:14px!important}
  .playlist-grid{grid-template-columns:1fr!important;width:100%!important;padding:12px 0!important;gap:24px!important}
  .playlist-vinyl-card{width:100%!important;max-width:305px!important;margin:0 auto!important}

  .playlist-single-page{
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 38px!important;
    padding:0 3px!important;
    overflow:hidden!important;
  }
  .playlist-single-vinyl .playlist-single-sheet,
  .playlist-single-sheet{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:27px 10px 34px!important;
    border-width:3px!important;
    box-shadow:5px 5px 0 #f5277f!important;
    overflow:hidden!important;
  }
  .playlist-single-head{width:100%!important;margin-bottom:22px!important;padding:0 2px!important}
  .playlist-single-kicker{max-width:94%!important;font-size:12px!important;line-height:1.2!important}
  .playlist-single-vinyl .playlist-single-head h1,
  .playlist-single-head h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:17px auto 9px!important;
    padding:0!important;
    font-size:clamp(27px,9.5vw,40px)!important;
    line-height:1.04!important;
    letter-spacing:-.02em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:center!important;
    transform:none!important;
  }
  .playlist-single-head p{font-size:15px!important;line-height:1.3!important}
  .playlist-single-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:24px!important;
    align-items:start!important;
  }
  .playlist-single-vinyl-area,.playlist-player-shell,.playlist-per-quando{grid-column:1!important;min-width:0!important}
  .playlist-big-vinyl{width:185px!important;height:185px!important;max-width:70vw!important}
  .playlist-big-center{width:82px!important;height:82px!important}
  .playlist-torn-note{width:145px!important;margin-top:14px!important;font-size:12px!important}
  .playlist-player-shell{
    width:100%!important;
    max-width:100%!important;
    padding:23px 8px 13px!important;
    box-shadow:4px 5px 0 #f5277f!important;
    overflow:hidden!important;
  }
  .playlist-player-label{left:10px!important;max-width:calc(100% - 20px)!important}
  .playlist-player-content,.playlist-player-content>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .playlist-player-content iframe,.sdb-spotify-player,.sdb-spotify-player iframe{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .sdb-spotify-consent{width:100%!important;max-width:100%!important;margin:8px 0!important;overflow:hidden!important}
  .sdb-spotify-placeholder{width:100%!important;max-width:100%!important;padding:20px 9px!important;box-shadow:3px 3px 0 #1ed760!important}
  .sdb-spotify-placeholder strong{font-size:21px!important;overflow-wrap:anywhere!important}
  .sdb-spotify-placeholder p{font-size:14px!important}
  .sdb-spotify-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .sdb-spotify-actions button,.sdb-spotify-actions a{width:100%!important;max-width:100%!important;padding:10px 7px!important;white-space:normal!important}
  .playlist-per-quando{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:25px 18px 24px 32px!important;
  }
  .playlist-single-mood{width:auto!important;max-width:100%!important;margin:24px 0 0 auto!important;font-size:13px!important;overflow-wrap:anywhere!important}
}

@media(max-width:360px){
  .playlist-hero h1,.playlist-single-vinyl .playlist-single-head h1,.playlist-single-head h1{font-size:27px!important;letter-spacing:-.035em!important}
  .playlist-player-shell{padding-left:6px!important;padding-right:6px!important}
}

/* 2.16.4 — player Spotify centrato e senza coda nera su mobile */
@media(max-width:700px){
  .playlist-player-shell{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    padding:25px 5px 5px!important;
  }
  .playlist-player-content{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .playlist-player-content>p:empty,
  .playlist-player-content>.wp-block-spacer,
  .playlist-player-content>figure:empty{display:none!important}
  .sdb-spotify-consent{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .sdb-spotify-player{
    display:block!important;
    width:100%!important;
    height:352px!important;
    min-height:352px!important;
    margin:0 auto!important;
    padding:0!important;
    line-height:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  .sdb-spotify-player[hidden]{display:none!important}
  .playlist-player-content .sdb-spotify-player iframe,
  .sdb-spotify-player iframe{
    display:block!important;
    width:100%!important;
    height:352px!important;
    min-height:352px!important;
    max-height:352px!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
  }
  .sdb-spotify-revoke{display:block;margin:7px auto 0!important}
  .sdb-spotify-revoke[hidden]{display:none!important}
}

/* 2.16.6 — elimina completamente il cartoncino esterno su mobile */
@media(max-width:700px){
  .playlist-single-layout .playlist-player-shell{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:31px 0 0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .playlist-single-layout .playlist-player-shell:before,
  .playlist-single-layout .playlist-player-shell:after{display:none!important;content:none!important}
  .playlist-single-layout .playlist-player-label{
    top:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%) rotate(-1deg)!important;
    white-space:nowrap!important;
  }
  .playlist-single-layout .playlist-player-content,
  .playlist-single-layout .sdb-spotify-consent,
  .playlist-single-layout .sdb-spotify-player,
  .playlist-single-layout .sdb-spotify-player iframe{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}