/* 2. SISTEMA LE IMMAGINI */
.post-thumbnail img, .entry-content img {
    max-width: 450px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    border-radius: 8px !important;
}

/* 3. STRINGE IL TESTO AL CENTRO */
.site-main > article, .site-content {
    max-width: 800px !important;
    margin: 0 auto !important;
}
/* --- STILE CALENDARIO ERBORISTERIA --- */

/* 1. Crea una base chiara ma trasparente per staccare dal verde */
.wp-block-calendar {
    background: rgba(255, 255, 255, 0.1) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 15px;
    padding: 25px !important;
    backdrop-filter: blur(5px); /* Effetto vetro satinato */
    max-width: 350px; /* Lo rende più compatto */
    margin: 20px auto !important; /* Lo centra nella pagina */
}

/* 2. Testo del mese e dei giorni della settimana */
.wp-block-calendar caption, 
.wp-block-calendar th {
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px !important;
}

/* 3. Numeri dei giorni normali */
.wp-block-calendar td {
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 8px !important;
    text-align: center;
}

/* 4. GIORNI CON ARTICOLI (Il tuo tocco magico) */
/* Crea un cerchietto color crema/oro per i giorni in cui hai scritto */
.wp-block-calendar td a {
    background-color: #f3e5ab !important; /* Colore crema/pergamena */
    color: #2d4c2d !important; /* Testo verde scuro per contrasto */
    font-weight: bold !important;
    padding: 5px 10px !important;
    border-radius: 50%;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* 5. Navigazione tra i mesi (il link "Nov", "Dic", ecc.) */
.wp-block-calendar nav {
    margin-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 10px;
}

.wp-block-calendar nav a {
    color: #f3e5ab !important; /* Giallo crema come i giorni attivi */
    font-size: 0.9em;
    text-decoration: none;
    font-weight: bold;
}

.wp-block-calendar nav a:hover {
    text-decoration: underline;
}
/* --- UNIFORMARE I COLORI DELLA PAGINA --- */

/* 1. Cambia il colore dei titoli degli articoli (da rosso a crema) */
.wp-block-latest-posts a {
    color: #f3e5ab !important;
    text-decoration: none;
    font-size: 22px !important;
    transition: 0.3s;
}

.wp-block-latest-posts a:hover {
    color: #ffffff !important; /* Diventa bianco quando ci passi sopra */
}

/* 2. Cambia il colore della data e dell'autore */
.wp-block-latest-posts__post-author, 
.wp-block-latest-posts__post-date {
    color: rgba(255, 255, 255, 0.7) !important;
    font-style: italic;
    font-size: 14px;
}

/* 3. Cambia il colore del testo dell'estratto (se presente) */
.wp-block-latest-posts__post-excerpt {
    color: #ffffff !important;
    line-height: 1.6;
    margin-top: 10px;
}

/* 4. Cambia il "Continua a leggere" o link rossi sparsi */
a {
    color: #f3e5ab !important;
}

/* 5. Sistema il titolo del mese sopra il calendario */
.wp-block-calendar caption {
    color: #f3e5ab !important;
    font-size: 1.2em;
    margin-bottom: 10px;
}
/* SFONDO VERDE BOSCO SU TUTTO IL SITO */
body, 
.site, 
#page, 
.site-content, 
article, 
.site-footer, 
.site-header {
    background-color: #2d3e33 !important; /* Il verde scuro dell'immagine */
}

/* COLORE DEL TESTO GENERALE */
body, p, li, span {
    color: #ffffff !important; /* Bianco per i testi lunghi */
}

/* TITOLI IN CREMA (come abbiamo fatto prima) */
h1, h2, h3, .entry-title a {
    color: #f3e5ab !important;
}

/* SMUSSARE I BORDI DI TUTTI I BOX (Effetto morbido) */
input, button, .wp-block-button__link, .wp-block-calendar {
    border-radius: 12px !important;
}
/* 2. Sistema i blocchi degli articoli e le colonne */
.wp-block-columns, .wp-block-column {
    margin-bottom: 30px !important;
    gap: 20px; /* Crea spazio tra le immagini affiancate */
}
/* --- SOLUZIONE DEFINITIVA SOVRAPPOSIZIONE --- */

/* 1. Forza ogni blocco immagine o colonna ad andare a capo da solo */
.wp-block-columns, 
.wp-block-column, 
.wp-block-image, 
.wp-block-gallery {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-bottom: 50px !important; /* Spazio generoso tra un blocco e l'altro */
}

/* 2. Centra le immagini ed evita che si allarghino troppo */
.wp-block-image img, 
.wp-block-column img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 450px !important; /* Mantieni la dimensione che ci piaceva */
    height: auto !important;
}

/* 3. Sistema i titoli che si incastrano */
.wp-block-column h2, 
.wp-block-column h3, 
.wp-block-column p {
    text-align: center !important;
    margin-top: 20px !important;
} {
    clear: both !important;
    display: block !important;
    margin-bottom: 40px !important;
}

/* Smussa e colora i pulsanti (Newsletter e Social) */
input[type="email"], 
input[type="submit"], 
button, 
.wp-block-button__link {
    background-color: #f3e5ab !important; /* Crema */
    color: #2d3e33 !important; /* Testo verde scuro */
    border-radius: 30px !important; /* Effetto molto smussato */
    border: none !important;
    padding: 10px 25px !important;
    font-weight: bold !important;
    cursor: pointer;
}

/* Rende i bordi dei campi di testo smussati */
input[type="text"], 
input[type="email"], 
textarea {
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    background: rgba(255,255,255,0.05) !important;
    color: white !important;
}

/* Toglie il blu dai link e li mette in crema */
a, .entry-title a, .wp-block-latest-posts__post-title {
    color: #f3e5ab !important;
    text-decoration: none;
}