/* 
    Theme Name: Neve Child 
    Template: neve 
*/
/* --- INIZIO: Paginazione più grande da Smartphone --- */
@media screen and (max-width: 768px) {
    .dashboard-paginazione .page-numbers,
    .annunci-paginazione .page-numbers {
        font-size: 18px !important; /* Ingrandisce il testo dei numeri */
        padding: 10px 15px !important; /* Crea un'area di tocco più grande e comoda */
        margin: 3px !important;
        display: inline-block;
        background-color: #f5f5f5; /* Aggiunge un leggerissimo sfondo per farli risaltare (opzionale) */
        border: 1px solid #ddd;
        border-radius: 4px;
        text-decoration: none;
    }

    /* Stile per il numero della pagina in cui ci si trova attualmente */
    .dashboard-paginazione .page-numbers.current,
    .annunci-paginazione .page-numbers.current {
        background-color: #0073aa; /* Colore di risalto */
        color: #fff !important;
        border-color: #0073aa;
    }
}
/* --- FINE: Paginazione più grande da Smartphone --- */

/* --- INIZIO: Regola per centrare la griglia categorie (Blocco Gruppo) --- */
.griglia-categorie-centrata {
    max-width: 1200px !important;
    margin: 0 auto !important; 
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 15px;
}

/* Colpiamo direttamente il motore del blocco Gruppo e i suoi contenitori invisibili */
.griglia-categorie-centrata.wp-block-group,
.griglia-categorie-centrata .wp-block-group__inner-container,
.griglia-categorie-centrata.is-layout-flow,
.griglia-categorie-centrata.is-layout-constrained {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
}

/* Rimuoviamo i margini bloccanti che Gutenberg forza sulle singole foto */
.griglia-categorie-centrata figure,
.griglia-categorie-centrata .wp-block-image {
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* Ottimizzazione specifica e prioritaria per Smartphone */
@media screen and (max-width: 768px) {
    .griglia-categorie-centrata {
        padding: 0 10px !important; 
        overflow-x: hidden;
    }
}
/* --- FINE: Regola griglia categorie --- */