/* === Palette base (verde Collodi) === */
:root{
  --wc-bg:#0b2f25;          /* sfondo scuro verde */
  --wc-text:#e6f0ed;        /* testo chiaro */
  --wc-muted:#9fc0b6;       /* testo attenuato */
  --wc-border:rgba(255,255,255,.16);
  --wc-bg-soft:rgba(255,255,255,.06);
}

/* === PRELOADER === */
#wcold-preloader{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:var(--wc-bg);
}
#wcold-preloader.auto-hide{ animation: wcold-vanish 6s both; } /* fallback anche senza JS */
@keyframes wcold-vanish{ 0%{opacity:1} 95%{opacity:1} 100%{opacity:0; visibility:hidden} }
#wcold-preloader.hidden{ opacity:0; visibility:hidden; transition:opacity .4s, visibility .4s; }
.wcold-spinner{
  width:46px; height:46px; border-radius:50%;
  border:3px solid rgba(255,255,255,.25);
  border-top-color:#1fbf91; animation:wcspin 1s linear infinite;
}
@keyframes wcspin{ to{ transform:rotate(360deg) } }

/* === Footer (coerente con tema) === */
.wcold-footer .foot-top{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--wc-border)}
.wcold-footer .foot-brand .logo{display:flex;align-items:center;gap:12px;color:var(--wc-text);text-decoration:none}
.wcold-footer .foot-brand .logo img{width:44px;height:44px;border-radius:50%}
.wcold-footer .foot-brand .name{font-weight:800;letter-spacing:.4px}
.wcold-footer .foot-brand .tagline{margin:.25rem 0 0;color:var(--wc-muted)}
.wcold-footer .foot-social{display:flex;gap:12px;align-items:center}
.wcold-footer .foot-social .icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--wc-border);border-radius:12px;background:var(--wc-bg-soft)}
.wcold-footer .foot-social .icon:hover{transform:translateY(-1px)}
.wcold-footer .foot-social svg{width:20px;height:20px;fill:var(--wc-text);opacity:.9}
.wcold-footer .widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:24px 0}
.wcold-footer .footbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--wc-border);color:var(--wc-muted)}
.wcold-footer .footbar .menu{display:flex;gap:14px;list-style:none;margin:0;padding:0}
@media (max-width:640px){ .wcold-footer .foot-top{flex-direction:column;align-items:flex-start} }

/* === Modal / Popup InfoPoint === */
.wcold-modal{ position:fixed; inset:0; display:none; z-index:10001; pointer-events:none; } /* sopra al preloader (9999) */
.wcold-modal.is-open{ display:block; pointer-events:auto; }
.wcold-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.5); backdrop-filter:blur(2px); z-index:0; }
.wcold-modal__dialog{ position:relative; z-index:1; max-width:560px; margin:10vh auto; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); border:1px solid var(--wc-border); border-radius:16px; padding:20px; }
.wcold-modal__close{ position:absolute; top:8px; right:8px; width:36px; height:36px; border-radius:10px; border:1px solid var(--wc-border); background:var(--wc-bg-soft); color:var(--wc-text); font-size:20px; cursor:pointer}
.wcold-modal__body h3{ margin-top:6px }

/* Bottoncino popup */
.wcold-btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:12px; border:1px solid var(--wc-border); text-decoration:none; color:var(--wc-text); background:var(--wc-bg-soft) }
.wcold-btn:hover{ transform:translateY(-1px) }