/* ROF Theme 2 — base dai template home / profilo / categoria */
:root{
  --blue:#1a73f0; --blue-d:#0f5fd6; --blue-50:#eef5ff; --blue-100:#dce9fd;
  --navy:#0c1a3a; --text:#1f2a44; --muted:#5d6782; --line:#e3e9f3;
  --bg:#ffffff; --band:#f2f7fe; --pink:#ff2d7a; --yellow:#ffd21f;
  --r:10px; --shadow:0 4px 16px rgba(18,52,110,.08);
  --wrap:1320px; --gut:24px;
  --surface:#ffffff; --chip:#f2f5fa; --tag-y-bg:#fff1b8; --ph1:#eef2f8; --ph2:#d9e2ef;
  --stat-bg:rgba(255,255,255,.92); --foot-bg:#0c1a3a; --dot:#c9d3e3; --gold:#b8860b; --hero-m2:#f6f1f7;
}
html{color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0}
svg{width:1em;height:1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ---------- immagini ---------- */
.media,.cat-img,.post-img{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--ph1),var(--ph2))}
.media img,.cat-img img,.post-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.cat-img.is-cover img,.hero-photo.is-cover img{object-position:left center}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.admin-bar .site-head{top:32px}
.head-in{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;flex:none}
.logo img{display:block;width:170px;height:auto}
.drawer-head .logo img{width:150px}
.foot-brand .logo img{width:190px}
.main-nav{display:flex;gap:30px;margin:0 auto}
.main-nav a{font-size:13px;font-weight:600;letter-spacing:.2px;color:var(--navy);padding:24px 0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:4px;white-space:nowrap}
.main-nav a:hover{color:var(--blue)}
.main-nav a.active{color:var(--blue);border-color:var(--blue)}
.head-search{position:relative;display:flex;align-items:center;gap:10px;width:300px;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--navy)}
.head-search svg{width:18px;height:18px;flex:none}
.head-search input{border:0;outline:0;width:100%;background:none;font-size:14px}
.head-search:focus-within{border-color:var(--blue)}
.head-search-close{display:none}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;color:var(--navy)}
.icon-btn svg{width:20px;height:20px}
.m-search,.m-live{display:none}
.head-actions{display:flex;gap:8px}

/* suggerimenti ricerca */
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(18,52,110,.14);padding:4px;display:none}
.suggest.open{display:block}
.suggest a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px;font-weight:600;color:var(--navy)}
.suggest a:hover,.suggest a.on{background:var(--blue-50);color:var(--blue)}
.suggest img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex:none}
.suggest .s-empty{padding:8px;font-size:12px;color:var(--muted)}

