/****************************************************************************
   CUSTOM.CSS - DISTRUZIONE TOTALE DEL BLU ELETTRICO NATIVO BOOTSTRAP
****************************************************************************/

/* 1. Forza le variabili nella root principale */
:root {
    --bs-primary: #5B8CB4 !important;
    --bs-primary-rgb: 91, 140, 180 !important; /* Mappatura RGB per le trasparenze */
    --bs-link-color: #5B8CB4 !important;
    --bs-link-hover-color: #353B48 !important;
}

/* 2. Intercettazione violenta di tutte le classi di Utility del Blu Elettrico */

/* Testi e Link */
.text-primary, 
a.text-primary:hover, 
a.text-primary:focus {
    color: #5B8CB4 !important;
}

/* Sfondi ed elementi Badge/Icone */
.bg-primary {
    background-color: #5B8CB4 !important;
}

/* Bordi di qualsiasi tipo */
.border-primary {
    border-color: #5B8CB4 !important;
}

/* Pulsanti nativi (Stato normale, Hover, Active e Focus) */
.btn-primary {
    color: #ffffff !important;
    background-color: #5B8CB4 !important;
    border-color: #5B8CB4 !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.show > .btn-primary.dropdown-toggle {
    background-color: #353B48 !important;
    border-color: #353B48 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Pulsanti Outline */
.btn-outline-primary {
    color: #5B8CB4 !important;
    border-color: #5B8CB4 !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #5B8CB4 !important;
    color: #353B48 !important;
}

/* Componenti di Form / Input Focus (i bordi azzurrini quando clicchi nei campi) */
.form-control:focus {
    border-color: #5B8CB4 !important;
    box-shadow: 0 0 0 0.25rem rgba(91, 140, 180, 0.25) !important;
}

/* ==========================================================================
   SOVRASCRITTURE COMPONENTI STRUTTURALI DEL TEMPLATE
   ========================================================================== */

/* Navbar Voci di Menu */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #5B8CB4 !important;
}

/* Titoli e linee arancioni decorative */
.section-title {
    color: #5B8CB4 !important;
}
.section-title::after {
    background: #F59A46 !important;
}

/* Schede Servizio al passaggio del mouse */
.service-item:hover {
    background: #5B8CB4 !important;
}
.service-item:hover * {
    color: #353B48 !important;
}
.service-item .service-icon {
    background: #353B48 !important;
    color: #ffffff !important;
}
.service-item:hover .service-icon {
    background: #ffffff !important;
    color: #5B8CB4 !important;
}

/* Galleria Progetti Overlay */
.project-item .project-overlay {
    background: rgba(91, 140, 180, .88) !important;
}
.project-item .project-overlay .btn {
    color: #5B8CB4 !important;
    background: #ffffff !important;
}
.project-item .project-overlay .btn:hover {
    color: #ffffff !important;
    background: #353B48 !important;
}

/* Sezione Team */
.team-item .team-text .team-social .btn {
    background: #ffffff !important;
    color: #5B8CB4 !important;
}
.team-item .team-text .team-social .btn:hover {
    background: #353B48 !important;
    color: #ffffff !important;
}

/* Slider Recensioni (Testimonials) */
.testimonial-item {
    border-left: 5px solid #5B8CB4 !important;
}
.testimonial-carousel .owl-dot.active {
    background: #5B8CB4 !important;
}

/* Footer & Back to Top */
.footer .btn.btn-link:hover {
    color: #5B8CB4 !important;
}
.footer .copyright a:hover {
    color: #5B8CB4 !important;
}
.back-to-top {
    background-color: #5B8CB4 !important;
    border-color: #5B8CB4 !important;
    color: #353B48 !important;
}
.back-to-top:hover {
    background-color: #353B48 !important;
    border-color: #353B48 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   RIMOZIONE SOTTOLINEATURA LINK NEL FOOTER
   ========================================================================== */

/* Rimuove la sottolineatura nativa di Bootstrap 5 e gli effetti di testo */
.footer a,
.footer .btn-link,
.copyright a,
.footer-menu a {
    text-decoration: none !important;
}

/* Rimuove il bordo inferiore usato come finta sottolineatura (es. classe border-bottom su OsaComunicare) */
.footer a.border-bottom,
.copyright a.border-bottom {
    border-bottom: none !important;
}

/* Opzionale: mantiene i link puliti anche quando ci passi sopra con il mouse (hover) */
.footer a:hover,
.footer .btn-link:hover,
.copyright a:hover,
.footer-menu a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Posizionamento del Badge WhatsApp */
.whatsapp-badge {
    /* Proprietà Cruciali per il posizionamento fisso */
    position: fixed;   /* Fissa l'elemento rispetto alla finestra del browser */
    bottom: 120px;      /* Distanza dal fondo: 30 pixel */
    right: 35px;       /* Distanza da destra: 30 pixel */
    z-index: 9999;     /* Assicura che sia sempre sopra gli altri elementi */

    /* Stile Visivo */
    width: 60px;
    height: 60px;
    background-color: #25d366; /* Verde WhatsApp */
    color: white;
    border-radius: 50%; /* Icona circolare */
    display: flex;
    justify-content: center; /* Centra l'icona orizzontalmente */
    align-items: center;     /* Centra l'icona verticalmente */
    font-size: 30px;         /* Dimensione dell'icona */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombra per farlo risaltare */
    text-decoration: none; /* Rimuove la sottolineatura del link */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Effetto Hover (opzionale: ingrandimento e cambio colore) */
.whatsapp-badge:hover {
    background-color: #128c7e; /* Verde scuro */
    transform: scale(1.1);
}