/* ===== custom.css - soapsrl =====
   Spostato dal campo Helix "Custom CSS" e da Custom Code (Before </head>, Before </body>)
   per evitare il blocco 403 del firewall Hostinger sul salvataggio delle opzioni template. */

/* --- Da: Custom CSS --- */
/* ═════════════════════════════════════════════════════════════════════
   SOAP SRL - DESIGN SYSTEM v3
   Modern B2B Industrial UI
   Sistema a 3 stati: Scoperta (viola) / Fiducia (verde outline) / Azione (verde pieno)
   Blu lubrorefrigeranti: identità di famiglia prodotto, fuori dal sistema a stati
   ═════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────
   DESIGN TOKENS
──────────────────────────── */
:root{
    --primary:#006040;
    --primary-hover:#0A7A55;
    --accent:#6666FF;
    --accent-soft:#EFEFFF;
    --accent-border:#D6D6FF;
    --lubro-blue:#0364bf;
    --lubro-blue-hover:#15396B;
    --lubro-blue-soft:#EAF0F9;
    --lubro-blue-border:#C7D7EC;
    --text:#1f1f1f;
    --text-soft:#555;
    --border:#E6E8EB;
    --border-hover:#D6DCE2;
    --bg:#ffffff;
    --bg-soft:#F7F8FA;
    --radius:10px;
    --shadow-sm:0 2px 8px rgba(0,0,0,.06);
    --shadow-md:0 10px 24px rgba(0,0,0,.10);
    --t:.25s ease;
}

/* ─────────────────────────────
   RESET SP PAGE BUILDER
──────────────────────────── */
*{
    box-sizing:border-box;
}
.sppb-section,
.sppb-row,
.sppb-column,
.sppb-addon-wrapper{
    margin:0;
    padding:0;
}

/* ─────────────────────────────
   TYPOGRAPHY
──────────────────────────── */
body{
    font-size:16px;
    line-height:1.7;
    color:var(--text);
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
p{
    margin-bottom:14px;
    color:var(--text-soft);
}
h1,h2,h3,h4,h5{
    color:var(--text);
    font-weight:600;
    line-height:1.25;
    letter-spacing:-0.02em;
}
h1{margin:0 0 20px;}
h2{margin:32px 0 14px;}
h3{margin:24px 0 12px;}
h4{margin:18px 0 10px;}
h5{margin:14px 0 8px;}

/* ─────────────────────────────
   MENU (HELIX) - invariato, come da indicazione
──────────────────────────── */
.sp-megamenu-parent > .sp-menu-item > a:not(.sppb-btn),
.sp-megamenu-parent > .sp-menu-item > .sp-menu-heading{
    position:relative;
    color:var(--primary) !important;
    opacity:.50;
    font-weight:500;
    border-bottom:4px solid transparent;
    transition:
        color var(--t),
        opacity var(--t),
        border-color var(--t),
        font-weight var(--t);
}
.sp-megamenu-parent > .sp-menu-item > a:not(.sppb-btn):hover,
.sp-megamenu-parent > .sp-menu-item:hover > .sp-menu-heading{
    color:var(--primary) !important;
    opacity:.85;
}
.sp-megamenu-parent > .current-item > a:not(.sppb-btn){
    color:var(--primary) !important;
    opacity:1;
    font-weight:700;
    border-bottom-color:var(--primary);
}

/* ─────────────────────────────
   MEGA DROPDOWN
──────────────────────────── */
.sp-dropdown.sp-dropdown-mega {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1200px, 94vw) !important;
  max-width: min(1200px, 94vw) !important;
  border: none !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.15) !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.sp-dropdown.sp-dropdown-mega,
.sp-dropdown-inner,
.sp-dropdown.sp-dropdown-mega *,
.sp-dropdown-inner * {
  outline: none !important;
}
.sp-dropdown-inner {
  border: none !important;
  box-shadow: none !important;
}

/* ─────────────────────────────
   MENU LINKS (NO BUTTONS)
──────────────────────────── */
.sp-megamenu-parent > li > a:not(.sppb-btn),
.sp-dropdown a:not(.sppb-btn){
    color:var(--primary) !important;
}
.sp-megamenu-parent > li > a:not(.sppb-btn):hover,
.sp-dropdown a:not(.sppb-btn):hover{
    color:var(--accent) !important;
}

