/* 
 * AD TOGGLE - Nascondi temporaneamente le aree pubblicitarie
 * 
 * COME USARE:
 * 1. Includi questo file CSS in tutte le pagine del sito
 * 2. Per nascondere gli annunci: lascia .hide-ads attivo
 * 3. Per mostrare gli annunci: commenta o rimuovi la regola .hide-ads
 */

/* ============================================
   NASCONDI ANNUNCI - Attivo durante l'attesa
   ============================================ */

.hide-ads .ad-banner-top,
.hide-ads .ad-banner-bottom,
.hide-ads .ad-sidebar,
.hide-ads .ad-mobile,
.hide-ads .ad-space,
.hide-ads .adsbygoogle {
    display: none !important;
}

/* ============================================
   AGGIUSTAMENTI LAYOUT SENZA ANNUNCI
   ============================================ */

/* Su mobile, rimuovi il gap tra le sezioni quando gli annunci sono nascosti */
.hide-ads .tool-card {
    margin-bottom: 0;
}

/* Ottimizza lo spazio della sidebar quando gli annunci sono nascosti */
.hide-ads .main-layout {
    grid-template-columns: 1fr;
}

@media (min-width: 1200px) {
    .hide-ads .main-layout {
        grid-template-columns: 1fr;
        max-width: 900px;
        margin: 0 auto;
    }
}

/* ============================================
   QUANDO VUOI RIATTIVARE GLI ANNUNCI
   ============================================
   
   Semplicemente COMMENTA o RIMUOVI la classe .hide-ads 
   dal tag <body> in tutte le pagine HTML.
   
   Gli annunci torneranno automaticamente visibili!
   ============================================ */
