/* ============================================================
   DARK MODE — Amministrare Oggi S.r.l.
   File completo e definitivo.
   Si attiva SOLO quando <html> ha classe .dark-mode
   ============================================================ */


/* ============================================================
   1. BASE — Sfondo e testi generali
   ============================================================ */
html.dark-mode body {
    background: #0a0e1a !important;
    color: #d0d0d0 !important;
}
html.dark-mode .page-wrapper,
html.dark-mode .body_wrapper {
    background: #0a0e1a !important;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
    color: #ffffff !important;
}

html.dark-mode p,
html.dark-mode li,
html.dark-mode span,
html.dark-mode .text {
    color: #c8c8c8;
}

html.dark-mode a {
    color: #ff4b52;
}
html.dark-mode a:hover {
    color: #ff7a80;
}


/* ============================================================
   2. TITOLI SEZIONE (Chi Siamo, I nostri servizi, ecc.)
   ============================================================ */
html.dark-mode .sec-title h2,
html.dark-mode .sec-title.centered h2,
html.dark-mode .chi-siamo-section .sec-title h2,
html.dark-mode .chi-siamo-section .sec-title.centered h2,
html.dark-mode .default-title h2 {
    color: #ffffff !important;
}
html.dark-mode .sec-title h2::before,
html.dark-mode .sec-title h2::after,
html.dark-mode .chi-siamo-section .sec-title h2::before,
html.dark-mode .chi-siamo-section .sec-title h2::after {
    background: #ed1c24 !important;
    border-color: #ed1c24 !important;
}


/* ============================================================
   3. HEADER — in cima: SCURO (uguale allo sfondo)
   ============================================================ */
html.dark-mode .main-header {
    background: rgba(10, 14, 26, 0.98) !important;
    border-bottom: 1px solid rgba(237, 28, 36, 0.20) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.45) !important;
}



/* Menu: testi bianchi su pastiglia scura */
html.dark-mode .navigation > li > a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html.dark-mode .navigation > li > a:hover,
html.dark-mode .navigation > li.current > a {
    background: #ed1c24 !important;
    border-color: #ed1c24 !important;
    color: #ffffff !important;
}

/* Blocco loghi ANACI/TÜV: scuro */
html.dark-mode .cert-logos-box {
    background: #1a1f2e !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-mode .header-top-one {
    background: #0a0e1a !important;
}
html.dark-mode .header-top-one a,
html.dark-mode .header-top-one li {
    color: #b0b0b0 !important;
}


/* ============================================================
   4. HEADER — quando SCROLLATO: diventa CHIARO (bianco)
   ============================================================ */
html.dark-mode .main-header.scrolled {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.35) !important;
}

/* Logo: torna nero */
html.dark-mode .main-header.scrolled .logo-box img {
    filter: none !important;
}

/* Menu: testi scuri su pastiglia chiara */
html.dark-mode .main-header.scrolled .navigation > li > a {
    color: #1a1a1a !important;
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}
html.dark-mode .main-header.scrolled .navigation > li > a:hover,
html.dark-mode .main-header.scrolled .navigation > li.current > a {
    background: #ed1c24 !important;
    border-color: #ed1c24 !important;
    color: #ffffff !important;
}

/* Blocco loghi: chiaro */
html.dark-mode .main-header.scrolled .cert-logos-box {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}


/* ============================================================
   5. PAGE TITLE
   ============================================================ */
html.dark-mode .page-title {
    background: #141821 !important;
}
html.dark-mode .page-title h1 {
    color: #ffffff !important;
}


/* ============================================================
   6. SEZIONI GENERALI
   ============================================================ */
html.dark-mode .default-section,
html.dark-mode .chi-siamo-section {
    background: #0a0e1a !important;
}
html.dark-mode .chi-col-text p {
    color: #b8b8b8 !important;
}


/* ============================================================
   7. SERVIZI
   ============================================================ */
html.dark-mode .default-service-block .inner-box {
    background: #141821 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .default-service-block h3 {
    color: #ffffff !important;
}
html.dark-mode .default-service-block .service-text {
    color: #b8b8b8 !important;
}
html.dark-mode .default-service-block .inner-box:hover {
    background: #1a1f2e !important;
    border-color: rgba(237, 28, 36, 0.4) !important;
    box-shadow: 0 16px 40px rgba(237, 28, 36, 0.25) !important;
}


/* ============================================================
   8. CONTATORI
   ============================================================ */
