/* ===== Riquadro classico ===== */
.cnl-box{--cnl-accent:#0a3d91;background:var(--cnl-accent);color:#fff;border-radius:6px;padding:18px;margin:16px auto;box-sizing:border-box;max-width:1200px;font-family:inherit}
.cnl-auto-wrap{padding:0 16px}
.cnl-box *{box-sizing:border-box}
.cnl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.cnl-kicker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.cnl-box .cnl-title{color:#fff;margin:4px 0 2px;font-size:26px;line-height:1.15;font-weight:800}
.cnl-desc{margin:0;opacity:.85;font-size:15px}
.cnl-btn{display:inline-block;background:#fff;color:var(--cnl-accent)!important;font-weight:700;font-size:13px;letter-spacing:.05em;padding:10px 16px;border-radius:4px;text-decoration:none!important;white-space:nowrap}
.cnl-btn:hover{opacity:.9}
.widget .cnl-box{margin:0}
.widget .cnl-box .cnl-title{font-size:20px}

/* ===== Pallino live ===== */
.cnl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e10600;box-shadow:0 0 0 0 rgba(225,6,0,.7);animation:cnl-pulse 1.6s infinite;vertical-align:middle;flex:none}
@keyframes cnl-pulse{0%{box-shadow:0 0 0 0 rgba(225,6,0,.7)}70%{box-shadow:0 0 0 9px rgba(225,6,0,0)}100%{box-shadow:0 0 0 0 rgba(225,6,0,0)}}

/* ===== Lettore ===== */
.cnl-stage{position:relative;background:#000;border-radius:4px;overflow:hidden}
.cnl-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#111;color:#fff;padding:6px 8px;min-height:40px}
.cnl-stage-label{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}
.cnl-tabs{display:flex;gap:6px;flex-wrap:wrap}
.cnl-tab{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:3px;padding:6px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cnl-tab.is-active{background:#e10600}
.cnl-expand{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#111;border:0;border-radius:3px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none}
.cnl-expand:hover{background:#e10600;color:#fff}
.cnl-bar-btns{display:inline-flex;gap:6px;flex:none}
.cnl-audio{display:inline-flex;align-items:center;gap:6px;background:#e10600;color:#fff;border:0;border-radius:3px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.cnl-audio[aria-pressed="true"]{background:#fff;color:#111}
.cnl-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cnl-controls .cnl-expand{background:#111;color:#fff}
.cnl-controls .cnl-expand:hover{background:#e10600}
.cnl-controls .cnl-audio[aria-pressed="true"]{background:#111;color:#fff}
.cnl-ico{font-size:15px;line-height:1}
.cnl-player{display:none;position:relative;width:100%;aspect-ratio:16/9;background:#000}
.cnl-player.is-active{display:block}
.cnl-player iframe,.cnl-player video{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
@supports not (aspect-ratio:16/9){.cnl-player{height:0;padding-top:56.25%}}

/* ===== Grande schermo ===== */
.cnl-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:2147483645;opacity:0;pointer-events:none;transition:opacity .2s}
.cnl-backdrop.is-on{opacity:1;pointer-events:auto}
.cnl-stage.is-expanded{position:fixed;z-index:2147483646;top:50%;left:50%;transform:translate(-50%,-50%);width:min(94vw,calc((90vh - 40px) * 16 / 9));border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
html.cnl-noscroll,html.cnl-noscroll body{overflow:hidden}

/* ===== Prima notizia "In primo piano" ===== */
.cnl-lead .cnl-lead-kicker{display:inline-flex;align-items:center;gap:7px;color:#e10600!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cnl-lead .cnl-stage{margin:10px 0 12px}
/* stessa posizione dell'immagine di apertura nel tema CalNews */
.cn-editorial .opening .lead.cnl-lead > .cnl-stage,.cn-editorial .opening .lead.cnl-lead > .cnl-placeholder{grid-area:1/1/span 4;order:0;width:100%;margin:0;align-self:start}
.cn-editorial .opening .lead.cnl-lead > .cnl-stage.is-expanded{margin:0}
/* stesse misure della foto di apertura: nessuno spostamento del layout */
.cnl-lead > .cnl-stage:not(.is-expanded){aspect-ratio:16/9;border-radius:0}
.cnl-lead > .cnl-stage:not(.is-expanded) .cnl-stage-bar{display:none}
.cnl-lead > .cnl-stage:not(.is-expanded) .cnl-player{position:absolute;inset:0;aspect-ratio:auto;height:100%;padding-top:0}
.cnl-lead .cnl-live-time{color:#e10600;font-weight:700}
.cnl-lead .cnl-lead-link{font-weight:700;text-decoration:none}
.cnl-lead .byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

@media (max-width:600px){
	.cnl-box{padding:14px;border-radius:0}.cnl-auto-wrap{padding:0}.cnl-box .cnl-title{font-size:21px}.cnl-btn{width:100%;text-align:center}
	.cnl-stage.is-expanded{width:100vw;border-radius:0}
	.cnl-expand-txt{display:none}
}

/* fantasma invisibile della notizia di apertura: serve solo a misurarne l'altezza */
.cnl-ghost{position:absolute!important;left:0;top:0;visibility:hidden!important;pointer-events:none!important;z-index:-1}
.cnl-lead{box-sizing:border-box}
.cnl-shield{position:absolute;left:0;right:0;bottom:0;top:0;z-index:3;background:transparent}
.cnl-stage-bar{position:relative;z-index:4}
/* Prima notizia: video, poi occhiello e titolo, poi testo */
.cn-editorial .opening .lead.cnl-lead{overflow:hidden}
.cn-editorial .opening .lead.cnl-lead > .cnl-lead-kicker{order:1}
.cn-editorial .opening .lead.cnl-lead > h1{order:2}
.cn-editorial .opening .lead.cnl-lead > .cnl-stage,.cn-editorial .opening .lead.cnl-lead > .cnl-placeholder{order:0}
.cn-editorial .opening .lead.cnl-lead > .cnl-lead-desc{order:3;flex:1 1 auto;min-height:0;overflow:hidden}
.cn-editorial .opening .lead.cnl-lead > .byline{order:4}
