/*=============================================
=   Pagina dell'articolo: correzioni del sito =
==============================================*/

/*
   Questo foglio si carica per ultimo e contiene SOLO le correzioni alla pagina
   dell'articolo. style.css è il foglio del tema comprato: non va toccato, un suo
   aggiornamento riscriverebbe le modifiche.

   Per ora una cosa sola: i tasti di condivisione uguali sopra e sotto.

   ⚠ Se i tasti sopra l'articolo si vedono come quadrati colorati (Facebook blu,
   WhatsApp verde) invece che come icone grigie, questo foglio non è arrivato sul
   server o è rimasto nella cache del browser.
*/

/*---------------------------------------------
=   I tasti di condivisione                    =
---------------------------------------------*/

/*
   Erano due elenchi diversi: sopra quattro icone a riquadri colorati, sotto sei
   icone grigie con la scritta «Condividi:». Ora il markup è uno solo
   (articoli-dett.php, $tasti_condivisione) e lo stile pure.

   Il selettore nomina anche la forma del tema (.blog-details-bottom .post-share)
   perché quella è più specifica e altrimenti vincerebbe lei: così i valori
   stanno scritti in un posto solo e i due gruppi non possono più separarsi.
   Sono gli stessi numeri di style.css:5319 — non è un cambio di aspetto, è lo
   stesso aspetto reso condivisibile.
*/
.post-share,
.blog-details-bottom .post-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.post-share .title,
.blog-details-bottom .post-share .title {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
}

.post-share .list-wrap,
.blog-details-bottom .post-share .list-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.post-share .list-wrap li a,
.blog-details-bottom .post-share .list-wrap li a {
    font-size: 16px;
    color: var(--tg-icon-color);
}

.post-share .list-wrap li a:hover,
.post-share .list-wrap li a:focus,
.blog-details-bottom .post-share .list-wrap li a:hover {
    color: var(--tg-primary-color);
}

/* Sopra l'articolo la fila sta in fondo alla riga dell'autore e della data:
   .bd-content-inner è un flex con space-between (style.css:5112), quindi il
   meta va a sinistra e questa a destra. È la posizione che il tema aveva già
   previsto lì, e va bene: cambia il vestito delle icone, non dove stanno.
   Niente margini aggiuntivi, che in una riga allineata al centro sposterebbero
   la fila rispetto al meta. */
.post-share-top .post-share {
    margin-bottom: 0;
}

/* Tema scuro: le icone chiare, come già fa il tema per quelle in fondo
   (style.css:6500). */
[tg-theme=dark] .post-share .list-wrap li a {
    color: var(--tg-white);
}

[tg-theme=dark] .post-share .list-wrap li a:hover {
    color: var(--tg-primary-color);
}