/* ===== PROTEZIONE CSS EASYAZIENDA ===== */
/* File: frontend/assets/css/core/variables.css - VERSIONE PROTETTA */

/* IMPORTANTE: Tutti i CSS EasyAzienda devono essere "scoped" */
/* per non interferire con il tema principale del sito */

/* ===== SCOPING BASE - SOLO SU PAGINE EASYAZIENDA ===== */

/* Applica stili SOLO alle pagine EasyAzienda */
/*body.easyazienda-page*/

:root{
    /* Qui vanno le variabili CSS che potrebbero influenzare il layout */
    --ea-primary-color: #03a9f4;
    --ea-primary-dark: #0288d1;
    --ea-primary-light: #29b6f6;
    --ea-primary-lighter: #4fc3f7;
    
    /* Colori secondari */
    --ea-secondary-color: #37474f;
    --ea-secondary-light: #546e7a;
    --ea-secondary-dark: #263238;
    
    /* Colori di stato */
    --ea-success-color: #4caf50;
    --ea-danger-color: #f44336;
    --ea-warning-color: #ff9800;
    --ea-info-color: #00bcd4;
    
    /* Grigi */
    --ea-gray-50: #fafafa;
    --ea-gray-100: #f5f5f5;
    --ea-gray-200: #eeeeee;
    --ea-gray-300: #e0e0e0;
    --ea-gray-400: #bdbdbd;
    --ea-gray-500: #9e9e9e;
    --ea-gray-600: #757575;
    --ea-gray-700: #616161;
    --ea-gray-800: #424242;
    --ea-gray-900: #212121;
    
    /* Layout specifico EasyAzienda */
    --ea-light-bg: #fafafa;
    --ea-white: #ffffff;
    --ea-border-color: #e0e0e0;
    --ea-text-color: #212121;
    --ea-text-muted: #757575;
    
    /* Dimensioni e spaziature */
    --ea-border-radius: 8px;
    --ea-border-radius-lg: 12px;
    --ea-box-shadow: 0 2px 8px rgba(3, 169, 244, 0.1);
    --ea-box-shadow-lg: 0 4px 16px rgba(3, 169, 244, 0.15);
    --ea-transition: all 0.3s ease;
    --ea-container-max-width: 1200px;
    --ea-container-padding: 40px;
    --ea-content-spacing: 20px;
    
    /* Sidebar */
    --ea-sidebar-width: 280px;
    --ea-sidebar-z-index: 999;
    --ea-overlay-z-index: 998;
    --ea-mobile-btn-z-index: 1001;
    --ea-popup-z-index: 9999;
    --ea-content-z-index: 1;
}

/* ===== PROTEZIONE RESET - SOLO CONTENITORI EASYAZIENDA ===== */

/* Reset SOLO per i contenitori EasyAzienda, non globale */
.ea-container,
.ea-clienti-container,
.ea-fornitori-container,
.ea-preventivi-container,
.ea-fatture-container,
.ea-lavori-container,
.ea-dettaglio-preventivo-container,
.ea-dashboard {
    /* Reset specifico solo per i nostri contenitori */
    box-sizing: border-box !important;
    margin: 0 auto var(--ea-content-spacing) auto !important;
    padding: var(--ea-container-padding) !important;
    background: var(--ea-white) !important;
    border-radius: var(--ea-border-radius-lg) !important;
    box-shadow: var(--ea-box-shadow) !important;
    position: relative !important;
    width: 100% !important;
    max-width: var(--ea-container-max-width) !important;
}

/* Reset per tutti gli elementi DENTRO i contenitori EasyAzienda */
.ea-container *,
.ea-clienti-container *,
.ea-fornitori-container *,
.ea-preventivi-container *,
.ea-fatture-container *,
.ea-lavori-container *,
.ea-dettaglio-preventivo-container *,
.ea-dashboard * {
    box-sizing: border-box;
    /* NON forzare font-family o altri stili che potrebbero essere ereditati dal tema */
}

/* ===== PROTEZIONE SIDEBAR - NON TOCCARE IL RESTO ===== */

