/* ============================================================
   FESTE — accenti di pagina
   Eredita tutto da assets/site.css. Qui il tocco festoso:
   ambra viva (--tint) per glow e dettagli, energia in più
   sulle icone delle occasioni. L'oro del brand resta invariato.
   ============================================================ */

/* Glow dell'hero più caldo e vivace */
body[data-world="feste"] .hero-glow{
  background:radial-gradient(circle,rgba(224,178,58,.24),transparent 62%);
}

/* Icone delle occasioni con leggero "pop" all'hover */
body[data-world="feste"] .feature:hover .feature-ico{
  background:rgba(224,178,58,.18);
  transform:translateY(-2px) rotate(-3deg);
}
body[data-world="feste"] .feature-ico{transition:transform var(--t),background var(--t)}

/* Divider con sfumatura ambra→oro */
body[data-world="feste"] .divider{
  background:linear-gradient(90deg,var(--tint),var(--oro),transparent);
}

/* Un accenno di calore dietro alle occasioni */
body[data-world="feste"] #occasioni{
  background:radial-gradient(680px 380px at 15% -10%,rgba(224,178,58,.09),transparent 60%);
}

/* Font accento festoso (solo feste) */
body[data-world="feste"]{ --font-script:'Caveat','Playfair Display',cursive; }

/* Corsivo festoso per parole-chiave brevi */
body[data-world="feste"] .script{
  font-family:var(--font-script);font-style:normal;font-weight:600;
  color:var(--tint);
  font-size:1.35em;line-height:1;
  padding:0 .05em;
}

/* ============================================================
   1 · FREGIO / SPARKLE — separatore tra sezioni
   ============================================================ */
body[data-world="feste"] .fest-sep{
  display:flex;align-items:center;justify-content:center;gap:22px;
  max-width:520px;margin:0 auto;
  padding:clamp(40px,7vw,72px) var(--cp);
}
body[data-world="feste"] .fest-line{
  flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,178,58,.55),var(--oro));
}
body[data-world="feste"] .fest-line:last-child{
  background:linear-gradient(90deg,var(--oro),rgba(224,178,58,.55),transparent);
}
body[data-world="feste"] .fest-mark{
  flex:0 0 auto;width:clamp(26px,4vw,34px);height:auto;
  color:var(--oro);
  filter:drop-shadow(0 2px 12px rgba(224,178,58,.35));
}

/* ============================================================
   3 · ICON-LIST — punti chiave con micro-icone a tema
   ============================================================ */
body[data-world="feste"] .icon-list{
  list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px;
}
body[data-world="feste"] .icon-list li{
  display:flex;align-items:flex-start;gap:14px;
  color:var(--ink);line-height:1.55;
}
body[data-world="feste"] .il-ico{
  flex:0 0 auto;width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(224,178,58,.12);
  border:1px solid rgba(196,153,26,.24);
  color:var(--oro);
  transition:var(--t-fast);
}
body[data-world="feste"] .icon-list li:hover .il-ico{
  background:rgba(224,178,58,.20);
  border-color:rgba(196,153,26,.45);
  transform:translateY(-2px);
}
body[data-world="feste"] .il-ico svg{width:21px;height:21px}

/* ============================================================
   5 · BADGE FESTOSO — calici, accento vicino alla CTA
   ============================================================ */
body[data-world="feste"] .fest-badge{
  width:78px;height:78px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:22px;
  background:
    radial-gradient(circle at 34% 30%,#E6BE55,#C4991A 66%,#9A7712 100%);
  box-shadow:
    inset 0 2px 6px rgba(255,255,255,.28),
    inset 0 -6px 14px rgba(0,0,0,.30),
    0 8px 22px rgba(196,153,26,.34);
  color:#3a2a06;
  position:relative;
}
body[data-world="feste"] .fest-badge::before{
  content:"";position:absolute;inset:7px;border-radius:50%;
  border:1px dashed rgba(58,42,6,.32);
}
body[data-world="feste"] .fest-badge svg{width:36px;height:36px}
@media (prefers-reduced-motion:reduce){
  body[data-world="feste"] .icon-list li:hover .il-ico{transform:none}
}