/* menu mobile */
/* drawer laterale (hamburger) */
.drawer-backdrop,.sheet-backdrop{position:fixed;inset:0;z-index:150;background:rgba(8,14,32,.5);opacity:0;transition:opacity .25s}
.drawer-backdrop.show,.sheet-backdrop.show{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:160;width:min(380px,88vw);background:var(--surface);box-shadow:-10px 0 40px rgba(12,26,58,.18);padding:14px 20px 28px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.drawer-close{border:0;background:var(--blue-50);color:var(--blue)}
.drawer-close svg{width:18px;height:18px}
.drawer-search{height:44px;margin-bottom:8px}
.drawer-search input{font-size:15px}
.drawer-nav a{display:flex;align-items:center;gap:8px;padding:14px 2px;font-weight:700;font-size:16px;color:var(--navy);border-bottom:1px solid var(--line)}
.drawer-nav a svg{margin-left:auto;width:16px;height:16px;color:var(--blue)}
.drawer-nav a.active{color:var(--blue)}
.drawer-nav .star{color:#f2b600}
.drawer-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:20px 0 10px}
.drawer-cats{display:flex;flex-wrap:wrap;gap:8px}
.drawer-cats .pill{font-size:13px}
.drawer-cta{width:100%;height:48px;margin-top:22px;font-size:15px;background:var(--foot-bg)}
.drawer-cta svg{width:20px;height:20px}
body.drawer-on{overflow:hidden}

/* filtri: in linea su desktop, drawer dal basso su mobile */
.btn.filter-trigger,.sheet-head,.sheet-actions{display:none}
.toolbar-right{display:flex;align-items:center;gap:14px}

/* ---------- hero home ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#eaf1fd 0%,#f6eef6 38%,#f3e6e6 100%)}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:62%;background:linear-gradient(110deg,rgba(243,230,230,0) 0%,#e3c4b5 30%,#c99a86 100%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.hero-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f5eef5 0%,rgba(245,238,245,.55) 22%,rgba(245,238,245,0) 45%)}
.hero-in{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:34px;padding-bottom:30px;min-height:350px}
.hero-copy{max-width:500px}
.eyebrow{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.3px;text-transform:uppercase}
.hero h1{font-size:52px;line-height:1.02;font-weight:800;letter-spacing:-1.6px;color:var(--navy);margin:12px 0 8px}
.hero-h2{font-size:18px;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:6px}
.hero-intro,.hero-intro p{font-size:15px;color:var(--text);line-height:1.55}
.hero-intro p+p{margin-top:8px}
.stats{display:flex;gap:12px;margin-top:16px}
.stat{background:var(--stat-bg);border-radius:10px;padding:10px 16px;box-shadow:0 2px 8px rgba(18,52,110,.06);min-width:140px}
.stat b{display:block;font-size:21px;font-weight:800;color:var(--navy);line-height:1.2}
.stat span{font-size:13px;color:var(--muted);white-space:nowrap}
.finder{width:440px;background:var(--surface);border-radius:12px;box-shadow:0 10px 30px rgba(18,52,110,.12);padding:20px 20px 22px;align-self:flex-start;margin-top:10px}
.finder-eyebrow{font-size:12px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.3px}
.finder h2{font-size:20px;line-height:1.25;font-weight:800;color:var(--navy);margin:2px 0 10px}
.search-row{display:flex;gap:12px}
.search-field{position:relative;flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 12px;height:44px;color:var(--blue);background:var(--surface)}
.search-field:focus-within{border-color:var(--blue)}
.search-field svg{width:18px;height:18px;flex:none}
.search-field input{border:0;outline:0;width:100%;font-size:14px;color:var(--text);background:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;transition:background .15s;padding:0 22px;min-height:40px;font-size:14px}
.btn:hover{background:var(--blue-d)}
.btn svg{width:15px;height:15px}
.search-row .btn{height:44px}
.search-row.big .search-field{height:44px}
.search-row.big .search-field input{font-size:14px}
.search-row.big .btn{height:44px;font-size:14px;padding:0 24px}
.finder .lbl{font-size:14px;font-weight:600;color:var(--navy);margin:20px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:12.5px;color:var(--text);background:var(--chip);border-radius:6px;padding:6px 11px}
.chip:hover{background:var(--blue-50);color:var(--blue)}

/* ---------- sezioni ---------- */
main section{padding:30px 0 26px}
.band{background:var(--band)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.sec-head h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.2px}
.sub{font-size:14px;color:var(--muted);margin-top:2px}
.sub p{display:inline}
.sub .eyebrow{font-size:12px;margin-right:4px}
.sec-actions{display:flex;align-items:center;gap:10px;flex:none}
.more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue);cursor:pointer}
.more svg{width:16px;height:16px}
.more .short{display:none}
.nav-btn{width:38px;height:38px;border-radius:8px;border:0;background:var(--surface);box-shadow:0 2px 8px rgba(18,52,110,.12);color:var(--blue);display:grid;place-items:center;cursor:pointer}
.nav-btn svg{width:18px;height:18px}
.nav-btn.prev svg{transform:rotate(180deg)}
.ico{width:26px;height:26px;border-radius:6px;flex:none;display:inline-block;background:var(--blue) center/17px no-repeat}
.ico.i-cat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E %3Crect width='7' height='7' x='14' y='3' rx='1'/%3E %3Crect width='7' height='7' x='14' y='14' rx='1'/%3E %3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E")}
.ico.i-star{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5b70a' stroke='%23f5b70a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") center/contain no-repeat;width:30px;height:30px}
.ico.i-heart{background:var(--pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") center/17px no-repeat;border-radius:50% 50% 6px 50%}
.ico.i-list{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E %3Cpath d='M3 18h.01'/%3E %3Cpath d='M3 6h.01'/%3E %3Cpath d='M8 12h13'/%3E %3Cpath d='M8 18h13'/%3E %3Cpath d='M8 6h13'/%3E%3C/svg%3E")}
.ico.i-doc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E %3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E %3Cpath d='M10 9H8'/%3E %3Cpath d='M16 13H8'/%3E %3Cpath d='M16 17H8'/%3E%3C/svg%3E");border-radius:3px 7px 3px 3px}
.ico.i-q{border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E %3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
.ico.i-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E %3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");background-size:12px}
.ico.i-badge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E %3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.ico.i-photo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E %3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E")}

/* rails (caroselli) */
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;flex:0 0 var(--col,200px);min-width:0}
.dots{display:none;justify-content:center;gap:6px;margin-top:12px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--dot)}
.dots i.on{background:var(--blue)}

/* categorie (home) */
.cats{--col:calc((100% - 11*12px)/12);gap:12px;padding:2px 2px 6px}
.cat{background:var(--surface);border-radius:8px;box-shadow:0 1px 6px rgba(18,52,110,.08);overflow:hidden;text-align:center;font-size:13.5px;font-weight:700;color:var(--navy)}
.cat:hover{color:var(--blue)}
.cat-img{aspect-ratio:1/.82}
.cat{display:flex;flex-direction:column}
.cat>span{display:block;padding:9px 6px 10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-img{flex:none}
.cat-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--blue);border:1px solid var(--blue-100);padding:10px 6px}
/* etichetta solo per screen reader e testo del link, l'icona basta a vista */
.cat-all>span:last-child{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cat-all{position:relative}
.cat-all>.grid-ico,.grid-ico{display:grid;grid-template-columns:repeat(2,13px);gap:4px;padding:0;flex:none}
.grid-ico i{width:13px;height:13px;border-radius:2px;background:var(--blue)}

/* superstar */
.stars{--col:calc((100% - 5*16px)/6);padding:2px 2px 6px}
.star-card{background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 6px rgba(18,52,110,.08)}
.star-media{position:relative}
.star-media .media{aspect-ratio:1.22/1}
.badge-star{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(135deg,#b8862b 0%,#f3d77a 35%,#d4a93f 60%,#f6e08f 85%,#a87a22 100%);color:#3a2700;text-shadow:0 1px 0 rgba(255,240,190,.5);box-shadow:0 2px 6px rgba(0,0,0,.25);font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:3px;letter-spacing:.2px}
.go{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--surface);color:var(--navy);display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.go svg{width:16px;height:16px}
.go.sm{width:24px;height:24px;top:7px;right:7px}
.go.sm svg{width:13px;height:13px}
.star-body{padding:11px 13px 14px}
.star-body h3{font-size:15px;font-weight:800;color:var(--navy)}
.star-body p{font-size:13px;color:var(--muted);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* nuove */
.news{--col:calc((100% - 7*16px)/8);padding:2px 2px 6px}
.new-card{background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 6px rgba(18,52,110,.08)}
.new-media{position:relative}
.new-media .media{aspect-ratio:1.6/1}
.new-body{padding:9px 12px 12px}
.new-body h3{font-size:13.5px;font-weight:800;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge-new{display:inline-block;margin-top:5px;background:var(--pink);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px}

/* directory home */
.filters{display:grid;grid-template-columns:repeat(3,1fr) 200px;gap:14px;margin-bottom:16px}
.select{position:relative;display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 36px 8px 14px;cursor:pointer}
.select>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--navy);pointer-events:none}
.sel-label{display:block;font-size:11.5px;color:var(--muted)}
.select select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:none;width:100%;font-size:14px;color:var(--text);cursor:pointer}
.sel-mobile{display:none}
.filters .btn{font-size:14px;min-height:44px}
.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px 16px}
.grid.loading,.c-grid.loading{opacity:.45;pointer-events:none;transition:opacity .15s}
.grid-card{background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 6px rgba(18,52,110,.08)}
.grid-media{position:relative}
.grid-media .media{aspect-ratio:1.6/1}
.grid-card h3{font-size:13.5px;font-weight:800;color:var(--navy);padding:8px 12px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid-card:hover h3,.star-card:hover h3,.new-card:hover h3,.c-card h3 a:hover{color:var(--blue)}
.btn-wide{width:100%;height:52px;margin-top:20px;font-size:16px;border-radius:8px}
.grid-empty{text-align:center;color:var(--muted);font-size:15px;padding:24px 0}

/* info / seo home */
.info{display:grid;grid-template-columns:1fr 400px;gap:16px;padding-top:12px}
.card{background:var(--surface);border-radius:10px;box-shadow:0 1px 8px rgba(18,52,110,.08);padding:22px 24px 24px}
.card>h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:var(--navy);margin-bottom:8px}
.card-text.rich{font-size:14.5px;color:var(--text);line-height:1.75}
.card-text.rich h2{font-size:19px}
.card-text.rich h3{font-size:16px}
.card-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.card-actions .btn-out{margin-top:14px}
.card-actions .more{margin-top:14px}
.btn-out{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1px solid var(--blue);color:var(--blue);border-radius:7px;padding:8px 18px;font-size:14px;font-weight:700;background:var(--surface);cursor:pointer}
.btn-out svg{width:15px;height:15px}
.btn-out:hover{background:var(--blue-50)}
.why{background:var(--blue-50);border-radius:10px;padding:22px 24px;display:grid;gap:12px;align-content:start}
.why h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px}
.why h3::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.why p{font-size:13.5px;color:var(--text);line-height:1.6;padding-left:30px}
.why p+p{margin-top:6px}

/* faq + blog */
.bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding-bottom:36px}
.faq{display:grid;margin-top:2px}
.faq details{background:var(--surface);border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;font-weight:600;color:var(--navy);cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:17px;height:17px;flex:none;transition:transform .2s}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq details p{padding:0 14px 16px;font-size:14px;line-height:1.65;color:var(--muted)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post{background:var(--surface);border-radius:6px;overflow:hidden;box-shadow:0 1px 6px rgba(18,52,110,.08);display:flex;flex-direction:column}
.post-img{aspect-ratio:2/1}
.post-body{padding:12px 14px 14px}
.post h2,.post h3{font-size:14px;font-weight:800;color:var(--navy);line-height:1.3}
.post:hover h2,.post:hover h3{color:var(--blue)}
.post time{display:block;margin-top:10px;font-size:12px;color:var(--muted)}
.posts-lg{gap:16px}
.posts-lg .post h2{font-size:17px}
.posts-lg .post time{font-size:12.5px}

/* ---------- breadcrumb ---------- */
.crumbs,.breadcrumbs{font-size:13px;color:var(--navy);padding:14px 0 10px;display:flex;gap:6px;flex-wrap:wrap}
.crumbs a,.breadcrumbs a{color:var(--blue)}
.crumbs a:hover,.breadcrumbs a:hover{text-decoration:underline}
.tag-y{display:inline-block;background:var(--tag-y-bg);color:var(--navy);font-size:12.5px;font-weight:800;padding:3px 8px;border-radius:3px}

/* ---------- hero liste (categoria, superstar, video, cerca, blog) ---------- */
.cat-hero{margin-bottom:28px;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#eef2fb 0%,#f2eeee 55%,#e9dfd8 100%);min-height:200px}
.cat-hero .hero-photo{width:46%;border-radius:0;background:none}
.cat-hero .hero-photo::before{background:linear-gradient(90deg,#f0eeef 0%,rgba(240,238,239,.6) 25%,rgba(240,238,239,0) 55%)}
.cat-hero-in{position:relative;z-index:2;padding:28px 28px 26px;max-width:780px}
.cat-hero h1{font-size:44px;font-weight:800;letter-spacing:-.8px;color:var(--navy);line-height:1.1;margin:8px 0 6px}
.cat-hero .cat-count{font-size:15px;font-weight:700;color:var(--blue);margin-bottom:6px}
.cat-hero p{font-size:14.5px;color:var(--text);line-height:1.6;max-width:680px}
.search-hero .search-row{max-width:560px;margin-top:12px}

.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 16px}
.toolbar-simple{margin:16px 0 12px}
.toolbar-count{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--navy)}
.toolbar-count svg{width:20px;height:20px}
.play-ico{color:var(--blue);display:inline-flex}
.tabs{display:flex;gap:8px}
.tab{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:6px;background:var(--surface);box-shadow:0 1px 8px rgba(18,52,110,.1);font-size:14px;font-weight:600;color:var(--navy);white-space:nowrap}
.tab svg{width:18px;height:18px}
.tab.on{background:var(--blue);color:#fff;box-shadow:none}
.filters-c{display:flex;align-items:center;gap:14px}
.f-sel{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--navy)}
.f-box{position:relative;display:block;background:var(--surface);border:1px solid var(--line);border-radius:5px}
.f-box select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:none;font-size:13.5px;color:var(--navy);height:42px;padding:0 36px 0 14px;min-width:100px;cursor:pointer}
.f-box svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--blue);pointer-events:none}
.f-sel:first-child .f-box select{min-width:140px}
.views{display:flex;gap:8px}
.view{width:44px;height:42px;border-radius:5px;border:0;background:var(--surface);box-shadow:0 1px 8px rgba(18,52,110,.1);color:var(--navy);display:grid;place-items:center;cursor:pointer}
.view svg{width:18px;height:18px}
.view.on{background:var(--blue);color:#fff;box-shadow:none}

/* card complete */
.c-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 18px}
.c-card{background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 8px rgba(18,52,110,.08);display:flex;flex-direction:column}
.c-media{position:relative;display:block}
.c-media .media{aspect-ratio:1.64/1}
.c-media .go{width:26px;height:26px;top:12px;right:12px;color:var(--blue)}
.c-media .go svg{width:14px;height:14px}
.badge-nuova{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:3px;background:var(--pink);color:#fff;font-size:11px;font-weight:600;padding:3px 6px;border-radius:4px}
.badge-nuova svg{width:10px;height:10px}
.c-media .badge-star{top:10px;left:10px;font-size:11px;padding:3px 7px}
.vid-ico{position:absolute;left:10px;bottom:10px;z-index:2;width:24px;height:24px;color:var(--blue);background:var(--surface);border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.vid-ico svg{width:24px;height:24px}
.c-body{padding:12px 12px 13px;display:flex;flex-direction:column;flex:1}
.c-body h3{font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.2px}
.c-body p{font-size:13px;color:var(--muted);line-height:1.45;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;gap:5px;margin-top:auto;padding-top:10px;flex-wrap:nowrap;overflow:hidden}
.tag{font-size:12px;color:var(--navy);background:var(--chip);border-radius:999px;padding:4px 10px;white-space:nowrap}
.tag:hover{color:var(--blue)}

.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:24px 0 20px}
.pager a,.pager span{min-width:40px;height:38px;display:grid;place-items:center;font-size:14.5px;font-weight:600;color:var(--navy);border-radius:5px}
.pager .pg-arrow{background:var(--surface);box-shadow:0 1px 8px rgba(18,52,110,.12)}
.pager .pg-arrow svg{width:15px;height:15px}
.pager .pg-arrow.prev svg{transform:rotate(180deg)}
.pager .on{background:var(--blue);color:#fff}
.pager a:not(.on):not(.pg-arrow):hover{background:var(--blue-50)}

.seo{display:flex;gap:18px;background:var(--blue-50);border-radius:10px;padding:22px 26px 24px;margin:20px 0 28px}
.seo .i{width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;flex:none;font-family:Georgia,serif}
.seo .rich{flex:1;min-width:0}

/* testo ricco (descrizioni, articoli, pagine) */
/* tipografia unica per i testi lunghi (descrizioni, SEO, articoli, pagine):
   spaziatura a margini, così funziona anche con testo libero tra titoli ed elenchi */
.rich,.legal-content{font-size:15px;color:var(--text);line-height:1.75}
.rich p,.legal-content p{margin:0 0 1.05em}
.rich h2,.legal-content h2{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.3px;line-height:1.28;margin:1.7em 0 .6em}
.rich h3,.legal-content h3{font-size:17.5px;font-weight:800;color:var(--navy);line-height:1.3;margin:1.45em 0 .5em}
.rich h4,.legal-content h4{font-size:15.5px;font-weight:800;color:var(--navy);margin:1.3em 0 .4em}
.rich ul,.rich ol,.legal-content ul,.legal-content ol{margin:.5em 0 1.35em}
.rich blockquote,.rich table,.rich figure,.legal-content table{margin:1.3em 0}
.rich img{margin:1.2em 0}
.rich hr,.legal-content hr{border:0;border-top:1px solid var(--line);margin:1.8em 0}
.rich>:first-child,.legal-content>:first-child,.rich article>:first-child{margin-top:0}
.rich>:last-child,.rich article>:last-child,.rich p:last-child{margin-bottom:0}
.rich strong,.legal-content strong{color:var(--navy);font-weight:700}
.rich a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
/* elenchi in stile template: spunta blu (ul) e numero nel cerchio (ol) */
.rich ul,.rich ol,.legal-content ul,.legal-content ol{list-style:none;padding-left:0;display:grid;gap:10px}
.rich ul>li,.legal-content ul>li{position:relative;padding-left:30px}
.rich ul>li::before,.legal-content ul>li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.rich ol,.legal-content ol{counter-reset:rofn}
.rich ol>li,.legal-content ol>li{position:relative;padding-left:34px;counter-increment:rofn}
.rich ol>li::before,.legal-content ol>li::before{content:counter(rofn);position:absolute;left:0;top:.1em;width:23px;height:23px;border-radius:50%;background:var(--blue-50);color:var(--blue);font-size:12px;font-weight:800;display:grid;place-items:center}
.rich li>ul,.rich li>ol{margin:10px 0 0}
.rich li p{margin:0}
.rich img{border-radius:8px;height:auto}
.rich blockquote{border-left:3px solid var(--blue);padding:4px 0 4px 14px;color:var(--muted)}
.rich table{border-collapse:collapse;width:100%;font-size:12.5px}
.rich th,.rich td{border:1px solid var(--line);padding:6px 8px;text-align:left}

/* indice categorie */
.cat-index{padding-top:16px}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-tile{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 8px rgba(18,52,110,.08)}
.cat-tile .cat-img{aspect-ratio:2.4/1}
.cat-tile-body{padding:10px 12px 12px}
.cat-tile-body h2,.cat-tile-body h3{font-size:16.5px;font-weight:800;color:var(--navy)}
.cat-tile-body span{font-size:13px;color:var(--muted)}
.cat-tile:hover h2,.cat-tile:hover h3{color:var(--blue)}
.cat-tile .go{top:10px;right:10px;color:var(--blue)}
.star-bg{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-50),#fff6d6)}
.star-bg svg{width:56px;height:56px}

/* video */
.v-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 18px}
.v-card{background:var(--surface);border-radius:6px;overflow:hidden;box-shadow:0 1px 8px rgba(18,52,110,.08)}
.v-media{position:relative;display:block}
.v-media .media{aspect-ratio:1/1.15}
.v-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue);z-index:2}
.v-play svg{width:46px;height:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.v-media:hover .v-play svg{transform:scale(1.08)}
.v-card h3{font-size:15px;font-weight:800;color:var(--navy);padding:8px 10px 10px}
.v-card h3 a:hover{color:var(--blue)}

/* ---------- profilo ---------- */
/* foto verticale che si allunga fino all'altezza dei pannelli: niente vuoto sotto */
.pf-top{display:grid;grid-template-columns:420px 1fr;gap:14px 32px;align-items:stretch}
.pf-gallery{display:flex;flex-direction:column;min-height:0}
.hero-gal{position:relative;border-radius:10px;overflow:hidden;flex:1 1 auto;display:flex;min-height:525px}
.hero-gal-open{display:flex;flex:1;width:100%;cursor:zoom-in}
.hero-gal .media{flex:1;aspect-ratio:auto;min-height:100%}
.hero-gal .media img{object-position:center 18%}
.verified{position:absolute;top:12px;left:12px;z-index:2;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#b8862b 0%,#f3d77a 35%,#d4a93f 60%,#f6e08f 85%,#a87a22 100%);color:#3a2700;text-shadow:0 1px 0 rgba(255,240,190,.5);box-shadow:0 2px 6px rgba(0,0,0,.25);font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:5px}
.verified svg{width:13px;height:13px}
.verified svg path{fill:#3a2700}
.g-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:var(--surface);color:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.g-arrow svg{width:17px;height:17px}
.g-arrow.prev{left:16px}.g-arrow.prev svg{transform:rotate(180deg)}
.g-arrow.next{right:16px}
.count{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:6px;background:rgba(20,20,28,.72);color:#fff;font-size:13px;font-weight:700;padding:5px 9px;border-radius:5px;pointer-events:none}
.count svg{width:15px;height:15px}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;flex:none}
.thumb{position:relative;border:2px solid transparent;border-radius:5px;overflow:hidden;padding:0;background:none;cursor:pointer}
.thumb .media{aspect-ratio:4/5}
.thumb.on{border-color:var(--blue)}
.more-ph span{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(20,20,28,.6);color:#fff;font-weight:800;font-size:14px}
.pf-title h1{font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.8px;color:var(--navy);margin:8px 0 6px}
.user-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.username{font-size:22px;font-weight:800;color:var(--gold);word-break:break-all}
.copy{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--blue-50);color:var(--blue);font-size:13px;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer}
.copy svg{width:13px;height:13px}
.lead{font-size:14.5px;color:var(--muted);margin-top:10px}
.panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.panel{background:var(--surface);border-radius:10px;box-shadow:0 1px 8px rgba(18,52,110,.09);padding:16px 18px 18px}
.p-head,.acc summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.panel h3{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:800;color:var(--navy)}
.panel .ico{width:22px;height:22px}
.p-cat .more{display:none}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{font-size:13px;font-weight:500;color:var(--navy);background:var(--surface);border:1px solid var(--line);padding:6px 16px;border-radius:999px}
.pill:hover{border-color:var(--blue);color:var(--blue)}
.svc{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--navy);background:var(--surface);border:1px solid var(--line);padding:5px 10px;border-radius:999px}
.svc svg{width:14px;height:14px;color:var(--blue)}
.acc summary{list-style:none;cursor:default}
.acc summary::-webkit-details-marker{display:none}
.acc summary>svg{display:none;width:18px;height:18px;color:var(--blue)}
.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.kv{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:6px;padding:4px 0;font-size:13px}
.k{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:500}
.k svg{width:16px;height:16px;color:var(--navy);flex:none}
.v{color:var(--muted);min-width:0;overflow-wrap:anywhere}
.hl{background:var(--blue-50);color:var(--blue);padding:2px 6px;border-radius:3px}
.p-car{grid-row:span 2}
.side{display:grid;gap:10px;align-content:start}
.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.soc{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--navy)}
.soc:hover{border-color:var(--blue)}
.soc-ico{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff}
.soc-ico svg{width:15px;height:15px}
.actions{display:grid;grid-template-columns:420px repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}
.act{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:7px;background:var(--surface);box-shadow:0 1px 8px rgba(18,52,110,.1);font-size:15px;font-weight:700;color:var(--navy);cursor:pointer}
.act:hover{box-shadow:0 2px 12px rgba(18,52,110,.18)}
.act svg{width:22px;height:22px}
.act.primary{background:var(--blue);color:#fff;font-weight:600;box-shadow:none}
.act.primary:hover{background:var(--blue-d)}
.act .play,.act .phone{color:var(--blue);display:inline-flex}
.act .ext{display:inline-flex}
.act .ext svg{width:14px;height:14px}
.pf-section{padding-top:22px}
.gal-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}
.gal-head .eyebrow-row{display:flex;align-items:center;gap:10px}
.gal-head h2{font-size:28px;font-weight:800;color:var(--navy);letter-spacing:-.4px;margin-top:4px}
.gal-wrap{position:relative;margin-bottom:18px}
.gal{--col:calc((100% - 7*8px)/8);gap:8px}
.g-item{display:block;padding:0;cursor:zoom-in}
.g-item .media{aspect-ratio:4/5;border-radius:6px}
.gal-wrap .g-arrow{width:32px;height:32px}
.gal-wrap .g-arrow.prev{left:-16px}.gal-wrap .g-arrow.next{right:-16px}
.bio h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--navy);margin-bottom:6px}
.bio-text{font-size:15px;--fade:var(--bg)}
/* testo lungo chiuso con "Leggi tutto" (il contenuto resta nell'HTML) */
.clamp-text{position:relative;max-height:7.5em;overflow:hidden}
.card-text.clamp-text{max-height:13em}
.clamp-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.5em;background:linear-gradient(transparent,var(--fade,var(--surface)));pointer-events:none}
.clamp.open .clamp-text{max-height:none}
.clamp.open .clamp-text::after{display:none}
.clamp-btn svg{transform:rotate(90deg)}
.clamp.open .clamp-btn svg{transform:rotate(-90deg)}
.others-wrap{position:relative}
.others{--col:calc((100% - 3*16px)/4);gap:16px;padding:2px 2px 6px}
.o-card{position:relative;display:grid;grid-template-columns:140px 1fr;gap:14px;background:var(--surface);border-radius:6px;box-shadow:0 1px 8px rgba(18,52,110,.08);padding:3px;align-items:center}
.o-media{position:relative}
.o-media .media{aspect-ratio:1.6/1;border-radius:6px}
.o-body{padding-right:30px}
.o-body h3{font-size:16px;font-weight:800;color:var(--navy)}
.o-card:hover h3{color:var(--blue)}
.o-body p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.o-go{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}
.o-go svg{width:10px;height:10px}
.others-wrap .g-arrow{display:none}