/* La sidebar deve essere completamente isolata */
.ea-sidebar {
    /* Sidebar completamente indipendente dal resto del sito */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--ea-sidebar-width) !important;
    height: 100vh !important;
    z-index: var(--ea-sidebar-z-index) !important;
    
    /* Isolamento visivo */
    background: var(--ea-white) !important;
    border-right: 1px solid var(--ea-border-color) !important;
    box-shadow: var(--ea-box-shadow-lg) !important;
    
    /* Isolamento da altri CSS */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--ea-text-color) !important;
}

/* Overlay mobile che non interferisce */
.ea-sidebar-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: var(--ea-overlay-z-index) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* Bottone mobile isolato */
.ea-mobile-menu-btn {
    position: fixed !important;
    top: 20px !important;
    left: 20px !important;
    width: 3rem !important;
    height: 3rem !important;
    background: var(--ea-primary-color) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--ea-border-radius) !important;
    z-index: var(--ea-mobile-btn-z-index) !important;
    box-shadow: var(--ea-box-shadow-lg) !important;
    
    /* Isolamento tipografico */
    font-family: inherit !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    
    /* Solo visibile su mobile e solo su pagine EasyAzienda */
    display: none !important;
}

/* ===== PROTEZIONE LAYOUT - NON SPOSTARE CONTENUTO PRINCIPALE ===== */

/* Il contenuto principale NON deve mai essere spostato dalla sidebar */
body.ea-has-sidebar .ea-main-content,
body.ea-has-sidebar .site-content,
body.ea-has-sidebar .content-area,
body.ea-has-sidebar main {
    /* NON margin-left, NON width changes, NON transform */
    margin-left: 0 !important;
    width: 100% !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
}

/* Contenitori EasyAzienda sempre centrati, sidebar non influenza */
body.ea-has-sidebar .ea-container,
body.ea-has-sidebar .ea-clienti-container,
body.ea-has-sidebar .ea-fornitori-container,
body.ea-has-sidebar .ea-preventivi-container,
body.ea-has-sidebar .ea-fatture-container,
body.ea-has-sidebar .ea-lavori-container,
body.ea-has-sidebar .ea-dettaglio-preventivo-container,
body.ea-has-sidebar .ea-dashboard {
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    z-index: var(--ea-content-z-index) !important;
}

/* ===== PROTEZIONE POPUP - ISOLAMENTO COMPLETO ===== */

/* I popup EasyAzienda non devono interferire con il resto */
.ea-popup-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: var(--ea-popup-z-index) !important;
    
    /* Isolamento */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.ea-popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: var(--ea-white) !important;
    border-radius: var(--ea-border-radius-lg) !important;
    box-shadow: var(--ea-box-shadow-lg) !important;
    z-index: calc(var(--ea-popup-z-index) + 1) !important;
    
    /* Dimensioni responsive */
    width: 90vw !important;
    max-width: 600px !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
}

/* ===== PROTEZIONE RESPONSIVE - SOLO SU PAGINE EASYAZIENDA ===== */

