/*
 Theme Name:   Twenty Sixteen Child
 Description:  Twenty Sixteen Child Theme with custom grid and category thumbnails
 Author:       Twoje Imię
 Template:     twentysixteen
 Version:      1.0.0
*/

@import url("../twentysixteen/style.css");

/* --- Wymuszenie układu Grid na stronie głównej --- */

.child-post-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Dwie równe kolumny */
    gap: 20px !important;                             /* Odstęp między kafelkami */
    width: 100% !important;
    clear: both !important;
}

/* Reset marginesów i szerokości Twenty Sixteen */
.child-post-grid article,
.site-main .child-post-grid article {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 15px !important;
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* Wygląd miniaturki kategorii */
.category-thumbnail {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 15px !important;
    border-radius: 4px !important;
}

/* Dopasowanie rozmiarów tekstu w kafelku */
.child-post-grid article .entry-title {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    margin: 10px 0 !important;
}

.child-post-grid article .entry-content {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Wersja mobilna (1 kolumna na telefonach) */
@media screen and (max-width: 768px) {
    .child-post-grid {
        grid-template-columns: 1fr !important;
    }
}
/* Ukrycie tytułu i opisu witryny pod logotypem */
.site-branding .site-title,
.site-branding .site-description {
    display: none !important;
}
/* Rezerwacja miejsca pod obrazy (zapobiega CLS) */
.category-thumbnail {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9; /* Rezerwuje stałe proporcje */
    object-fit: cover;
    display: block;
    background-color: #f0f0f0; /* Tło zastępcze przed załadowaniem obrazu */
}