/* ---------- articolo ---------- */
.article{max-width:820px;margin:0 auto;padding-bottom:12px}
.article-head h1{font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.8px;color:var(--navy);margin:8px 0 6px}
.article-meta{font-size:12px;color:var(--muted)}
.article-cover{margin:16px 0;border-radius:8px;overflow:hidden}
.article-cover img{width:100%;height:auto}
.article-body{font-size:15px}
.related-blog{max-width:820px;margin:0 auto}

/* ---------- pagine statiche (contenuto salvato nel builder) ---------- */
.raw-page{padding-bottom:28px}
.legal-content{max-width:860px;margin:6px auto 0;background:var(--surface);border-radius:10px;box-shadow:0 1px 8px rgba(18,52,110,.08);padding:30px 36px 34px}
.legal-content h1{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.8px;color:var(--navy);margin:12px 0 .7em}
.legal-content .about-stats,.legal-content .about-category-list,.legal-content .copy-columns,.legal-content .contact-layout{margin:1.2em 0 1.5em}
.legal-content a:not(.btn){color:var(--blue)}
.legal-content .eyebrow{display:inline-block;background:var(--tag-y-bg);color:var(--navy);font-size:10.5px;font-weight:800;padding:3px 6px;border-radius:3px;letter-spacing:0}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.about-stats>div{background:var(--blue-50);border-radius:8px;padding:12px 14px}
.about-stats strong{display:block;font-size:22px;font-weight:800;color:var(--navy);line-height:1.1}
.about-stats span{font-size:12px;color:var(--muted)}
.about-category-list{display:flex;flex-wrap:wrap;gap:8px}
.about-category-list a{font-size:12px;font-weight:500;color:var(--navy)!important;background:var(--surface);border:1px solid var(--line);padding:5px 14px;border-radius:999px}
.about-category-list a:hover{border-color:var(--blue);color:var(--blue)!important}
.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.copy-columns>*{background:var(--band);border-radius:8px;padding:12px 14px}
.contact-layout{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start;margin-top:16px}
.contact-box{background:var(--blue-50);border-radius:8px;padding:14px 16px}
.contact-box h2{margin-top:0;font-size:16px}
.contact-email{display:inline-block;font-weight:700;margin:6px 0}
.contact-note{font-size:12px;color:var(--muted)}
.rof-contact-form p+p{margin-top:10px}
.rof-contact-form label{font-size:12.5px;font-weight:600;color:var(--navy)}
.rof-contact-form input[type=text],.rof-contact-form input[type=email],.rof-contact-form textarea{margin-top:4px;border:1px solid var(--line);border-radius:6px;padding:9px 10px;font-size:13px;background:var(--surface);outline:0}
.rof-contact-form input:focus,.rof-contact-form textarea:focus{border-color:var(--blue)}
.rof-contact-form .btn{height:40px;font-size:13px;padding:0 22px}
.legal-content .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.legal-content .category-grid{display:flex;flex-wrap:wrap;gap:8px}
.legal-content .category-grid a{border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:12px}