/* Mobile: mostra bottone menu solo su pagine EasyAzienda */
@media (max-width: 1024px) {
    body.easyazienda-page .ea-mobile-menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Sidebar mobile su pagine EasyAzienda */
    body.easyazienda-page .ea-sidebar {
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease !important;
    }
    
    body.easyazienda-page .ea-sidebar.ea-mobile-open {
        transform: translateX(0) !important;
    }
    
    body.easyazienda-page .ea-sidebar-overlay.ea-active {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Desktop: nascondi bottone mobile */
@media (min-width: 1025px) {
    .ea-mobile-menu-btn {
        display: none !important;
    }
}

/* ===== PROTEZIONE STAMPA ===== */

@media print {
    /* Nascondi tutti gli elementi di navigazione EasyAzienda */
    .ea-sidebar,
    .ea-mobile-menu-btn,
    .ea-sidebar-overlay,
    .ea-popup-overlay,
    .ea-popup {
        display: none !important;
    }
    
    /* Ripristina layout normale per stampa */
    body.ea-has-sidebar .ea-main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* ===== ISOLAMENTO FONT E TIPOGRAFIA ===== */

/* Solo i contenitori EasyAzienda usano la nostra tipografia */
.ea-container,
.ea-clienti-container,
.ea-fornitori-container,
.ea-preventivi-container,
.ea-fatture-container,
.ea-lavori-container,
.ea-dettaglio-preventivo-container,
.ea-dashboard,
.ea-sidebar,
.ea-popup {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--ea-text-color) !important;
}

/* Headers EasyAzienda */
.ea-container h1,
.ea-container h2,
.ea-container h3,
.ea-container h4,
.ea-container h5,
.ea-container h6,
.ea-clienti-container h1,
.ea-clienti-container h2,
.ea-fornitori-container h1,
.ea-fornitori-container h2,
.ea-preventivi-container h1,
.ea-preventivi-container h2,
.ea-fatture-container h1,
.ea-fatture-container h2,
.ea-lavori-container h1,
.ea-lavori-container h2,
.ea-dashboard h1,
.ea-dashboard h2 {
    font-family: inherit !important;
    color: var(--ea-text-color) !important;
    margin: 0 0 1rem 0 !important;
    font-weight: 600 !important;
}

/* ===== COMPATIBILITÀ CON TEMI POPOLARI ===== */

/* Colibri WP */
body.easyazienda-page .h-navigation,
body.easyazienda-page .h-hero,
body.easyazienda-page .h-section {
    /* Non modificare i componenti del tema */
    position: relative !important;
    z-index: auto !important;
}

/* Astra */
body.easyazienda-page .ast-container,
body.easyazienda-page .site-header,
body.easyazienda-page .site-content {
    /* Non modificare i componenti Astra */
    margin-left: 0 !important;
    width: auto !important;
}

/* GeneratePress */
body.easyazienda-page .site-content,
body.easyazienda-page .inside-article {
    /* Non modificare i componenti GeneratePress */
    margin-left: 0 !important;
    width: auto !important;
}

/* OceanWP */
body.easyazienda-page #main,
body.easyazienda-page .content-area {
    /* Non modificare i componenti OceanWP */
    margin-left: 0 !important;
    width: auto !important;
}

/* ===== COMPORTAMENTO HERO - SOLO SU PAGINE EASYAZIENDA ===== */

/* Nascondi hero solo se impostato e solo su pagine EasyAzienda */
body.easyazienda-page.ea-hero-hidden .h-section.h-hero,
body.easyazienda-page.ea-hero-hidden .hero-section,
body.easyazienda-page.ea-hero-hidden [data-colibri-id*="hero"] {
    display: none !important;
}

/* ===== ACCESSIBILITÀ ===== */

@media (prefers-reduced-motion: reduce) {
    body.easyazienda-page .ea-sidebar,
    body.easyazienda-page .ea-sidebar-overlay,
    body.easyazienda-page .ea-popup {
        transition: none !important;
        animation: none !important;
    }
}

/* Focus visibile per accessibilità */
body.easyazienda-page .ea-sidebar a:focus,
body.easyazienda-page .ea-mobile-menu-btn:focus,
body.easyazienda-page .ea-popup button:focus {
    outline: 2px solid var(--ea-primary-color) !important;
    outline-offset: 2px !important;
}

/* ===== FALLBACK PER BROWSER MENO SUPPORTATI ===== */

/* CSS Grid fallback */
@supports not (display: grid) {
    body.easyazienda-page .ea-stats-grid,
    body.easyazienda-page .ea-actions-grid {
        display: flex !important;
        flex-wrap: wrap !important;
    }
}

/* CSS Custom Properties fallback */
@supports not (--css: variables) {
    body.easyazienda-page .ea-sidebar {
        width: 280px !important;
        background: #ffffff !important;
        border-right: 1px solid #e0e0e0 !important;
        z-index: 999 !important;
    }
    
    body.easyazienda-page .ea-container {
        background: #ffffff !important;
        border-radius: 12px !important;
        max-width: 1200px !important;
        padding: 40px !important;
    }
}

/* ===== ISOLAMENTO FINALE ===== */

/* Assicura che tutti gli stili EasyAzienda siano isolati */
body:not(.easyazienda-page) .ea-sidebar,
body:not(.easyazienda-page) .ea-mobile-menu-btn,
body:not(.easyazienda-page) .ea-sidebar-overlay {
    display: none !important;
}

/* Reset aggressivo per impedire eredità indesiderata */
.ea-container, .ea-container *,
.ea-sidebar, .ea-sidebar *,
.ea-popup, .ea-popup * {
    /* Impedisci eredità di stili dal tema */
    all: unset;
    /* Poi reimposta quello che serve */
    display: revert;
    box-sizing: border-box;
}