#mappa-container {
    margin-top: 25px;
    border: 1px solid #dee2e6;
    background-color: #fff;
}
#mappa-container svg {
    width: 100%;
    height: auto;
}

/* RIMOSSA la regola per #report-bar */

.cantina {
    fill: rgba(127, 140, 141, 0.5); 
    stroke: #2c3e50;
    stroke-width: 1;
    cursor: pointer;
    transition: fill 0.2s ease;
}

/* AGGIUNTA: Effetto di evidenziazione al passaggio del mouse */
.cantina:hover {
    fill: rgba(241, 196, 15, 0.7); 
}

/* RIMOSSA la classe .highlight, ora gestita da :hover */

.cantina.show-all {
    fill: rgba(255, 249, 196, 0.85); /* Sfondo chiaro per i nomi */
}

.owner-label {
    font-family: Arial, sans-serif;
    font-size: 6px;
    font-weight: bold;
    fill: #333333;
    stroke: none;
    text-anchor: middle;
    dominant-baseline: middle;
    pointer-events: none;
}

/* Aggiungi questo blocco al tuo file style.css */

#notification-area {
    position: fixed; /* Posizione fissa rispetto alla finestra */
    top: 20px;       /* Distanza dall'alto */
    left: 50%;       /* Spostato a metà della larghezza */
    transform: translateX(-50%); /* Centrato orizzontalmente */
    z-index: 2000;   /* Assicura che sia sopra ogni altro elemento (anche il modal) */
    width: 90%;      /* Larghezza massima */
    max-width: 600px; /* Larghezza massima su schermi grandi */
}

/* Aggiungi questo intero blocco alla fine del tuo file style.css */

@media print {

    /* Imposta il formato della pagina di stampa */
    @page {
        size: A3 landscape; /* Formato A3, orientamento orizzontale */
        margin: 1cm;
    }

    /* Nasconde tutti gli elementi che non vogliamo stampare */
    body > .container > h1,
    body > .container > button,
    body > .container > p,
    .modal {
        display: none !important;
    }

    /* Rimuove il padding del body per usare tutto lo spazio */
    body {
        padding-top: 0 !important;
    }

    /* Fa in modo che la mappa occupi tutto lo spazio stampabile */
    #mappa-container {
        margin: 0 !important;
        border: none !important;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    /* Forza la stampa dei colori di sfondo (che i browser spesso disattivano) */
    .cantina.show-all {
        fill: rgba(255, 249, 196, 1) !important; /* Giallo opaco per una stampa migliore */
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    /* Aumenta la dimensione del testo per renderlo leggibile su un foglio grande */
    .owner-label {
        font-size: 8pt !important; /* Usiamo i punti (pt) per la stampa */
        fill: #000000 !important;
    }
}