/* W-URP custom overrides */

/* === Brand color override ===
   Il tema usa #175CFF (rgb 23,92,255). Sostituiamo con il blu W-URP #164194 (rgb 22,65,148). */
:root {
    --bs-primary: #164194 !important;
    --bs-primary-rgb: 22, 65, 148 !important;
    --bs-link-color: #164194 !important;
    --bs-link-hover-color: #0f2e6a !important;
}

.btn-primary {
    background-color: #164194 !important;
    border-color: #164194 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #0f2e6a !important;
    border-color: #0f2e6a !important;
}

.btn-outline-primary {
    color: #164194 !important;
    border-color: #164194 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #164194 !important;
    border-color: #164194 !important;
    color: #fff !important;
}

.text-primary { color: #164194 !important; }
.bg-primary { background-color: #164194 !important; }
.border-primary { border-color: #164194 !important; }

.bg-primary-soft { background-color: rgba(22, 65, 148, 0.15) !important; }

/* Link generici e link con icona */
a { color: #164194; }
a:hover { color: #0f2e6a; }
.link-with-icon { color: #164194 !important; }
.link-with-icon:hover { color: #0f2e6a !important; }

/* Check list, icone di lista */
.text-primary,
.list-unstyled li i.text-primary {
    color: #164194 !important;
}

/* Badge / form focus */
.form-control:focus,
.form-select:focus {
    border-color: #164194 !important;
    box-shadow: 0 0 0 0.25rem rgba(22, 65, 148, 0.25) !important;
}
.form-check-input:checked {
    background-color: #164194 !important;
    border-color: #164194 !important;
}

/* Navbar link attivo / hover */
.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #164194 !important;
}

/* Dropdown link hover */
.dropdown-link:hover .drop-title {
    color: #164194 !important;
}

/* Badge gialli (es. "In arrivo"): testo in blu W-URP */
.badge.bg-warning {
    color: #164194 !important;
}


/* === Logo === */
/* Il logo originale del template è molto piccolo; il logo W-URP caricato è grande.
   Limitiamo l'altezza in modo che si comporti come l'originale. */
.navbar-brand img,
.offcanvas-header img,
.footer-section .footer-top img {
    max-height: 42px;
    width: auto;
}

/* Preloader: il logo W-URP è grande, riducilo per il loader */
.preloader-icon {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
}

/* === Icon box circolari === */
/* Forza forma circolare quando si usano Flaticon (i glifi non sono quadrati come
   Font Awesome, quindi d-inline-block ovalizza il container).
   Usiamo selettori più specifici + !important per superare le regole del main.css. */
.feature-card .icon-box.rounded-circle,
.icon-box.rounded-circle.bg-primary-soft,
.icon-box.rounded-circle.bg-success-soft,
.icon-box.rounded-circle.bg-danger-soft,
.icon-box.rounded-circle.bg-warning-soft,
.icon-box.rounded-circle.bg-dark-soft,
.icon-box.rounded-circle.bg-info-soft {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    flex-shrink: 0;
}

.feature-card .icon-box.rounded-circle i,
.icon-box.rounded-circle i {
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    font-size: 24px !important;
    display: block !important;
    background: transparent !important;
}
