/* ==========================================
   CUSTOM CSS - Sistema Gestione Contatti
   Tema: Blu #0066cc
   ========================================== */

:root {
    --primary-color: #0066cc;
    --primary-hover: #0052a3;
    --primary-light: #f0f7ff;
    --primary-shadow: rgba(0, 102, 204, 0.1);
    --text-muted: #6b7280;
    --white: #ffffff;
}

/* ==========================================
   BUTTONS
   ========================================== */

/* Primary Buttons */
.fi-btn-color-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.fi-btn-color-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

/* Outlined Buttons */
.fi-btn.fi-btn-outlined {
    background-color: var(--white) !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.fi-btn.fi-btn-outlined:hover {
    background-color: var(--primary-light) !important;
}

/* ==========================================
   BADGES & FILTERS
   ========================================== */
/* ==========================================
   BADGES & FILTERS
   ========================================== */

/* Badge filtri multipli - background */
.fi-ta-filters .fi-badge,
.fi-badge.fi-color-primary {
    background-color: var(--primary-color) !important;
}

/* Testo badge - MASSIMA SPECIFICITÀ per sovrascrivere Filament */
span.fi-badge.fi-color-primary.fi-text-color-900,
span.fi-badge.fi-color-primary.fi-text-color-900.dark\:fi-text-color-200,
.fi-ta-filters span.fi-badge.fi-text-color-900,
span.fi-color.fi-color-primary.fi-text-color-900.fi-badge {
    color: var(--white) !important;
}

/* Pulsante X nei badge - colore bianco */
.fi-badge-delete button,
.fi-ta-filters .fi-badge button,
.fi-badge.fi-color .fi-badge-delete-btn > .fi-icon,
.fi-badge button svg {
    color: var(--white) !important;
    opacity: 0.8;
}

.fi-ta-filters .fi-badge button:hover,
.fi-badge button:hover {
    opacity: 1;
}
.list-disc-special {
    list-style-type: disc;
    list-style-position: inside;
    list-style: disc!important;
    margin-left: 2rem;
}

/* Select focus */
.fi-input-wrapper:has(select:focus),
select.fi-select-input:focus {
    border-color: var(--primary-color) !important;
}

select.fi-select-input:focus {
    box-shadow: 0 0 0 3px var(--primary-shadow) !important;
}

/* Placeholder styling */
input::placeholder, 
select::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
    opacity: 1 !important;
}

/* Toggle switches */
.fi-toggle-input:checked {
    background-color: var(--primary-color) !important;
}
/* ==========================================
   FORM CUSTOMIZATION - Fulldata
   ========================================== */

.fulldata-form .fi-fo-field-wrapper label {
    font-weight: 600;
}

.fulldata-form .fi-input {
    border-radius: 10px;
}

/* Sezioni form più visibili */
.fi-fo-section {
    margin-bottom: 1.5rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.fi-fo-section-header {
    padding: 1rem 1.5rem;
    border-bottom: 2px solid var(--primary-light);
}

.fi-fo-section-header-heading {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary-color);
}

.fi-fo-section-description {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.fi-fo-section-content {
    padding: 1.5rem;
}

/* Migliora visibilità delle textarea */
.fi-input.fi-textarea {
    min-height: 80px;
}

/* Spacing tra i campi */
.fi-fo-field-wrapper {
    margin-bottom: 1rem;
}

/* ==========================================
   WIDGETS
   ========================================== */

/* Widget Istruzioni - forza larghezza completa e rimuove limiti */
.fi-wi-instructions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Riduce le dimensioni delle icone SVG nei widget */
.fi-section-header svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* Widget altezza automatica */
.fi-wi-instructions-widget {
    height: auto !important;
    max-height: none !important;
}

/* Migliora lo spacing nelle liste del widget */
.fi-section ul li,
.fi-section ol li {
    margin-bottom: 0.5rem;
}

/* Stile per i link nel widget */
.fi-section a {
    text-decoration: underline;
    transition: all 0.2s;
}

.fi-section a:hover {
    text-decoration: none;
}

/* ==========================================
   NAVIGATION & UI ELEMENTS
   ========================================== */

/* Indicatore selezione tabella */
.fi-ta-selected-indicator {
    background-color: var(--primary-color) !important;
}

/* Dropdown hover */
.fi-dropdown-list-item:hover {
    background-color: var(--primary-light) !important;
}

/* Tabs attive */
.fi-tabs-item.active {
    border-bottom-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* Forza larghezza completa */
.fi-wi-instructions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Riduce icone SVG */
.fi-section-header svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label{
    color: var(--text-muted) !important;
}

span.fi-color.fi-color-primary.fi-text-color-900.dark\:fi-text-color-200.fi-badge.fi-size-sm {
    color: red;
}
/*
.fi-text-color-600 {
    color: white!important;
}
*/

.fi-badge-label {
    color: white!important;
}