/*
Theme Name:   Readline Child
Theme URI:    https://personallibrarian.it
Description:  Child theme del tema Readline per PersonalLibrarian.it
Author:       PersonalLibrarian
Author URI:   https://personallibrarian.it
Template:     readline
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  readline-child
Tags:         blog, custom-colors, custom-menu, featured-images

Questo file è il foglio di stile del child theme.
Aggiungi qui le personalizzazioni CSS che sovrascrivono il tema padre.
Il foglio di stile del tema padre viene caricato automaticamente da functions.php.
*/

/* =============================================================================
   PERSONALIZZAZIONI PERSONALLIBRARIAN.IT
   ============================================================================= */

/*
 * Suggerimento: usa il DevTools del browser (F12 > Inspector) per identificare
 * i selettori CSS del tema Readline che vuoi modificare, poi sovrascrivili qui.
 *
 * Esempi di sezioni comuni da personalizzare:
 *   - Colori brand
 *   - Tipografia
 *   - Header / footer
 *   - Card dei post
 *   - Sidebar
 */

/* --- Colori brand ---------------------------------------------------------- */
/*
:root {
    --pl-primary:   #your-color;
    --pl-secondary: #your-color;
}
*/

/* --- Tipografia ------------------------------------------------------------ */
/*
body {
    font-family: 'Your Font', serif;
    font-size: 17px;
    line-height: 1.7;
}
*/

/* --- Hero: immagine piccola (< 800px larghezza originale) ------------------ */
/*
 * Quando l'immagine originale è troppo piccola per riempire la hero full-width
 * senza pixelazione, il single.php del child aggiunge la classe .hero--small.
 * In questo caso mostriamo l'immagine centrata alle sue dimensioni reali
 * invece di stirarla con background-size: cover.
 */
.hero--small {
    background-size:    contain;
    background-repeat:  no-repeat;
    background-position: center center;
    background-color:   #f5f5f5; /* sfondo neutro dove l'immagine non arriva */
}

/* --- Featured image mancante (placeholder visivo sul front-end) ------------ */
.post-thumbnail-none {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #f5f5f5 url('img/placeholder.svg') center center no-repeat;
    background-size: 64px auto;
}