/* Conto alla rovescia nella pagina categoria (functions/promo-category.php, js/promo-countdown.js). Si carica solo nelle
   categorie che lo hanno acceso. Stessi colori della barra in alto e del popup: marrone scuro, crema e oro. */
body.ac-atelier #Content .ac-cd{
 --cd-bg:#2f2925; --cd-ink:#fbf8f3; --cd-muted:#d9cfc2; --cd-gold:#dcc09a; --cd-line:rgb(220 192 154 / 26%);
 position:relative; margin:clamp(20px,3vw,32px) 0 0; border-radius:28px; overflow:hidden; isolation:isolate;
 background:var(--cd-bg); color:var(--cd-ink); box-shadow:0 30px 60px -30px rgb(47 41 37 / 55%);
}
body.ac-atelier #Content .ac-cd[hidden]{ display:none!important; }
body.ac-atelier #Content .ac-cd::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 88% 70%, rgb(220 192 154 / 16%), transparent 52%), radial-gradient(circle at 8% 0%, rgb(245 230 225 / 8%), transparent 40%); }
/* Fascia che scorre, come nel popup. */
.ac-cd__ribbon{ display:flex; align-items:center; height:40px; overflow:hidden; color:var(--cd-gold); box-shadow:inset 0 -1px 0 var(--cd-line); }
.ac-cd__track{ display:flex; flex:none; align-items:center; white-space:nowrap; }
.ac-cd__ribbon span{ padding:0 18px; font:600 11px/1 'Open Sans',Arial,sans-serif; letter-spacing:.22em; text-transform:uppercase; }
.ac-cd__ribbon i{ font-size:11px; font-style:normal; opacity:.7; }
.ac-cd__inner{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px 56px; padding:clamp(28px,4vw,48px) clamp(24px,4.5vw,60px) clamp(30px,4vw,52px); }
body.ac-atelier #Content .ac-cd p.ac-cd__eyebrow{ display:flex; align-items:center; gap:10px; margin:0 0 14px; padding:0; font:600 11px/1.4 'Open Sans',Arial,sans-serif!important; letter-spacing:.16em!important; text-transform:uppercase; color:var(--cd-gold)!important; }
/* Dopo la fine resta solo il titolo: il testo parla di offerte in corso. */
.ac-cd[data-phase=after] .ac-cd__text{ display:none; }
body.ac-atelier #Content .ac-cd h2.ac-cd__title{ margin:0 0 14px; padding:0; font:400 clamp(30px,3.4vw,46px)/1.08 Georgia,'Times New Roman',serif!important; letter-spacing:-.02em; color:var(--cd-ink)!important; text-wrap:balance; }
body.ac-atelier #Content .ac-cd .ac-cd__text{ max-width:52ch; color:var(--cd-muted); font-size:16px; line-height:1.6; }
body.ac-atelier #Content .ac-cd .ac-cd__text p{ margin:0 0 8px; color:inherit; font:inherit; }
body.ac-atelier #Content .ac-cd .ac-cd__text p:last-child{ margin-bottom:0; }
body.ac-atelier #Content .ac-cd .ac-cd__text :is(strong,b){ color:var(--cd-ink); font-weight:600; }
/* Fasi: prima, durante, dopo. */
.ac-cd [data-for]{ display:none; }
.ac-cd[data-phase=before] [data-for~=before],.ac-cd[data-phase=during] [data-for~=during],.ac-cd[data-phase=after] [data-for~=after]{ display:inline; }
.ac-cd[data-phase=before] .ac-cd__clock[data-for~=before],.ac-cd[data-phase=during] .ac-cd__clock[data-for~=during]{ display:flex; }
.ac-cd__clock{ gap:10px; }
.ac-cd__unit{ display:flex; flex-direction:column; align-items:center; gap:9px; }
.ac-cd__unit b{ display:block; box-sizing:border-box; min-width:2.1ch; padding:16px 14px 14px; border-radius:18px; background:rgb(255 255 255 / 7%); box-shadow:inset 0 0 0 1px var(--cd-line); font:400 clamp(38px,4.2vw,58px)/1 Georgia,'Times New Roman',serif; font-variant-numeric:tabular-nums; text-align:center; color:var(--cd-ink); }
.ac-cd__unit i{ font:600 10px/1 'Open Sans',Arial,sans-serif; font-style:normal; letter-spacing:.14em; text-transform:uppercase; color:var(--cd-gold); }
/* Senza JavaScript restano le date scritte; con JavaScript passano al lettore di schermo. */
.ac-cd:not(.is-ready) .ac-cd__clock{ display:none!important; }
body.ac-atelier #Content .ac-cd .ac-cd__when{ grid-column:2; margin:0; color:var(--cd-muted); font-size:15px; }
.ac-cd.is-ready .ac-cd__when{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes ac-cd-ribbon { to { transform:translateX(-50%); } }
@keyframes ac-cd-tick { from { translate:0 -25%; opacity:.25; } to { translate:0 0; opacity:1; } }
@media (prefers-reduced-motion:no-preference) {.ac-cd__track{ animation:ac-cd-ribbon 30s linear infinite; }
.ac-cd__unit b.is-tick{ animation:ac-cd-tick .42s cubic-bezier(.2,.8,.2,1); }
}
@media (max-width:860px) {.ac-cd__inner{ grid-template-columns:1fr; gap:22px; }
body.ac-atelier #Content .ac-cd .ac-cd__when{ grid-column:1; }
.ac-cd__clock{ justify-content:space-between; gap:8px; }
.ac-cd__unit{ flex:1; }
.ac-cd__unit b{ width:100%; padding:13px 6px 11px; font-size:clamp(30px,9vw,42px); border-radius:14px; }
.ac-cd__ribbon{ height:34px; }
.ac-cd__ribbon span{ padding:0 14px; font-size:10px; }
}
@media (forced-colors:active) {body.ac-atelier #Content .ac-cd{ border:1px solid CanvasText; }
}