/* ---------- 404 ---------- */
.nf{text-align:center;max-width:620px;margin:0 auto;padding:40px 0 20px}
.nf-code{font-size:84px;line-height:1;font-weight:800;color:var(--blue);letter-spacing:-3px}
.nf h1{font-size:28px;font-weight:800;color:var(--navy);margin:8px 0}
.nf-text{color:var(--muted);font-size:14px}
.nf .search-row{margin:18px 0 12px;text-align:left}
.nf-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.nf-actions .btn{min-height:34px}
.nf-actions .btn-out{margin-top:0;min-height:34px}
.page-empty{padding:40px 0}

/* ---------- banner (rof-core) ---------- */
.ad-strip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;max-width:var(--wrap);margin:14px auto;padding:0 var(--gut)}
.ad-strip a{display:block;flex:1 1 420px;max-width:728px;min-width:0} /* affiancati quando c'è spazio, altrimenti uno sotto l'altro */
.ad-strip img{width:100%;height:auto;border-radius:6px}

/* ---------- modal / lightbox ---------- */
.modal{position:fixed;inset:0;z-index:200;display:none}
.modal.open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(8,14,32,.82)}
.modal-panel{position:relative;z-index:1;max-width:980px;height:100%;margin:0 auto;padding:56px 16px 24px;display:flex;flex-direction:column}
.modal-title{color:#fff;font-size:16px;font-weight:800;margin-bottom:10px;text-align:center}
.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--navy);display:grid;place-items:center;cursor:pointer}
.modal-close svg{width:18px;height:18px}
.viewer{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.viewer-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.viewer-stage img,.viewer-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:#000}
.viewer .g-arrow.prev{left:0}.viewer .g-arrow.next{right:0}
.viewer-count{color:#cfd8e8;font-size:12px;text-align:center;margin-top:8px}
body.modal-on{overflow:hidden}

/* ---------- footer ---------- */
.site-foot{position:relative;background:radial-gradient(1200px 300px at 85% 0%,rgba(26,115,240,.22),transparent 60%),var(--foot-bg);color:#c9d3e6;margin-top:24px}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 60%,var(--yellow) 100%)}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:48px;padding-bottom:36px}
.foot-brand p{font-size:14px;line-height:1.65;margin-top:14px;max-width:340px;color:#b6c3dc}
.foot-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.foot-badges span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px 5px 6px}
.foot-badges svg{width:16px;height:16px;padding:2px;border-radius:50%;background:var(--blue);box-sizing:content-box}
.age{flex:none;background:var(--pink);color:#fff;font-weight:800;font-size:10.5px;border-radius:999px;padding:2px 7px}
.foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.foot-col h2{font-size:12.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--yellow);margin-bottom:4px}
.foot-col a{font-size:14px;font-weight:500;color:#dbe4f3;transition:color .15s,transform .15s}
.foot-col a:hover{color:#fff;transform:translateX(3px)}
.foot-bottom{background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.08)}
.foot-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:20px}
.foot-disclaimer{font-size:12.5px;line-height:1.6;color:#93a5c4;max-width:960px}
.copyright{font-size:12.5px;color:#7385a6;margin-top:6px}

/* ---------- barra mobile (rof-core) ---------- */
.rof-mbar{display:none}

/* ---------- tablet ---------- */
@media (max-width:1180px){
  .toolbar{flex-direction:column;align-items:stretch}
  .toolbar-simple{flex-direction:row;align-items:center}
  .filters-c{justify-content:flex-end;flex-wrap:wrap}
  .c-grid,.v-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1080px){
  .main-nav{gap:18px}
  .head-search{width:150px}
  .cats{--col:calc((100% - 7*10px)/8)}
  .stars{--col:calc((100% - 3*12px)/4)}
  .news{--col:calc((100% - 5*12px)/6)}
  .grid{grid-template-columns:repeat(6,1fr)}
  .pf-top{grid-template-columns:320px 1fr}
  .panels{grid-template-columns:1fr}
  .p-car{grid-row:auto}
  .actions{grid-template-columns:320px repeat(auto-fit,minmax(130px,1fr))}
  .others{--col:calc((100% - 14px)/2)}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .main-nav,.head-search{display:none}
  .m-search,.menu-btn{display:grid}
  .head-in{justify-content:space-between}
  .head-in .icon-btn{border:0}
  .head-actions{display:flex;gap:6px;margin-left:auto}
  .hero-in{flex-direction:column;align-items:stretch}
  .finder{width:auto;max-width:520px}
  .bottom{grid-template-columns:1fr}
  .info{grid-template-columns:1fr}
  .c-grid,.v-grid{grid-template-columns:repeat(3,1fr)}
  .pf-top{grid-template-columns:1fr}
  .pf-gallery{max-width:560px;width:100%;margin:0 auto}
  .hero-gal{min-height:0;flex:none}
  .hero-gal .media{aspect-ratio:4/5;min-height:0}
  .actions{grid-template-columns:1fr 1fr}
  .actions .primary{grid-column:1/-1}
  .gal{--col:calc((100% - 3*8px)/4)}
  .foot-in{grid-template-columns:1fr 1fr;gap:28px 24px;padding-top:36px}
  .foot-brand{grid-column:1/-1}
  .contact-layout,.copy-columns{grid-template-columns:1fr}
  .rof-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:95;height:56px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(18,52,110,.1)}
  .rof-mbar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;font-size:10.5px;font-weight:700;color:var(--navy);line-height:1.1;text-align:center}
  .rof-mbar-btn .dashicons{font-size:21px;width:21px;height:21px;color:var(--blue)}
  .rof-mbar-btn:active{background:var(--blue-50)}
  body{padding-bottom:56px}
  .admin-bar .site-head{top:0}
}

/* ---------- mobile ---------- */
@media (max-width:640px){
  :root{--gut:16px}
  body{font-size:14px}
  .head-in{height:56px}
  /* filtri nel bottom sheet */
  .btn.filter-trigger{display:inline-flex;height:40px;font-size:13px;gap:8px}
  .filter-trigger svg{width:16px;height:16px}
  #tutte .filter-trigger{width:100%;margin-bottom:12px}
  .sheet{align-items:stretch!important;text-align:left;position:fixed!important;left:0;right:0;bottom:0;z-index:170;display:flex!important;flex-direction:column;gap:12px!important;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(12,26,58,.22);padding:10px 16px calc(18px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);visibility:hidden;margin:0!important}
  .sheet::before{content:"";align-self:center;width:42px;height:5px;border-radius:3px;background:#d3dbe8;flex:none}
  .sheet.open{transform:none;visibility:visible}
  .sheet-head{display:flex;align-items:center;justify-content:space-between}
  .sheet-head strong{font-size:18px;font-weight:800;color:var(--navy)}
  .sheet-head .icon-btn{border:0;background:var(--blue-50);color:var(--blue)}
  .sheet .select,.sheet .f-sel{display:block!important;padding:10px 36px 10px 12px}
  .sheet .f-sel{padding:0}
  .sheet .sel-label,.sheet .f-lbl{display:block!important;font-size:12px;color:var(--muted);margin-bottom:4px}
  .sheet .select select{position:static;opacity:1;font-size:15px}
  .sheet .sel-mobile{display:none!important}
  .sheet .f-box select{height:46px;font-size:15px!important;padding:0 36px 0 12px}
  .sheet .select:nth-child(n){display:block}
  .sheet .btn,.sheet-actions .btn{height:48px;font-size:15px;width:100%}
  .sheet-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}
  .sheet-actions .btn-out{margin:0;justify-content:center;height:48px;font-size:15px}
  body.sheet-on{overflow:hidden}
  .toolbar-right{justify-content:space-between}
  .toolbar-right .views{margin-left:auto}
  .head-in .logo img{width:132px}

  /* hero home mobile: foto in alto a tutta larghezza, testo sotto */
  .hero{background:linear-gradient(180deg,#f3edf5 0%,var(--hero-m2) 60%,var(--bg) 100%)}
  .hero-photo{position:relative;width:100%;height:230px;bottom:auto}
  .hero-photo img{object-position:center 25%}
  .hero-photo::before{background:linear-gradient(180deg,rgba(243,237,245,0) 45%,#f3edf5 100%)}
  .hero-in{gap:0;padding-top:0;padding-bottom:20px;min-height:0;margin-top:-34px}
  .hero-copy{max-width:none;display:block}
  .eyebrow{font-size:11px}
  .hero h1{font-size:28px;line-height:1.08;letter-spacing:-.8px;max-width:none;margin:6px 0 8px}
  .hero-h2{max-width:none;font-size:15px;line-height:1.35;margin:0 0 8px}
  .hero-intro{max-width:none}
  .hero-intro p{font-size:13.5px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .finder{background:none;box-shadow:none;padding:0;margin:16px 0 0;max-width:none;width:auto;align-self:stretch}
  .finder h2,.finder .lbl,.finder .chips,.finder-eyebrow{display:none}
  .finder .search-field{height:46px;background:var(--surface);border-radius:10px 0 0 10px;border-right:0}
  .finder .search-field input{font-size:15px}
  .finder .search-row{gap:0;box-shadow:0 4px 14px rgba(18,52,110,.10);border-radius:10px}
  .finder .search-row .btn{height:46px;border-radius:0 10px 10px 0;padding:0 20px;font-size:14px}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
  .stat{min-width:0;text-align:center;padding:9px 6px}
  .stat b{font-size:19px}
  .stat span{font-size:11.5px;white-space:normal;line-height:1.25;display:block}
  .stat .lg{display:none}

  main section{padding:18px 0}
  .sec-head{margin-bottom:8px;align-items:center}
  .sec-head h2{font-size:17px}
  .sub{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sub .eyebrow{display:none}
  .more .full{display:none}
  .more .short{display:inline}
  .nav-btn{display:none}
  .dots{display:flex}

  .rail{margin-right:calc(-1 * var(--gut));padding-right:var(--gut)}
  .cats{--col:calc((100% - 3*8px)/4.1);gap:8px}
  .cat{font-size:12.5px}
  .cat-img{aspect-ratio:1/.9}
  .stars{--col:42%;gap:10px}
  .rail{gap:10px}
  .ico{width:22px;height:22px;background-size:15px}
  .ico.i-star{width:24px;height:24px}
  .go{width:26px;height:26px}
  .badge-star{font-size:9px;padding:3px 6px;top:8px;left:8px}
  .new-body h3{font-size:12px}
  .badge-new{font-size:9px}
  .more{font-size:12.5px}
  .btn{font-size:13px}
  .search-field{height:40px}
  .card,.why{padding:14px 14px 16px}
  .why h3{font-size:13.5px}
  .why p{font-size:12px}
  .faq details p{font-size:12.5px}
  .post time{font-size:10.5px}
  .c-media .media{aspect-ratio:1.45/1}
  .grid-media .media,.new-media .media{aspect-ratio:1.2/1}
  .star-media .go{top:auto;bottom:10px;right:10px;width:26px;height:26px}
  .star-body h3{font-size:14px}
  .star-body p{font-size:12px}
  .news{--col:calc((100% - 3*8px)/4);gap:8px}
  .new-body{padding:6px 7px 8px}

  .filters{grid-template-columns:auto auto auto 1fr;gap:6px}
  .select{padding:9px 24px 9px 8px}
  .select>svg{right:6px;width:12px;height:12px}
  .sel-label{display:none}
  .select select{position:absolute;inset:0;opacity:0}
  .sel-mobile{display:block;font-size:12px;font-weight:500;white-space:nowrap}
  .filters .btn{font-size:12px;font-weight:600;padding:0 10px;min-height:36px}
  .grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .go.sm{width:20px;height:20px}
  .grid-card h3{font-size:12px;padding:7px 8px 8px}
  .btn-wide{height:40px;font-size:12px;border-radius:7px}

  .info .card{padding:16px 14px 16px}
  .card>h2{font-size:17px;align-items:flex-start}
  .card-text.rich{font-size:14px}
  .card-text.rich h2{font-size:17px}
  .why{margin:0 6px}
  .bottom{gap:16px}
  .faq summary{padding:10px;font-size:13px}
  .posts{grid-template-columns:repeat(2,1fr);gap:8px}
  .post-body{padding:6px 7px 8px;display:flex;flex-direction:column}
  .post time{margin:0 0 3px;order:-1}
  .post h2,.post h3{font-size:12px}
  .posts-lg .post h2{font-size:12px}

  .crumbs,.breadcrumbs{font-size:11.5px;padding:10px 0 8px}
  /* hero liste mobile: immagine in alto, testo sotto a tutta larghezza */
  .cat-hero{min-height:0;display:flex;flex-direction:column}
  .cat-hero .hero-photo{position:relative;width:100%;height:130px;bottom:auto}
  .cat-hero .hero-photo:empty{display:none}
  .cat-hero .hero-photo::before{background:linear-gradient(180deg,rgba(240,238,239,0) 40%,#eef0f6 100%)}
  .cat-hero-in{padding:2px 16px 16px;max-width:none}
  .search-hero .cat-hero-in{max-width:none}
  .tag-y{font-size:10.5px}
  .cat-hero h1{font-size:27px;line-height:1.1;margin:8px 0 6px}
  .cat-hero .cat-count{font-size:13px;margin-bottom:6px}
  .cat-hero p{font-size:13.5px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .toolbar{gap:10px;margin:10px 0 10px}
  .tabs{gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut));padding:2px var(--gut) 6px}
  .tabs::-webkit-scrollbar{display:none}
  .tab{height:38px;padding:0 14px;font-size:12.5px;gap:6px;flex:none;justify-content:center}
  .tab svg{width:14px;height:14px}
  .filters-c{display:grid;grid-template-columns:1fr 1.1fr 1fr auto;gap:6px}
  .f-lbl{display:none}
  .f-sel{display:block}
  .f-box select{width:100%;min-width:0!important;height:38px;font-size:12px;padding:0 22px 0 8px}
  .f-box svg{right:6px;width:12px;height:12px}
  .views{gap:0}
  .view{height:38px;width:40px}
  .c-grid,.v-grid{grid-template-columns:1fr 1fr;gap:10px}
  .c-media .go{width:22px;height:22px;top:8px;right:8px}
  .c-media .badge-star,.badge-nuova{top:6px;left:6px;font-size:8.5px}
  .c-body{padding:7px 8px 8px}
  .c-body h3{font-size:14px}
  .c-body p{font-size:11.5px;margin-top:3px}
  .tags{gap:4px;padding-top:6px}
  .tag{font-size:10.5px;padding:3px 8px}
  .pager{margin:14px 0;gap:4px}
  .pager a,.pager span{min-width:30px;height:30px;font-size:11.5px}
  .seo{gap:10px;padding:12px 12px 14px}
  .seo .i{width:24px;height:24px;font-size:14px}
  .rich,.legal-content{font-size:14.5px;line-height:1.7}
  .rich h2,.legal-content h2{font-size:19px}
  .rich h3,.legal-content h3{font-size:16px}
  .cat-grid{grid-template-columns:1fr 1fr;gap:8px}
  .cat-tile-body{padding:7px 8px 9px}
  .cat-tile-body h2,.cat-tile-body h3{font-size:14px}

  .hero-gal .media{aspect-ratio:4/5}
  .verified{font-size:11px}
  .g-arrow{width:30px;height:30px}
  .g-arrow.prev{left:10px}.g-arrow.next{right:10px}
  .thumbs{gap:6px;margin-top:6px}
  .pf-title{margin-top:8px}
  .pf-title h1{font-size:27px;margin:6px 0 4px}
  .username{font-size:16px}
  .copy{font-size:10.5px}
  .lead{font-size:13px;margin-top:8px}
  .panels{gap:8px;margin-top:10px}
  .panel{padding:10px 10px 12px;box-shadow:0 1px 6px rgba(18,52,110,.08)}
  .panel h3{font-size:14px}
  .p-cat .more{display:inline-flex}
  .pill{font-size:12px;padding:5px 12px}
  .svc{font-size:11.5px;padding:4px 11px}
  .svc svg{display:none}
  .acc{padding:0}
  .acc summary{margin:0;padding:10px;cursor:pointer}
  .acc summary>svg{display:block;transition:transform .2s}
  .acc[open] summary>svg{transform:rotate(180deg)}
  .acc-body{padding:0 10px 12px}
  .kv-grid{grid-template-columns:1fr}
  .kv{grid-template-columns:110px 1fr;font-size:12.5px}
  .actions{gap:8px;margin-top:12px}
  .act{height:46px;font-size:13.5px}
  .act.primary{font-size:13px}
  .gal-head h2{font-size:20px}
  .gal{display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);gap:4px;overflow:visible;margin:0;padding:0}
  .gal-wrap .g-arrow{display:none}
  .bio h2{font-size:18px}
  .bio-text{font-size:13px}
  .others{--col:calc((100% - 2*8px)/2.4);gap:8px}
  .o-card{grid-template-columns:1fr;gap:0;padding:0;align-items:start;overflow:hidden}
  .o-media .media{aspect-ratio:1/1;border-radius:0}
  .o-body{padding:6px 7px 8px}
  .o-body h3{font-size:13px}
  .o-body p{font-size:11px;margin-top:2px}
  .o-go{display:none}
  .others-wrap .rail{margin-right:0;padding-right:0}

  .article-head h1{font-size:24px}
  .article-body{font-size:14px}
  .legal-content{padding:20px 16px 24px}
  .legal-content h1{font-size:27px}
  .about-stats{grid-template-columns:1fr}
  .legal-content .blog-grid{grid-template-columns:1fr 1fr}
  .nf-code{font-size:64px}
  .foot-in{padding-top:30px;padding-bottom:26px}
  .foot-col a{font-size:13.5px}
  .foot-bottom-in{align-items:flex-end}
  .foot-disclaimer,.copyright{font-size:12px}
}
@media (max-width:380px){
  .hero h1{font-size:25px}
}
.lg-inline{display:inline}
.lg-block{display:block}
@media (max-width:640px){.lg-inline,.lg-block{display:none}}

/* ---------- mobile: barra filtri + pannello filtri (override finali) ---------- */
@media (max-width:640px){
  .toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:12px 0 12px}
  .toolbar-right{display:flex;align-items:center;gap:8px}
  .btn.filter-trigger{flex:1;justify-content:center;height:42px;background:var(--surface);color:var(--navy);border:1px solid var(--line);box-shadow:0 1px 6px rgba(18,52,110,.06);font-size:14px;font-weight:700}
  .btn.filter-trigger svg{color:var(--blue)}
  .btn.filter-trigger:hover{background:var(--blue-50)}
  #tutte .btn.filter-trigger{width:100%;margin-bottom:14px}
  .toolbar-right .views{margin:0}
  .toolbar-right .view{height:42px;width:44px;border:1px solid var(--line);box-shadow:none}

  .sheet{padding:8px 18px calc(16px + env(safe-area-inset-bottom));gap:14px!important}
  .sheet-head{padding:4px 0 2px;border-bottom:1px solid var(--line);padding-bottom:12px}
  .sheet .f-sel,.sheet .select{display:block!important;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none}
  .sheet .f-lbl,.sheet .sel-label{display:block!important;font-size:13px;font-weight:600;color:var(--navy);margin:0 0 6px}
  .sheet .f-box,.sheet .select select{display:block;width:100%}
  .sheet .f-box select,.sheet .select select{position:static!important;opacity:1!important;appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 40px 0 14px!important;font-size:15px!important;color:var(--navy);background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0!important}
  .sheet .select{position:relative}
  .sheet .select>svg,.sheet .f-box svg{top:auto;bottom:16px;transform:none;right:14px;width:16px;height:16px;color:var(--blue)}
  .sheet .f-box svg{bottom:16px}
  .sheet .sel-mobile{display:none!important}
  .sheet>.btn,.sheet-actions{position:sticky;bottom:0;margin-top:4px}
  .sheet>.btn{height:50px!important;font-size:15px;border-radius:10px}
  .sheet-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;background:var(--surface);padding-top:6px}
  .sheet-actions .btn,.sheet-actions .btn-out{height:50px;border-radius:10px;font-size:15px;justify-content:center;margin:0}
}

/* respiro tra l'hero delle liste e il contenuto che segue */
.cat-hero+.ad-strip{margin-top:0}
.results-head{margin:4px 0 18px}
.results-head .sub{margin-top:4px}
.cat-hero+.toolbar,.cat-hero+.toolbar-simple{margin-top:0}
@media (max-width:640px){
  .cat-hero{margin-bottom:18px}
}

/* =========================================================
   DARK MODE — stessi componenti, palette scura.
   Attiva con html[data-theme="dark"]: impostato da uno script in <head>
   in base alle preferenze di sistema o alla scelta salvata nel toggle del menu.
   ========================================================= */
html[data-theme="dark"]{
  color-scheme:dark;
  --blue:#3d8bff; --blue-d:#2b76ea; --blue-50:#13284c; --blue-100:#1f3c6b;
  --navy:#eef3ff; --text:#cdd6e8; --muted:#93a2bf; --line:#26334f;
  --bg:#0a1222; --band:#0e1930; --surface:#131e35;
  --chip:#1b2843; --tag-y-bg:#4d4214; --ph1:#18243d; --ph2:#22314f;
  --stat-bg:rgba(19,30,53,.9); --foot-bg:#060c18; --dot:#34456b; --gold:#f2c14e; --hero-m2:#0e1730;
  --shadow:0 4px 16px rgba(0,0,0,.35);
}
html[data-theme="dark"] body{background:var(--bg)}
html[data-theme="dark"] .site-head{border-bottom-color:var(--line);background:rgba(13,21,38,.96);backdrop-filter:saturate(1.2) blur(8px)}
/* hero home */
html[data-theme="dark"] .hero{background:linear-gradient(90deg,#0d1730 0%,#151632 45%,#1c1428 100%)}
html[data-theme="dark"] .hero-photo{background:#1a2340}
html[data-theme="dark"] .hero-photo::before{background:linear-gradient(90deg,#0f1832 0%,rgba(15,24,50,.6) 22%,rgba(15,24,50,0) 45%)}
html[data-theme="dark"] .finder{box-shadow:0 10px 30px rgba(0,0,0,.45)}
/* hero liste (categoria, superstar, video, cerca, blog) */
html[data-theme="dark"] .cat-hero{background:linear-gradient(90deg,#111d37 0%,#16182f 55%,#1c1729 100%)}
html[data-theme="dark"] .cat-hero .hero-photo::before{background:linear-gradient(90deg,#121c35 0%,rgba(18,28,53,.6) 25%,rgba(18,28,53,0) 55%)}
html[data-theme="dark"] .star-bg{background:linear-gradient(135deg,var(--blue-50),#3a3212)}
/* ombre: su sfondo scuro servono più profonde */
html[data-theme="dark"] .cat,html[data-theme="dark"] .star-card,html[data-theme="dark"] .new-card,html[data-theme="dark"] .grid-card,
html[data-theme="dark"] .c-card,html[data-theme="dark"] .v-card,html[data-theme="dark"] .post,html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,html[data-theme="dark"] .o-card,html[data-theme="dark"] .cat-tile,html[data-theme="dark"] .legal-content,
html[data-theme="dark"] .tab,html[data-theme="dark"] .view,html[data-theme="dark"] .act,html[data-theme="dark"] .stat{box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 2px 10px rgba(0,0,0,.35)}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .c-card,html[data-theme="dark"] .legal-content{border:1px solid var(--line)}
html[data-theme="dark"] .go,html[data-theme="dark"] .g-arrow,html[data-theme="dark"] .nav-btn{background:var(--surface);color:var(--blue);box-shadow:0 2px 8px rgba(0,0,0,.5)}
html[data-theme="dark"] .faq details{background:var(--surface)}
html[data-theme="dark"] .suggest{box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[data-theme="dark"] .rof-mbar{background:#0d1526;border-top-color:var(--line)}
html[data-theme="dark"] .rof-mbar-btn{color:var(--text)}
html[data-theme="dark"] .drawer{box-shadow:-10px 0 40px rgba(0,0,0,.5)}
html[data-theme="dark"] .sheet{box-shadow:0 -12px 40px rgba(0,0,0,.5)}
html[data-theme="dark"] .cat-all{border-color:var(--blue-100)}
html[data-theme="dark"] .modal-close{color:var(--navy)}
html[data-theme="dark"] .ad-strip img{opacity:.95}
@media (max-width:640px){
  html[data-theme="dark"] .hero{background:linear-gradient(180deg,#0f1730 0%,#0e1730 60%,var(--bg) 100%)}
  html[data-theme="dark"] .hero-photo::before{background:linear-gradient(180deg,rgba(15,23,48,0) 45%,#0f1730 100%)}
  html[data-theme="dark"] .cat-hero .hero-photo::before{background:linear-gradient(180deg,rgba(17,29,55,0) 40%,#111d37 100%)}
}

/* ---------- toggle tema nel menu ---------- */
.theme-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--band)}
.theme-row-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--navy)}
.theme-row-label svg{width:20px;height:20px;color:var(--blue)}
.switch{position:relative;flex:none;width:50px;height:28px;border-radius:999px;background:#c9d3e3;cursor:pointer;transition:background .2s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .2s}
.switch[aria-checked="true"]{background:var(--blue)}
.switch[aria-checked="true"]::after{transform:translateX(22px)}

/* =========================================================
   FORM: input, select, textarea, checkbox — stile unico chiaro/scuro
   ========================================================= */
input,select,textarea{accent-color:var(--blue)}
::placeholder{color:var(--muted);opacity:1}
select option,select optgroup{background:var(--surface);color:var(--text)}
select option:checked{background:var(--blue-50);color:var(--navy)}
/* campi testo generici (modulo contatti, pagine) */
.rof-contact-form input[type=text],.rof-contact-form input[type=email],.rof-contact-form textarea,
.legal-content input[type=text],.legal-content input[type=email],.legal-content input[type=tel],.legal-content textarea,.legal-content select{
  width:100%;margin-top:6px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;
  padding:11px 14px;font-size:15px;line-height:1.4;outline:0;transition:border-color .15s,box-shadow .15s}
.rof-contact-form textarea,.legal-content textarea{min-height:150px;resize:vertical}
.rof-contact-form label{display:block;font-size:13.5px;font-weight:700;color:var(--navy)}
.rof-contact-form input[type=checkbox]{width:18px;height:18px;flex:none;margin-top:2px}
.rof-contact-form label:has(input[type=checkbox]){font-weight:400!important;font-size:13px;color:var(--muted);line-height:1.5}
/* contenitori dei campi (ricerca, filtri): bordo + focus ring */
.search-field,.select,.f-box,.head-search{background:var(--surface);border-color:var(--line);transition:border-color .15s,box-shadow .15s}
.search-field:focus-within,.select:focus-within,.f-box:focus-within,.head-search:focus-within,
.rof-contact-form input:focus,.rof-contact-form textarea:focus,.legal-content input:focus,.legal-content textarea:focus,.legal-content select:focus{
  border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,115,240,.16)}
html[data-theme="dark"] .search-field:focus-within,html[data-theme="dark"] .select:focus-within,html[data-theme="dark"] .f-box:focus-within,html[data-theme="dark"] .head-search:focus-within{box-shadow:0 0 0 3px rgba(61,139,255,.25)}
.select:hover,.f-box:hover,.search-field:hover{border-color:var(--blue-100)}
.select select,.f-box select{color:var(--navy);font-weight:600}
.sel-label{font-weight:600}
.head-search input,.search-field input{color:var(--text)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;cursor:pointer;
  background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E %3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E %3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center/contain no-repeat}

/* tendina personalizzata (desktop): sostituisce la lista nativa, il <select> resta per il form */
.dd-panel{position:absolute;left:-1px;top:calc(100% + 6px);z-index:60;min-width:calc(100% + 2px);max-height:320px;overflow-y:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(18,52,110,.16);padding:6px;
  opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s,transform .14s}
html[data-theme="dark"] .dd-panel{box-shadow:0 14px 34px rgba(0,0,0,.55)}
.dd-panel.open{opacity:1;transform:none;pointer-events:auto}
.dd-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap}
.dd-opt:hover,.dd-opt.active{background:var(--blue-50);color:var(--navy)}
.dd-opt[aria-selected="true"]{color:var(--blue);font-weight:700}
.dd-opt[aria-selected="true"]::after{content:"";width:16px;height:16px;flex:none;background:var(--blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.select.dd-open>svg,.f-box.dd-open svg{transform:translateY(-50%) rotate(180deg)}
.select>svg,.f-box svg{transition:transform .15s}
.f-box{position:relative}
@media (max-width:640px){
  .sheet .select:focus-within,.sheet .f-box:focus-within{box-shadow:none}
  .sheet .select select:focus,.sheet .f-box select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,115,240,.18)}
}

/* ---------- vista "solo foto": immagine piena, nome in basso ---------- */
.c-grid.photo .c-card{position:relative}
.c-grid.photo .c-media .media{aspect-ratio:3/4}
.c-grid.photo .c-media::after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(to top,rgba(6,14,32,.88),rgba(6,14,32,0));pointer-events:none}
.c-grid.photo .c-body{position:absolute;left:0;right:0;bottom:0;padding:12px 14px 13px;z-index:2;pointer-events:none}
.c-grid.photo .c-body h3{font-size:17px;line-height:1.2;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-grid.photo .c-body h3 a{color:inherit;pointer-events:auto}
.c-grid.photo .c-body p,.c-grid.photo .c-body .tags{display:none}
.c-grid.photo .c-card:hover h3 a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.c-grid.photo .c-media img{transition:transform .35s ease}
.c-grid.photo .c-card:hover .c-media img{transform:scale(1.04)}
.view{transition:background .15s,color .15s}
@media (max-width:640px){
  .c-grid.photo .c-body{padding:8px 10px 9px}
  .c-grid.photo .c-body h3{font-size:14.5px}
}
.c-grid.photo .vid-ico{bottom:auto;top:40px;left:auto;right:10px}
@media (max-width:640px){.c-grid.photo .vid-ico{top:36px;right:8px}}

/* banner sponsor: cornice oro ovunque */
.ad-strip a{padding:3px;border-radius:10px;background:linear-gradient(135deg,#b8862b 0%,#f3d77a 28%,#c9a03c 50%,#f6e08f 72%,#a87a22 100%);box-shadow:0 4px 16px rgba(201,160,60,.28)}
.ad-strip img{display:block;border-radius:7px}
@media (max-width:640px){.ad-strip a{padding:2px;border-radius:8px}.ad-strip img{border-radius:6px}}
/* dentro .wrap la striscia non aggiunge un secondo margine laterale: stessa larghezza dei banner in home */
.wrap .ad-strip{padding-left:0;padding-right:0}

/* icone Lucide: tratto uniforme, nessun riempimento salvo dove indicato */
svg.lc{flex:none}
.main-nav .star svg,.drawer-nav .star svg{width:14px;height:14px;vertical-align:-2px}
.main-nav .star{margin-right:3px}
.drawer-nav .star{margin-right:6px}

/* barra mobile del plugin (Dashicons) -> icone Lucide via maschera, stesse scelte disponibili in admin */
.rof-mbar .dashicons::before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--lc) center/contain no-repeat;mask:var(--lc) center/contain no-repeat}
.rof-mbar .dashicons-admin-home{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E %3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-search{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E %3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-category{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E %3Crect width='7' height='7' x='14' y='3' rx='1'/%3E %3Crect width='7' height='7' x='14' y='14' rx='1'/%3E %3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-video-alt3{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E %3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-controls-play{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-phone{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-email-alt{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E %3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-format-chat{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E %3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-admin-comments{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-star-filled{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-heart{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-location-alt{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E %3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-groups{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E %3Ccircle cx='9' cy='7' r='4'/%3E %3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E %3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-admin-users{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E %3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-megaphone{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-5v12L3 14v-3z'/%3E %3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-money-alt{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E %3Ccircle cx='12' cy='12' r='2'/%3E %3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-cart{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E %3Ccircle cx='19' cy='21' r='1'/%3E %3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-tickets-alt{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E %3Cpath d='M13 5v2'/%3E %3Cpath d='M13 17v2'/%3E %3Cpath d='M13 11v2'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-format-image{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E %3Ccircle cx='9' cy='9' r='2'/%3E %3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-format-video{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z'/%3E %3Cpath d='m6.2 5.3 3.1 3.9'/%3E %3Cpath d='m12.4 3.4 3.1 4'/%3E %3Cpath d='M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-thumbs-up{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E %3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E")}
.rof-mbar .dashicons-admin-links{--lc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E %3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")}

/* pulsante Live rosso (solo mobile, accanto alla ricerca) */
@media (max-width:900px){
  .head-in .icon-btn.m-live{display:grid;background:#e5243b;color:#fff;box-shadow:0 3px 10px rgba(229,36,59,.35)}
  .head-in .icon-btn.m-live:active{background:#c81d31}
}

/* ricerca mobile: la barra compare nella navbar in dissolvenza al tocco della lente */
@media (max-width:900px){
  .head-in{position:relative}
  .head-in .head-search{display:flex;position:absolute;left:var(--gut);right:var(--gut);top:50%;width:auto;height:42px;margin-top:-21px;z-index:3;
    padding:0 6px 0 12px;box-shadow:0 6px 20px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
  .site-head.search-open .head-search{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s}
  .head-search input{font-size:16px} /* evita lo zoom automatico su iOS */
  .head-search-close{display:grid;place-items:center;width:32px;height:32px;flex:none;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}
  .head-search-close svg{width:18px;height:18px}
  .head-in>.logo,.head-actions{transition:opacity .2s ease}
  .site-head.search-open .head-in>.logo,.site-head.search-open .head-actions{opacity:0;pointer-events:none}
  .head-search .suggest{top:calc(100% + 6px)}
  .head-search input::-webkit-search-cancel-button{display:none} /* c'è già la X di chiusura */
}
@media (prefers-reduced-motion:reduce){.head-in .head-search,.head-in>.logo,.head-actions{transition:none!important}}