/* ============================================================
   Club Scrivere 2026 — SKIN pagina PUBBLICA (inserimento_inc.php).
   SOLO aspetto: nessun campo/JS/azione toccati (tutte le funzioni restano).
   Caricata solo in anteprima admin (o quando 'pubblicare' è live).
   ============================================================ */
:root{
  --cs-brick:#B4552F; --cs-brick-h:#9A4526; --cs-tint:#F6E7E0; --cs-tint2:#FBF7F4;
  --cs-blue:#2E6E9E; --cs-ink:#26303A; --cs-ink2:#48535E; --cs-mut:#63707C; --cs-mut2:#8B98A4;
  --cs-bg:#F1F4F7; --cs-line:#E3E9EF; --cs-line2:#D6DEE6; --cs-line3:#EDF1F5;
  --cs-gold-bg:#FBF3DE; --cs-viola-bg:#F1ECF6;
}
body{ background:var(--cs-bg) !important; color:var(--cs-ink) !important;
  font-family:'Instrument Sans',system-ui,-apple-system,Segoe UI,Arial,sans-serif !important; font-size:15px !important; line-height:1.6 !important; }

/* ===== HEADER CS2026 (iniettato da pubblica-panel.js) ===== */
.csp-header{ background:#FFF; border-bottom:1px solid var(--cs-line); }
.csp-hd-in{ max-width:1180px; margin:0 auto; padding:16px 32px; display:flex; align-items:center; gap:30px; }
.csp-logo{ display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; }
.csp-logo-s{ width:44px; height:44px; border-radius:50%; background:var(--cs-brick); color:#FFF; display:flex; align-items:center; justify-content:center; font-family:'Newsreader',Georgia,serif; font-size:28px; font-style:italic; font-weight:500; padding-bottom:3px; }
.csp-logo-t{ display:flex; flex-direction:column; line-height:1; }
.csp-logo-t b{ font-family:'Newsreader',Georgia,serif; font-size:25px; font-weight:600; color:var(--cs-ink); }
.csp-logo-t i{ font-style:normal; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--cs-mut2); margin-top:4px; }
.csp-nav{ display:flex; align-items:center; gap:2px; margin-left:auto; }
.csp-nav a{ padding:10px 14px; color:var(--cs-ink); text-decoration:none; font-weight:500; font-size:15.5px; border-radius:8px; }
.csp-nav a:hover{ background:var(--cs-bg); color:var(--cs-brick); }
.csp-hd-r{ display:flex; align-items:center; gap:14px; }
.csp-search{ width:40px; height:40px; border-radius:50%; background:var(--cs-bg); display:flex; align-items:center; justify-content:center; text-decoration:none; }
.csp-pub{ background:var(--cs-brick); color:#FFF !important; text-decoration:none; font-weight:600; font-size:15px; padding:12px 22px; border-radius:100px; }
@media(max-width:900px){ .csp-nav{ display:none; } }

/* ===== titolo pagina ===== */
#cspPubTitle{ max-width:1180px; margin:0 auto; padding:34px 32px 10px; }
#cspPubTitle h1{ font-size:40px !important; margin:0 0 8px !important; }
#cspPubTitle p{ font-size:17px !important; max-width:640px; }

/* ===== layout 2 colonne (demo) ===== */
#cspWrap{ max-width:1180px; margin:0 auto; padding:6px 32px 60px; display:grid; grid-template-columns:1fr 320px; gap:36px; align-items:start; }
#cspWrap .cspub-left{ min-width:0; }
#cspWrap form[name="addForm"]{ max-width:none; margin:0; background:#FFF; border:1px solid var(--cs-line); border-radius:20px; padding:34px 38px; }
.cspub-side{ display:flex; flex-direction:column; gap:18px; position:sticky; top:18px; }
.cspub-w{ background:#FFF; border:1px solid var(--cs-line); border-radius:16px; padding:20px 22px; }
.cspub-w-eye{ font:700 12px/1 'Instrument Sans',sans-serif; letter-spacing:.10em; text-transform:uppercase; color:var(--cs-brick); margin-bottom:10px; }
.cspub-w p{ margin:0 0 12px; font-size:14.5px; color:var(--cs-ink2); line-height:1.55; }
.cspub-w a{ color:var(--cs-brick); font-weight:600; text-decoration:none; }
.cspub-w-dark{ background:#26303A; border:0; color:#EDF1F5; }
.cspub-w-dark h3{ font-family:'Newsreader',Georgia,serif; font-weight:500; font-size:20px; color:#FFF; margin:0 0 12px; }
.cspub-w-dark ul{ margin:0; padding-left:18px; }
.cspub-w-dark li{ font-size:14.5px; color:#C7D0D9; line-height:1.5; margin-bottom:8px; }
.cspub-w-tint{ background:var(--cs-tint2); border-color:var(--cs-danger-bd); }
.cspub-quota-banner{ max-width:1180px !important; margin:14px auto 0 !important; padding:16px 20px !important; }
.cspub-wc{ text-align:right; font-size:13px; color:var(--cs-mut); margin-top:6px; }
.cspub-adv-toggle{ color:var(--cs-brick) !important; font-weight:600; }
.cspub-modnote{ background:var(--cs-tint2); border:1px solid var(--cs-tint); border-radius:14px; padding:18px 22px; margin-top:16px; font-size:14.5px; line-height:1.6; color:var(--cs-ink2); }
.cspub-modnote, .cspub-modnote font, .cspub-modnote span, .cspub-modnote div, .cspub-modnote b, .cspub-modnote strong{ color:var(--cs-ink2) !important; }
.cspub-modnote a{ color:var(--cs-brick) !important; font-weight:600; }
.cspub-modnote b, .cspub-modnote strong{ color:var(--cs-ink) !important; }
@media(max-width:900px){ #cspWrap{ grid-template-columns:1fr; } .cspub-side{ position:static; } }

/* (vecchio contenitore centrato non piu' usato per il form) */
#cspPubTitleOld{ max-width:960px; margin:0 auto; padding:26px 4px 12px; }
#cspPubTitle .bc{ font-size:13.5px; color:var(--cs-mut); margin-bottom:12px; }
#cspPubTitle .bc a{ color:var(--cs-mut); text-decoration:none; }
#cspPubTitle .bc b{ color:var(--cs-brick); font-weight:600; }
#cspPubTitle .bc span{ color:#A9B4BE; margin:0 5px; }
#cspPubTitle h1{ font-family:'Newsreader',Georgia,serif; font-weight:600; font-size:30px; color:var(--cs-ink); margin:0 0 3px; background:transparent; }
#cspPubTitle p{ margin:0; font-size:14.5px; color:var(--cs-mut); }

/* ===== contenuto: centrato, niente sfondi Ocean ===== */
body > div[align="center"], body > table, body > table > tbody > tr > td{ background:transparent !important; background-image:none !important; }
form[name="addForm"]{ max-width:960px; margin:0 auto 28px; }
form[name="addForm"] > table, form[name="addForm"] table.bluborder, form[name="addForm"] table.redborder{ width:100% !important; background:transparent !important; border:0 !important; border-collapse:separate !important; border-spacing:0 !important; }
h1,h2,h3{ background:transparent !important; }

/* ===== via i fondi grigi delle celle legacy (niente "card dentro card") ===== */
#cspWrap form[name="addForm"] table,
#cspWrap form[name="addForm"] tbody,
#cspWrap form[name="addForm"] tr,
#cspWrap form[name="addForm"] td,
#cspWrap form[name="addForm"] .normal,
#cspWrap form[name="addForm"] td.bkgGoldLight,
#cspWrap form[name="addForm"] td.bkgViola,
#cspWrap form[name="addForm"] td.redborder,
#cspWrap form[name="addForm"] td.greenborder{ background:transparent !important; background-image:none !important; box-shadow:none !important; }
#cspWrap form[name="addForm"] > table{ border:0 !important; }
#cspWrap form[name="addForm"] > table > tbody > tr > td{ padding:5px 0 !important; }
/* testo rosso legacy (moderazione) -> colore tema */
#cspWrap form[name="addForm"] font[color="red"],
#cspWrap form[name="addForm"] font[color="Red"],
#cspWrap form[name="addForm"] font[color="#FF0000"],
#cspWrap form[name="addForm"] font[color="#ff0000"]{ color:var(--cs-ink2) !important; }

/* ===== fieldset -> card ===== */
form[name="addForm"] fieldset{ border:1px solid var(--cs-line) !important; border-radius:16px !important; padding:18px 22px !important; margin:0 0 16px !important; background:#FFF !important; }
form[name="addForm"] legend{ font:700 12px/1 'Instrument Sans',sans-serif !important; letter-spacing:.10em; text-transform:uppercase; color:var(--cs-brick) !important; padding:0 6px !important; }
form[name="addForm"] legend img{ display:none; } /* iconcine legend */
/* colori di sfondo speciali (speciale/concorso/esclusiva) -> tinte tenui */
td.bkgGoldLight fieldset{ background:var(--cs-gold-bg) !important; }
td.bkgViola fieldset{ background:var(--cs-viola-bg) !important; }
td.redborder fieldset{ background:var(--cs-tint2) !important; border-color:var(--cs-tint) !important; }
td.greenborder fieldset{ background:#EAF3EE !important; }

/* ===== campi ===== */
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],select,textarea{
  font-family:inherit !important; font-size:15px !important; color:var(--cs-ink) !important; background:#FFF !important;
  border:1px solid var(--cs-line2) !important; border-radius:12px !important; padding:11px 14px !important; box-sizing:border-box; outline:none; box-shadow:none !important; }
textarea{ line-height:1.65 !important; min-height:200px; width:100%; }
input:focus,select:focus,textarea:focus{ border-color:var(--cs-brick) !important; }
input[name="myTitle"]{ width:100%; max-width:520px; }

/* ===== bottoni pill (SOLO dentro il form/contenuto pubblica: NON toccare i bottoni dell'header CS2026) ===== */
#cspWrap input[type=submit],#cspWrap input[type=button],#cspWrap button,.csp-pub{ font-family:inherit !important; font-weight:600 !important; font-size:15px !important;
  background:var(--cs-brick) !important; color:#FFF !important; border:0 !important; border-radius:100px !important; padding:12px 26px !important; cursor:pointer; -webkit-appearance:none; appearance:none; box-shadow:none !important; }
#cspWrap input[type=submit]:hover,#cspWrap input[type=button]:hover,#cspWrap button:hover{ background:var(--cs-brick-h) !important; }
input[type=reset]{ background:#FFF !important; color:var(--cs-ink) !important; border:1px solid var(--cs-line2) !important; }

/* ===== barre-titolo Ocean -> eyebrow ===== */
.inspirationHeader,td.inspirationHeader,tr.inspirationHeader td,.formHeader,td.formHeader{
  background:transparent !important; background-image:none !important; color:var(--cs-brick) !important;
  font:700 12px/1 'Instrument Sans',sans-serif !important; letter-spacing:.10em; text-transform:uppercase;
  border:0 !important; border-bottom:1px solid var(--cs-line) !important; border-radius:0 !important; padding:12px 8px !important; }
.normal,.normalSmall{ color:var(--cs-ink2) !important; }
.smallText,.SmallText,.smalltext{ color:var(--cs-mut) !important; font-size:13px !important; }
a{ color:var(--cs-brick); } a:hover{ color:var(--cs-brick-h); }

/* ===== "Impostazioni avanzate" toggle (collassato di default) ===== */
#postMoreExpand{ width:16px; height:16px; vertical-align:-2px; }
form[name="addForm"] b, form[name="addForm"] strong{ color:var(--cs-ink); }

/* ===== nota "disponibilità poesie" (era .redBorder) ===== */
.redBorder{ background:var(--cs-tint2) !important; border:1px solid var(--cs-tint) !important; border-radius:12px !important; padding:12px 16px !important; margin:0 auto 14px !important; max-width:960px !important; color:var(--cs-ink2) !important; font-size:14px !important; }
.redBorder strong{ color:var(--cs-brick) !important; }

/* ===== toolbar formattazione (Carattere/Allineamento/Stile/Colore) ===== */
form[name="addForm"] fieldset table{ width:auto !important; }
form[name="addForm"] fieldset label{ display:inline-flex !important; align-items:center; gap:6px; margin:4px 20px 4px 0; font-size:14.5px; color:var(--cs-ink2); white-space:nowrap; }
form[name="addForm"] fieldset input[type=radio],form[name="addForm"] fieldset input[type=checkbox]{ width:auto !important; margin:0; flex:0 0 auto; }
/* font uniforme ovunque nel form (niente anteprima font legacy) */
#cspWrap form[name="addForm"] font,#cspWrap form[name="addForm"] font[face]{ font-family:'Instrument Sans',system-ui,sans-serif !important; font-size:14.5px !important; line-height:1.5 !important; }
/* CARATTERE: opzioni in riga */
.cspub-fontbox table,.cspub-fontbox tbody,.cspub-fontbox tr,.cspub-fontbox td{ display:inline !important; }
.cspub-fontbox td{ margin:0; }
/* COLORE: pallini invece di barre */
.cspub-colorbox table,.cspub-colorbox tbody,.cspub-colorbox tr,.cspub-colorbox td{ display:inline !important; }
.cspub-color{ display:inline-flex !important; align-items:center; gap:7px; margin:5px 16px 5px 0; }
.cspub-dot{ width:16px; height:16px; border-radius:50%; display:inline-block; border:1px solid rgba(0,0,0,.12); flex:0 0 auto; }
.cspub-cname{ color:var(--cs-ink2); font-size:14px; }
/* COPYRIGHT: colonna singola */
.cspub-copybox table,.cspub-copybox tbody,.cspub-copybox tr{ display:block !important; }
.cspub-copybox td{ display:block !important; width:100% !important; padding:12px 0 !important; border-top:1px solid var(--cs-line3); }
.cspub-copybox tr:first-child td:first-child, .cspub-copybox td:first-child{ border-top:0; }
.cspub-copybox td font[size]{ display:inline; }
.cspub-copybox img{ vertical-align:-3px; }

hr{ border:0 !important; border-top:1px solid var(--cs-line) !important; margin:16px 0 !important; }
ins.adsbygoogle,.adsbygoogle,iframe[id^="aswift"],iframe[id^="google_ads"]{ display:none !important; }
@media(min-width:1101px){ body{ padding-right:0 !important; } }

/* ===== Tipo di opera (Poesia/Racconto) ===== */
.cspub-typetoggle{ margin:0 0 22px; }
.cspub-tt-label{ font:700 12px/1 'Instrument Sans',sans-serif; letter-spacing:.04em; text-transform:uppercase; color:var(--cs-mut2); margin-bottom:10px; }
.cspub-tt-switch{ display:inline-flex; background:var(--cs-bg); border:1px solid var(--cs-line); border-radius:100px; padding:4px; gap:4px; }
.cspub-tt-btn{ border:0; background:transparent; color:var(--cs-mut); font-weight:600; font-size:14.5px; padding:9px 24px; border-radius:100px; text-decoration:none; }
.cspub-tt-btn.on{ background:var(--cs-brick); color:#FFF !important; }