/* ============================================================
   LIGHT MODE — html.light
   Override completo sezione per sezione
   ============================================================ */

/* ── Base token remap ── */
html.light {
  --ink:         #F2F4F7;
  --anthracite:  #FFFFFF;
  --surface:     #FFFFFF;
  --surface-2:   #F5F7FA;
  --surface-3:   #E8ECF0;
  --line:        rgba(0,0,0,.08);
  --line-strong: rgba(0,0,0,.16);
  --concrete:    #9CA3AF;
  --fog:         #4B5563;
  --fog-dim:     #6B7280;
  --white:       #0D1117;
  --orange-soft: rgba(255,106,26,.10);
}

html.light body { background: #FFFFFF; }

/* ── Header ── */
html.light .site-header {
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html.light .site-header.scrolled {
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 4px 20px rgba(0,0,0,.05);
}
html.light .nav a            { color: #4B5563; }
html.light .nav a:hover      { color: #0D1117; }
html.light .nav a.active     { color: var(--orange); }
html.light .header-area-riv  { color: #4B5563; border-color: rgba(0,0,0,.16); }
html.light .burger span      { background: #0D1117; }

/* ── Mobile menu ── */
html.light .mobile-menu {
  background: #FFFFFF;
  box-shadow: 0 8px 32px rgba(0,0,0,.14);
}
html.light .mobile-menu a             { color: #0D1117; border-bottom-color: rgba(0,0,0,.08); }
html.light .mobile-menu .mm-foot      { color: #6B7280; }

/* ── Hero: video invariato, fix testi e overlay ── */

/* Video identico al dark mode */
html.light #vDone { filter: brightness(1.3); }

/* Ripristina overlay scuro originale — var(--anthracite) in light mode
   diventava #FFFFFF causando un fade bianco in fondo alla hero */
html.light .hero-video::after {
  background:
    linear-gradient(180deg, rgba(14,15,17,.62) 0%, rgba(14,15,17,.30) 34%, rgba(14,15,17,.74) 74%, #16181B 100%),
    linear-gradient(90deg, rgba(14,15,17,.65) 0%, transparent 58%);
}

/* Testi bianchi (hero è scura) */
html.light .hero                    { color: #F3F5F6; }
html.light .hero .lead              { color: rgba(243,245,246,.85); }
html.light .hero .hero-tag span     { color: rgba(243,245,246,.60); }
html.light .hero h1 .stroke         { -webkit-text-stroke-color: #F3F5F6; }
html.light .hero-grid               { opacity: .06; }

/* Ghost CTA bianco su sfondo scuro */
html.light .hero .btn.ghost {
  --fg: rgba(243,245,246,.92);
  border-color: rgba(243,245,246,.42);
  color: rgba(243,245,246,.92);
}
html.light .hero .btn.ghost::before { background: rgba(243,245,246,.12); }
html.light .hero .btn.ghost:hover   { color: #0D1117; }

/* HUD: pannello scuro originale */
html.light .hero-hud                { background: rgba(14,15,17,.42); border-color: rgba(243,245,246,.10); }
html.light .hero-hud .h             { border-left-color: rgba(243,245,246,.10); }
html.light .hero-hud .h b           { color: #fff; }
html.light .hero-hud .h span        { color: rgba(243,245,246,.55); }

/* ── Hazard stripe: hardcoded per mantenere contrasto ── */
html.light .hazard {
  background: repeating-linear-gradient(135deg, var(--yellow) 0 22px, #2A2D31 22px 44px);
}
html.light .hazard.thin {
  background: repeating-linear-gradient(135deg, var(--yellow) 0 14px, #2A2D31 14px 28px);
}

/* ── Stats bar ── */
html.light .stats {
  background: #F2F4F7;
  border-color: rgba(0,0,0,.09);
}
html.light .stat           { border-left-color: rgba(0,0,0,.09); }
html.light .stat .n        { color: #0D1117; }
html.light .stat .l        { color: #6B7280; }

/* ── Chi siamo ── */
html.light .about { background: #FFFFFF; }
html.light .about-body p        { color: #4B5563; }
html.light .about-body p strong { color: #0D1117; }
html.light .about-figure .frame::after { box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
html.light .pillars {
  background: rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.09);
}
html.light .pillar            { background: #FFFFFF; }
html.light .pillar h4         { color: #0D1117; }
html.light .pillar p          { color: #4B5563; }

/* ── Servizi ── */
html.light .services { background: #F2F4F7; }
html.light .svc-grid {
  background: rgba(0,0,0,.07);
  border-color: rgba(0,0,0,.09);
}
html.light .svc {
  background: #FFFFFF;
}
html.light .svc:hover { background: #FAFBFD; }
html.light .svc .idx  { color: #9CA3AF; }
html.light .svc h3    { color: #0D1117; }
html.light .svc p,
html.light .svc p.svc-brief { color: #4B5563; }
html.light .svc .tags i {
  border-color: rgba(0,0,0,.12);
  color: #6B7280;
}
html.light .svc-full p {
  color: #4B5563;
  border-color: rgba(0,0,0,.10);
}
html.light .svc-full p.svc-strong {
  color: #6B7280;
  border-color: rgba(0,0,0,.08);
}
html.light .svc-toggle       { color: var(--orange); }
html.light .svc-toggle:hover { color: #0D1117; }
html.light .svc-photo-bg     { opacity: .04; }
html.light .svc-expand:hover .svc-photo-bg { opacity: .09; }

/* ── Progetti ── */
html.light .projects { background: #FFFFFF; }
html.light .filters button {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.14);
  color: #4B5563;
}
html.light .filters button:hover {
  border-color: var(--orange);
  color: #0D1117;
}
html.light .filters button.active {
  background: var(--orange);
  border-color: var(--orange);
  color: #FFFFFF;
}
html.light .card {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.09);
  box-shadow: 0 2px 16px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);
}
html.light .card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,.11), 0 2px 8px rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.12);
}

/* ── Process / Come lavoriamo ── */
html.light .process {
  background: #F2F4F7;
  border-color: rgba(0,0,0,.08);
}
html.light .proc-grid {
  background: rgba(0,0,0,.07);
  border-color: rgba(0,0,0,.09);
}
html.light .proc    { background: #FFFFFF; }
html.light .proc h4 { color: #0D1117; }
html.light .proc p  { color: #4B5563; }

/* ── Contatti ── */
html.light .contact { background: #FFFFFF; }
html.light .info-list {
  border-color: rgba(0,0,0,.09);
  background: rgba(0,0,0,.03);
}
html.light .info-row   { background: #FFFFFF; }
html.light .info-row .k { color: #9CA3AF; }
html.light .info-row .v { color: #0D1117; }

/* mappa stilizzata: rimane dark */
html.light .map {
  background: radial-gradient(120% 140% at 70% 20%, #22272d, #15171a);
  border-color: rgba(0,0,0,.10);
}
html.light .map .tag {
  background: rgba(14,15,17,.75);
  color: #9AA1A8;
  border-color: rgba(255,255,255,.10);
}

html.light .quote {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.10);
  box-shadow: 0 4px 24px rgba(0,0,0,.07);
}
html.light .quote h3 { color: #0D1117; }
html.light .quote .sub { color: #6B7280; }
html.light .field label { color: #4B5563; }
html.light .field input,
html.light .field select,
html.light .field textarea {
  background: #F8F9FB;
  color: #0D1117;
  border-color: rgba(0,0,0,.16);
}
html.light .field input::placeholder,
html.light .field textarea::placeholder { color: #9CA3AF; }
html.light .field input:focus,
html.light .field select:focus,
html.light .field textarea:focus {
  background: #FFFFFF;
  border-color: var(--orange);
}
html.light .consent { color: #6B7280; }

/* ── Blueprint grid ── */
html.light .grid-bg::before {
  background-image:
    linear-gradient(rgba(0,0,0,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.06) 1px, transparent 1px);
  opacity: .6;
}

/* ── Buttons ── */
html.light .btn.ghost { color: #0D1117; border-color: rgba(0,0,0,.20); }
html.light .btn.ghost:hover { color: #FFFFFF; }
html.light .btn.dark { --bg: #0D1117; }

/* ── Kicker ── */
html.light .kicker { color: var(--orange); }

/* ── Scroll cue ── */
html.light .scroll-cue { color: #9CA3AF; }

/* ── Lightbox ── */
html.light .lightbox      { background: rgba(0,0,0,.93); }
html.light .srv-lightbox  { background: rgba(0,0,0,.93); }

/* ── Pagine servizio sub: hero rimane dark ── */
html.light .srv-hero {
  background: #1C1F23;
  color: #F3F5F6;
}
html.light .srv-hero .srv-hero-lead   { color: rgba(243,245,246,.78); }
html.light .srv-hero .srv-breadcrumb a { color: rgba(243,245,246,.55); }
html.light .srv-hero .srv-breadcrumb span { color: rgba(243,245,246,.80); }
html.light .srv-tag {
  background: rgba(255,255,255,.10);
  color: rgba(243,245,246,.80);
  border-color: rgba(255,255,255,.14);
}

html.light .srv-index-hero {
  background: #1C1F23;
  color: #F3F5F6;
}
html.light .srv-index-hero .srv-index-lead  { color: rgba(243,245,246,.78); }
html.light .srv-index-hero .srv-breadcrumb a { color: rgba(243,245,246,.55); }

/* corpo pagina servizio */
html.light .srv-body .srv-content h2    { color: #0D1117; }
html.light .srv-body .srv-content p     { color: #4B5563; }
html.light .srv-perche-title            { color: #0D1117; }
html.light .srv-perche li div strong    { color: #0D1117; }
html.light .srv-perche li div span      { color: #4B5563; }
html.light .srv-perche li              { border-color: rgba(0,0,0,.10); background: #FFFFFF; }

html.light .srv-cta-box {
  background: #F2F4F7;
  border-color: rgba(0,0,0,.10);
}
html.light .srv-cta-box p { color: #0D1117; }

/* galleria sidebar */
html.light .srv-gallery-grid a {
  border-color: rgba(0,0,0,.09);
}
html.light .srv-gallery-grid img {
  filter: none;
}

/* attività accordion */
html.light .srv-activities { background: #F2F4F7; }
html.light .srv-act-item {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.09);
}
html.light .srv-act-btn     { color: #0D1117; }
html.light .srv-act-num     { color: var(--orange); }
html.light .srv-act-name    { color: #0D1117; }
html.light .srv-act-arrow   { color: var(--orange); }
html.light .srv-act-body p  { color: #4B5563; }

/* altri servizi */
html.light .srv-altri { background: #FFFFFF; }
html.light .srv-altri-link {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.12);
  color: #0D1117;
}
html.light .srv-altri-link span  { color: #9CA3AF; }
html.light .srv-altri-link:hover { border-color: var(--orange); color: var(--orange); }

/* back link + breadcrumb pagina servizio */
html.light .srv-back { color: #4B5563; }
html.light .srv-back:hover { color: var(--orange); }

/* CTA strip */
html.light .srv-index-cta-strip { background: #0D1117; color: #F3F5F6; }
html.light .srv-index-cta-strip p { color: rgba(243,245,246,.72); }

/* ── Floating social bar ── */
html.light .soc-float-link {
  background: rgba(255,255,255,.92);
  border-color: rgba(0,0,0,.12);
  color: #4B5563;
}
html.light .soc-float-link:hover {
  background: var(--orange);
  color: #FFFFFF;
  border-color: var(--orange);
}
html.light .soc-float-link.soc-wa {
  background: #25D366;
  color: #FFFFFF;
  border-color: #1EB85C;
}
html.light .soc-float-link.soc-wa:hover {
  background: #128C7E;
  border-color: #128C7E;
}

/* ── Footer scan-line ── */
html.light .site-footer::before { opacity: .45; }

/* ── Admin panel: invariato (sempre dark) ── */
html.light .adm-body,
html.light .adm-layout,
html.light .adm-sidebar,
html.light .adm-main,
html.light .adm-login-wrap {
  --ink:         #0E0F11;
  --anthracite:  #16181B;
  --surface:     #1C1F23;
  --surface-2:   #23272C;
  --surface-3:   #2B3036;
  --line:        rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.18);
  --fog:         #9AA1A8;
  --fog-dim:     #6E757C;
  --white:       #F3F5F6;
  --orange-soft: rgba(255,106,26,.14);
}