html.dark-mode .fun-facts-section.style-three {
    background: #141821 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
html.dark-mode .fun-facts-section.style-three .content-column h2 {
    color: #ffffff !important;
}
html.dark-mode .fun-facts-section.style-three .content-column .text {
    color: #b0b0b0 !important;
}
html.dark-mode .count-outer {
    color: #ffffff !important;
}
html.dark-mode .counter-title {
    color: #a0a0a0 !important;
}


/* ============================================================
   9. SLIDER
   ============================================================ */
html.dark-mode .main-slider {
    background: #0a0e1a !important;
}


/* ============================================================
   10. CALL TO ACTION
   ============================================================ */
html.dark-mode .call-to-action {
    background: #141821 !important;
    border-color: rgba(237, 28, 36, 0.3) !important;
}


/* ============================================================
   11. FORM PREVENTIVO
   ============================================================ */
html.dark-mode .form-section {
    background: #141821 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}
html.dark-mode .form-section .sec-title h2 {
    color: #ffffff !important;
}
html.dark-mode .form-section label {
    color: #e0e0e0 !important;
}
html.dark-mode .form-section .help-text {
    color: #888888 !important;
}
html.dark-mode .form-section input[type="text"],
html.dark-mode .form-section input[type="email"],
html.dark-mode .form-section input[type="tel"],
html.dark-mode .form-section input[type="number"],
html.dark-mode .form-section textarea {
    background: #1e2433 !important;
    color: #f0f0f0 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html.dark-mode .form-section input:focus,
html.dark-mode .form-section textarea:focus {
    background: #252c3d !important;
    border-color: #ed1c24 !important;
}
html.dark-mode .form-section ::placeholder {
    color: #888888 !important;
}


/* ============================================================
   12. FORM CONTATTI
   ============================================================ */
html.dark-mode .contact-form input[type="text"],
html.dark-mode .contact-form input[type="email"],
html.dark-mode .contact-form textarea,
html.dark-mode .default-form input[type="text"],
html.dark-mode .default-form input[type="email"],
html.dark-mode .default-form input[type="tel"],
html.dark-mode .default-form input[type="number"],
html.dark-mode .default-form textarea {
    background: #1e2433 !important;
    color: #f0f0f0 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html.dark-mode .default-form input:focus,
html.dark-mode .default-form textarea:focus {
    background: #252c3d !important;
    border-color: #ed1c24 !important;
}
html.dark-mode .default-form ::placeholder {
    color: #888888 !important;
}


/* ============================================================
   13. SEZIONE CONTATTI
   ============================================================ */
html.dark-mode .contact-section {
    background: #0a0e1a !important;
}
html.dark-mode .contact-intro-text {
    color: #c8c8c8 !important;
}
html.dark-mode .contact-section .contact-info-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html.dark-mode .contact-section .contact-info-row h2 {
    color: #ffffff !important;
}
html.dark-mode .contact-section .contact-address {
    color: #d0d0d0 !important;
}
html.dark-mode .contact-section .contact-info-list li {
    color: #d0d0d0 !important;
}
html.dark-mode .contact-section .contact-info-list li:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
html.dark-mode .contact-section .contact-info-list .value {
    color: #e0e0e0 !important;
}


/* ============================================================
   14. MAPPA
   ============================================================ */
html.dark-mode .map-area {
    background: #141821 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}


/* ============================================================
   15. CHECKBOX PRIVACY
   ============================================================ */
html.dark-mode .checkbox-wrapper .label {
    color: #e0e0e0 !important;
}
html.dark-mode .checkbox-wrapper .label svg {
    color: #aaaaaa !important;
}
html.dark-mode .checkbox-wrapper .check:checked + label svg {
    color: #ed1c24 !important;
}


/* ============================================================
   16. PAGINA PRIVACY
   ============================================================ */
html.dark-mode .privacy-section {
    background: #0a0e1a !important;
}
html.dark-mode .privacy-section .privacy-box {
    background: #141821 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}
html.dark-mode .privacy-section .privacy-box h2,
html.dark-mode .privacy-section .privacy-box h3 {
    color: #ffffff !important;
}
html.dark-mode .privacy-section .privacy-box p,
html.dark-mode .privacy-section .privacy-box ul li {
    color: #c8c8c8 !important;
}
html.dark-mode .privacy-section .privacy-box .small-note {
    color: #999999 !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html.dark-mode .privacy-section .privacy-box .last-update {
    background: rgba(237, 28, 36, 0.20) !important;
    color: #ff6b70 !important;
}


/* ============================================================
   17. FOOTER
   ============================================================ */
html.dark-mode .main-footer {
    background: #060911 !important;
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}
html.dark-mode .main-footer .footer-upper .column h3,
html.dark-mode .main-footer .footer-upper h3 {
    color: #ffffff !important;
}
html.dark-mode .main-footer .footer-upper a {
    color: #b0b0b0 !important;
}
html.dark-mode .main-footer .footer-upper a:hover {
    color: #ff4b52 !important;
}
html.dark-mode .footer-upper .about-widget p,
html.dark-mode .footer-upper .newsletter-widget p,
html.dark-mode .footer-upper .popular-posts p {
    color: #a0a0a0 !important;
}
html.dark-mode .contact-info li {
    color: #b0b0b0 !important;
}
html.dark-mode .footer-bottom {
    background: #03060b !important;
    color: #888888 !important;
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}


/* ============================================================
   18. SCROLL TO TOP
   ============================================================ */
html.dark-mode .scroll-to-top {
    background: #ed1c24 !important;
}


/* ============================================================
   19. PAGE LOADER
   ============================================================ */
html.dark-mode #page-loader {
    background: #0a0e1a !important;
}


/* ============================================================
   20. SWITCH — bordo adattato in dark mode
   ============================================================ */
html.dark-mode .switch {
    border-color: #ffffff;
}