/* ─────────────────────────────
   BUTTON SYSTEM - SOAP FLAT (invariato)
──────────────────────────── */
.sppb-btn,
.sppb-btn-custom,
a.sppb-btn,
a.sppb-btn-custom,
.sppb-addon-feature a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 22px;
    min-height:44px;
    background:var(--primary) !important;
    color:#ffffff !important;
    border:1px solid var(--primary) !important;
    border-radius:10px;
    font-size:15px;
    font-weight:600;
    letter-spacing:.2px;
    text-decoration:none;
    box-shadow:none !important;
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}
.sppb-btn:hover,
.sppb-btn-custom:hover,
a.sppb-btn:hover,
a.sppb-btn-custom:hover,
.sppb-addon-feature a:hover,
.sppb-btn-rounded:hover{
    background:#ffffff !important;
    color:var(--primary) !important;
    border-color:var(--primary) !important;
    box-shadow:none !important;
    transform:none !important;
    filter:none !important;
}
.sppb-btn:active,
.sppb-btn-custom:active{
    background:#ffffff !important;
    color:var(--primary) !important;
    box-shadow:none !important;
    transform:none !important;
}
.sppb-btn:focus,
.sppb-btn-custom:focus{
    outline:none;
    box-shadow:
        0 0 0 3px rgba(0,96,64,.15) !important;
}

/* ─────────────────────────────
   HELIX MENU FIX
──────────────────────────── */
#sp-menu .sppb-section,
#sp-menu .sppb-addon-container,
#sp-menu .sppb-column-addons{
    margin:0 !important;
    padding:0 !important;
}
#sp-menu a.sppb-btn,
#sp-menu a.sppb-btn-custom,
.sp-megamenu-wrapper a.sppb-btn,
.sp-megamenu-wrapper a.sppb-btn-custom{
    background:var(--primary) !important;
    color:#fff !important;
    border:none !important;
    border-radius:var(--radius) !important;
    padding:10px 20px !important;
}

/* ─────────────────────────────
   FEATURE CARDS (stile base, neutro)
──────────────────────────── */
.sppb-addon-feature{
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:32px;
    height:100%;
    transition:
        transform var(--t),
        box-shadow var(--t),
        border-color var(--t);
}
.sppb-addon-feature:hover{
    transform:translateY(-3px);
    border-color:var(--border-hover);
    box-shadow:var(--shadow-md);
}

/* ═════════════════════════════════════════════════════════════════════
   SISTEMA A 3 STATI - Scoperta / Fiducia / Azione
   ═════════════════════════════════════════════════════════════════════ */

.soap-card--discovery{
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
    transition:border-color var(--t), box-shadow var(--t), transform var(--t);
}
.soap-card--discovery:hover{
    border-color:var(--accent-border);
    box-shadow:0 8px 20px rgba(102,102,255,.12);
    transform:translateY(-2px);
}
.soap-card--discovery .soap-card__icon{
    color:var(--accent);
}
.soap-timeline-dot{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--accent);
    color:#fff;
    font-weight:700;
}
.soap-timeline-dot--inactive{
    background:var(--accent-soft);
    color:var(--accent);
}
.soap-link--discovery{
    color:var(--accent);
    font-weight:600;
    text-decoration:none;
}
.soap-link--discovery:hover{
    text-decoration:underline;
}

.soap-card--trust{
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
}
.soap-card--trust .soap-card__icon{
    color:var(--primary);
}
.soap-badge-cert{
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:24px;
    text-align:center;
    transition:border-color var(--t), box-shadow var(--t);
}
.soap-badge-cert:hover{
    border-color:var(--primary);
    box-shadow:var(--shadow-sm);
}
.soap-badge-cert img{
    max-height:80px;
    width:auto;
    margin:0 auto 12px;
}
.soap-badge-cert__label{
    color:var(--primary);
    font-weight:700;
    letter-spacing:.02em;
}

.soap-block--action{
    background:var(--primary);
    border-radius:var(--radius);
    padding:40px;
    color:#fff;
}
.soap-block--action h2,
.soap-block--action h3,
.soap-block--action p{
    color:#fff;
}
.soap-block--action .sppb-btn,
.soap-block--action .sppb-btn-custom{
    background:#fff !important;
    color:var(--primary) !important;
    border-color:#fff !important;
}
.soap-block--action .sppb-btn:hover,
.soap-block--action .sppb-btn-custom:hover{
    background:var(--primary-hover) !important;
    color:#fff !important;
    border-color:var(--primary-hover) !important;
}

/* ═════════════════════════════════════════════════════════════════════
   LUBROREFRIGERANTI - identità blu, fuori dal sistema a stati
   ═════════════════════════════════════════════════════════════════════ */
.soap-card--lubro{
    background:var(--lubro-blue-soft);
    border:1px solid var(--lubro-blue-border);
    border-radius:var(--radius);
    padding:28px;
}
.soap-card--lubro .soap-card__icon,
.soap-card--lubro h3,
.soap-card--lubro h4{
    color:var(--lubro-blue);
}
.soap-block--lubro-action{
    background:var(--lubro-blue);
    border-radius:var(--radius);
    padding:40px;
    color:#fff;
}
.soap-block--lubro-action .sppb-btn,
.soap-block--lubro-action .sppb-btn-custom{
    background:#fff !important;
    color:var(--lubro-blue) !important;
    border-color:#fff !important;
}

