/*
Benvenuto nella funzione di personalizzazione dei CSS!

Per scoprire come funziona, consulta http://wp.me/PEmnE-Bt
*/

blockquote {
	font-size: 1em;
	font-style: italic;
	text-align: left;
	color: #000000;
}

/* Better highlighting for the donation block UI | 4765211-zen mh */
.wp-block-jetpack-donations .donations__amount.is-selected, .wp-block-jetpack-donations div.donations__nav-item.is-active {
  background: #32373c;
  color: white;
}

img {
    max-width: 100%;
    height: auto;
}

.wp-block-image img {
    width: 100%;
    height: auto;
}

.entry-title {
  margin-bottom: 1em !important; /* adjust as needed */
}

/* Stile "Pillola Vibrant Blue" per Categorie e Tag in GeneratePress (Bold + Hover Invertito) */
.cat-links a,
.tags-links a {
    background-color: #0073D1; /* Blu vibrante dal pulsante 'Dona' */
    color: #FFFFFF !important; /* Testo bianco puro per il massimo contrasto */
    font-weight: 600;          /* Testo in grassetto per dare più corpo */
    padding: 4px 16px;         /* Padding laterale aumentato per far respirare il testo in grassetto */
    border-radius: 20px;       /* Bordi rotondi effetto pillola */
    text-decoration: none !important; /* Rimuove sottolineatura */
    font-size: 0.85em;         /* Testo leggermente più piccolo */
    display: inline-block;     /* Allineamento orizzontale */
    margin-right: 6px;         /* Distanza tra le pillole */
    margin-bottom: 6px;        /* Spazio se vanno a capo */
    transition: background-color 0.2s ease, color 0.2s ease; /* Transizione morbida */
}

/* Effetto quando si passa sopra col mouse (Hover) -> Colori Invertiti */
.cat-links a:hover,
.tags-links a:hover {
    background-color: #FFFFFF !important; /* Sfondo diventa bianco */
    color: #0073D1 !important;            /* Testo diventa blu */
    text-decoration: none !important;     /* Niente sottolineatura */
    box-shadow: 0 0 0 1px #0073D1;        /* Bordo sottile blu per stacco visivo */
}