@charset "UTF-8";
/* style.css */
.tab-content { display: none; }
    .tab-content.active { display: block; }
    .tab-link.active { 
        border-bottom: 2px solid #1e40af; 
        color: #1e40af; 
        background-color: #eff6ff;
    }

.ad-placeholder {
    background: #f3f4f6;
    border: 1px dashed #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    margin: 15px 0;
}

.sticky-ad {
    position: sticky;
    top: 0;
    z-index: 100;
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.premium-gradient {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
}

.table-responsive {
    overflow-x: auto;
}

.nav-tabs .active {
    border-bottom: 3px solid #facc15;
    color: #1e3a8a;
}

/* Nota: ho aggiunto questa classe che era presente nel tuo HTML 
   ma mancava nel tuo blocco CSS originale */
.vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

/* Nasconde tutti i contenuti delle tab di default */
    .tab-content {
        display: none;
    }
    /* Mostra solo quello con la classe active */
    .tab-content.active {
        display: block;
    }

    /* Stile opzionale per il bottone attivo (per farlo risaltare) */
    .tab-link.active {
        border-bottom: 2px solid #1e40af; /* Blu scuro */
        color: #1e40af;
        background-color: #f8fafc;
    }

        .ad-placeholder {
            background: #f3f4f6;
            border: 1px dashed #d1d5db;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9ca3af;
            margin: 15px 0;
        }
        .sticky-ad {
            position: sticky;
            top: 0;
            z-index: 100;
            background: white;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .dropdown:hover .dropdown-menu {
            display: block;
        }

        .premium-gradient {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
        }
    
    /* Nasconde tutti i contenuti delle tab di default */
    .tab-content {
        display: none;
    }
    /* Mostra solo quello che ha la classe active */
    .tab-content.active {
        display: block;
    }

    /* Stile per il bottone attivo (opzionale, per evidenziarlo) */
    .tab-link.active {
        color: #1e40af; /* Blue-700 */
        border-bottom: 2px solid #1e40af;
        background-color: rgba(243, 244, 246, 1);
    }