/* 
 * ALPACA - Bootstrap Overrides
 * Questo file contiene le personalizzazioni di Bootstrap per il sito ALPACA
 */

/* Rimuovi outline e box-shadow da tutti i pulsanti e link */
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
.btn.focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.focus,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.focus,
.btn-close,
.btn-close:hover,
.btn-close:focus,
.btn-close:active,
button,
button:hover,
button:focus,
button:active,
a,
a:hover,
a:focus,
a:active,
.form-control,
.form-control:focus,
.form-select,
.form-select:focus,
*:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Personalizza l'aspetto dei pulsanti Bootstrap */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

/* Personalizza i modal di Bootstrap */
.modal-content {
    border-radius: var(--border-radius-md);
    border: none;
    box-shadow: var(--shadow-lg);
}

.modal-header {
    border-bottom: 1px solid var(--border-color);
    background-color: var(--bg-light);
    border-top-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md);
}

.modal-footer {
    border-top: 1px solid var(--border-color);
    background-color: var(--bg-light);
    border-bottom-left-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md);
}

/* Assicurati che i pulsanti nel modal abbiano lo stile corretto */
.modal-footer .btn {
    padding: 8px 16px;
    font-weight: 500;
}