/* ─────────────────────────────
   DARK SECTIONS (generico, invariato)
──────────────────────────── */
.sppb-section-dark h1,
.sppb-section-dark h2,
.sppb-section-dark h3,
.sppb-section-dark h4,
.sppb-section-dark h5,
.sppb-section-dark p{
    color:#fff;
}

/* ─────────────────────────────
   IMMAGINI RESPONSIVE
──────────────────────────── */
img {
    max-width: 100%;
    height: auto !important;
    object-fit: unset !important;
    display: block;
}
.img-cover img {
    height: 100% !important;
    object-fit: cover !important;
}
.soap-azienda__identita-img img,
.soap-azienda__banner-img img,
.soap-zerisk__img,
.soap-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.soap-benefits__photos {
    height: auto !important;
}
.soap-benefits__photos img {
    height: auto !important;
    object-fit: unset !important;
    width: 100% !important;
}

/* ─────────────────────────────
   PRINT
──────────────────────────── */
@media print{
    #sp-header,
    #sp-menu,
    .offcanvas-init{
        display:none !important;
    }
    body{
        overflow:visible !important;
    }
}

/* Sezione 2 - Hover "Scoperta" per le 3 card sotto l'hero */
#sppb-addon-1778019401932 .sppb-addon-feature:hover,
#sppb-addon-1778019844005 .sppb-addon-feature:hover,
#sppb-addon-1778019840430 .sppb-addon-feature:hover{
    border-color: var(--accent-border);
    box-shadow: 0 8px 20px rgba(102,102,255,.12);
    transform: translateY(-2px);
}

/* Sezione 7 - Le 6 card "vantaggi" */
#column-id-UA_eHjVif5evWteuop1XF,
#column-id-vxZXLzp5z1fNmHKITAHXi,
#column-id-JhuUwgVsIqBq5neUGYveG,
#column-id-8eqVRye9eRhxttF-q8wTm,
#column-id-AvGmxnUv_KJkt7dB4F3Xg,
#column-id-HFd6Q3x3mgYtM6aAEt65t{
    border-color: #E6E8EB !important;
    padding: 10px 20px !important;
    transition: border-color .25s ease;
}
#column-id-UA_eHjVif5evWteuop1XF:hover,
#column-id-vxZXLzp5z1fNmHKITAHXi:hover,
#column-id-JhuUwgVsIqBq5neUGYveG:hover,
#column-id-8eqVRye9eRhxttF-q8wTm:hover,
#column-id-AvGmxnUv_KJkt7dB4F3Xg:hover,
#column-id-HFd6Q3x3mgYtM6aAEt65t:hover{
    border-color: #006040 !important;
}
#column-id-UA_eHjVif5evWteuop1XF h3,
#column-id-vxZXLzp5z1fNmHKITAHXi h3,
#column-id-JhuUwgVsIqBq5neUGYveG h3,
#column-id-8eqVRye9eRhxttF-q8wTm h3,
#column-id-AvGmxnUv_KJkt7dB4F3Xg h3,
#column-id-HFd6Q3x3mgYtM6aAEt65t h3{
    color: #1F1F1F !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
#column-id-UA_eHjVif5evWteuop1XF p,
#column-id-vxZXLzp5z1fNmHKITAHXi p,
#column-id-JhuUwgVsIqBq5neUGYveG p,
#column-id-8eqVRye9eRhxttF-q8wTm p,
#column-id-AvGmxnUv_KJkt7dB4F3Xg p,
#column-id-HFd6Q3x3mgYtM6aAEt65t p{
    color: #555555 !important;
}

/* Sezione 8 - "A chi ci rivolgiamo": heading uniformato */
#sppb-addon-1785931470279 h2{
    color: #1F1F1F !important;
}

/* Sezioni 4+5 - Timeline "Il Metodo SOAP" */
#sppb-addon-1782727919439 .soap-metodo{
    --m-step1: var(--primary) !important;
    --m-step1-soft: #E3F0EB !important;
    --m-step2: var(--accent) !important;
    --m-step2-soft: #ECECFF !important;
    --m-step3: var(--lubro-blue) !important;
    --m-step3-soft: var(--lubro-blue-soft) !important;
}
#sppb-addon-1782727919439 .soap-metodo__num{
    display:none !important;
}
#sppb-addon-1782727919439 .soap-metodo__icon{
    margin-top:-24px !important;
}

/* Sezione 6 - checklist: le 4 affermazioni uniformate al viola "TEST & SOLUZIONE" */
#sppb-addon-1782727919439 .soap-metodo__bar-ico--1,
#sppb-addon-1782727919439 .soap-metodo__bar-ico--2,
#sppb-addon-1782727919439 .soap-metodo__bar-ico--3,
#sppb-addon-1782727919439 .soap-metodo__bar-ico--4{
    background: #EFEFFF !important;
    color: #6666FF !important;
}
#sppb-addon-1782727919439 .soap-metodo__bar-item:nth-child(1) strong,
#sppb-addon-1782727919439 .soap-metodo__bar-item:nth-child(2) strong,
#sppb-addon-1782727919439 .soap-metodo__bar-item:nth-child(3) strong,
#sppb-addon-1782727919439 .soap-metodo__bar-item:nth-child(4) strong{
    color: #6666FF !important;
}

/* Pagina Consulenza & Supporto */
#sppb-addon-1782238267689 .soap-green-accent{
    color: #006040 !important;
}
#sppb-addon-1782238267689 .soap-cert__badge--safety,
#sppb-addon-1782238267689 .soap-cert__badge--env,
#sppb-addon-1782238267689 .soap-cert__badge--policy{
    border-color: #006040 !important;
}
#sppb-addon-1782238267689 .soap-hero__quote-mark{
    color: var(--primary-hover) !important;
}

/* ═════════════════════════════════════════════════════════
   PAGINA CERTIFICAZIONI + FIX GLOBALE SITE-WIDE
   ═════════════════════════════════════════════════════════ */
body{
  background-color:#F7F8FA !important;
}
#sppb-addon-1777840850949 p{
  color:#555555 !important;
  background-color:transparent !important;
}
.soap-cert{
  background-color:#004028 !important;
}

/* ═════════════════════════════════════════════════════════
   PAGINA "PERCHÉ SOAP" (il-nostro-valore-aggiunto)
   ═════════════════════════════════════════════════════════ */
.soap-icon-green,
.soap-icon-blue,
.soap-icon-violet{
  color:#006040 !important;
}
.soap-benefits strong{
  color:#1F1F1F !important;
}
.soap-value-map{
  color:#555555 !important;
}
.soap-steps h4,
.soap-feature-grid h4{
  color:#1F1F1F !important;
}
.fa-check-circle{
  color:#006040 !important;
}
h3.soap-steps-title, .soap-value-map h3{
  color:#1F1F1F !important;
}
.soap-steps article > strong{
  background:#6666FF !important;
}
.soap-cta{
  background-color:#006040 !important;
}
.soap-pill{
  border-left-color:#006040 !important;
}
.soap-pill-icon{
  border-color:#006040 !important;
  color:#006040 !important;
}
.soap-pill strong{
  color:#1F1F1F !important;
}
.soap-feature-grid li .fas{
  color:#006040 !important;
}

/* ═════════════════════════════════════════════════════════
   PAGINA "CONTATTI" (contatti)
   ═════════════════════════════════════════════════════════ */
#section-id-1777805975142{
  background-color:#EFEFFF !important;
}

/* ===========================================================
   MEGAMENU "SOLUZIONI" - lasciato invariato
   =========================================================== */
.soap-megamenu__eyebrow,
.soap-megamenu__label{
  color:#006040 !important;
}
.soap-megamenu__list a strong,
.soap-megamenu__feature strong{
  color:#1F1F1F !important;
}
.soap-megamenu__desc,
.soap-megamenu__list a small,
.soap-megamenu__feature p{
  color:#555555 !important;
}
.soap-megamenu__list a:hover{
  background:#F7F8FA !important;
}
.soap-megamenu__col:not(:first-child){
  border-left-color:#E6E8EB !important;
}
.soap-megamenu__divider{
  border-color:#E6E8EB !important;
}
.soap-megamenu__footer{
  background-color:#006040 !important;
}
.soap-megamenu__list a strong{
  color:#006040 !important;
}
.soap-megamenu__eyebrow{
  color:#6666FF !important;
}

body.ltr.offcanvs-position-right .offcanvas-menu { visibility: hidden; }
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { visibility: visible; }
@media (min-width: 992px) {
  #sp-footer2 { display: none !important; }
  #sp-footer1 { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
}

/* --- Da: Before </head> --- */
.sp-megamenu-parent .sp-has-child.js-force-open > .sp-dropdown {
  display: block !important;
}

/* --- Da: Before </body> --- */
/* Nasconde il modulo mobile SOLUZIONI finché la voce di menu non viene aperta */
.offcanvas-inner > .sp-module.d-lg-none { display: none; }
.offcanvas-inner > .sp-module.d-lg-none.spf-mobile-visible { display: block; }

/* Permette alla colonna "processo" di restringersi, attivando lo scroll orizzontale già presente sulla tabella */
.offcanvas-inner .sp-module.d-lg-none .spf-col.processo { min-width: 0; }

/* Indica che la voce SOLUZIONI nel menu mobile è interattiva */
.offcanvas-inner li.item-103 > .mod-menu__heading { cursor: pointer; }