/* ======================================================
   GLOBALNE STYLE I RESETY
   ====================================================== */

/* Widoczny focus dla elementów (dostępność) */
:where(.wp-site-blocks *:focus) {
    outline: 2px solid;
}

/* Usunięcie domyślnych odstępów między blokami */
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
}

/* Kontener aktualności – ustawienie elementów obok siebie */
.aktualnosci {
    display: flex;
    align-items: flex-start;
}


/* ======================================================
   NAWIGACJA – LINKI I PRZYCISKI
   ====================================================== */

/* Styl linków w menu */
.wp-block-navigation-item,
.wp-block-navigation-link,
.wp-block-navigation a {
    background: #C4BCB4;
    border-radius: 3px;
    padding: 1px 14px;
    text-decoration: none;
}

/* Hover dla linków menu */
.wp-block-navigation-item:hover,
.wp-block-navigation-link:hover,
.wp-block-navigation a:hover {
    background: #b8afa6 !important;
}


/* ======================================================
   LINK "CZYTAJ WIĘCEJ"
   ====================================================== */

.wp-block-post-excerpt__more-link {
    background: #C4BCB4;
    border-radius: 3px;
    padding: 0 9px;
    text-decoration: none;
}

.wp-block-post-excerpt__more-link:hover {
    background: #b8afa6 !important;
}


/* ======================================================
   GALERIA – GRID 4 / 2 / 1
   ====================================================== */

/* Desktop – 4 kolumny */
.wp-block-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px;
}

/* Reset marginesów obrazków */
.wp-block-gallery .wp-block-image {
    width: 100% !important;
    margin: 0 !important;
}

/* Kwadratowe miniatury */
.wp-block-gallery .wp-block-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 5px;
    display: block;
}

/* Tablet – 2 kolumny */
@media (max-width: 900px) {
    .wp-block-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Telefon – 1 kolumna */
@media (max-width: 500px) {
    .wp-block-gallery {
        grid-template-columns: 1fr !important;
    }
}


/* ======================================================
   MGL (IKONY / ELEMENTY 4 W RZĘDZIE)
   ====================================================== */

.mgl-item {
    width: calc(100% / 4) !important;
    padding-bottom: calc(100% / 4) !important;
    margin: 4px;
}

.mgl-item .mgl-icon {
    padding: 0 !important;
    margin: 10px;
}


/* ======================================================
   BLOK POSTA – wp-container-core-group-is-layout-6c531013
   ====================================================== */

/* ===== RESPONSYWNOŚĆ (mobile ≤ 991px) ===== */

@media (max-width: 991px) {

    /* Ustawienie kolumnowe zamiast poziomego flexa */
    .wp-container-core-group-is-layout-6c531013 {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    /* Zapobieganie overflow */
    .wp-container-core-group-is-layout-6c531013 > * {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* ===== KWADRATOWE ZDJĘCIE ===== */

    .wp-container-core-group-is-layout-6c531013 
    .wp-block-post-featured-image {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        overflow: hidden;
    }

    .wp-container-core-group-is-layout-6c531013 
    .wp-block-post-featured-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block;
    }

    /* ===== TYPOGRAFIA ===== */

    /* Data */
    .wp-container-core-group-is-layout-6c531013 
    .wp-block-post-date {
        font-size: 16px !important;
    }

    /* Tytuł */
    .wp-container-core-group-is-layout-6c531013 
    h2.wp-block-post-title {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    /* Zajawka */
    .wp-container-core-group-is-layout-6c531013 
    .wp-block-post-excerpt,
    .wp-container-core-group-is-layout-6c531013 
    .wp-block-post-excerpt p {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }
}

/* Padding treści wewnątrz bloku */
.wp-container-core-group-is-layout-6c531013 
.wp-block-group.is-layout-flow {
    padding: 24px !important;
}


/* ======================================================
   ZARZĄD – GRID (wp-container-core-group-is-layout-fbdd932c)
   ====================================================== */

/* Domyślnie 1 kolumna */
.wp-container-core-group-is-layout-fbdd932c {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 30px;
}

/* Tablet – 2 kolumny */
@media (min-width: 600px) {
    .wp-container-core-group-is-layout-fbdd932c {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop – 4 kolumny */
@media (min-width: 1024px) {
    .wp-container-core-group-is-layout-fbdd932c {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Reset kolumn Gutenberga */
.wp-container-core-group-is-layout-fbdd932c 
.wp-block-columns {
    display: block !important;
}

/* Obrazki */
.wp-container-core-group-is-layout-fbdd932c 
.wp-block-image {
    margin: 0 !important;
    text-align: center;
}

.wp-container-core-group-is-layout-fbdd932c 
.wp-block-image img {
    width: 100%;
    max-width: 260px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Tekst pod zdjęciem */
.wp-container-core-group-is-layout-fbdd932c p {
    margin-top: 15px;
    text-align: center;
}

/* Większe podpisy */
.wp-container-core-group-is-layout-fbdd932c 
p.has-amarna-font-family {
    font-size: 20px !important;
    line-height: 1.6 !important;
}

.wp-container-core-group-is-layout-fbdd932c 
p.has-amarna-font-family strong {
    font-size: 22px !important;
}


/* ======================================================
   PRZYCISK MENU (RESPONSIVE)
   ====================================================== */

.wp-block-navigation__responsive-container-open {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #B8AFA6;
    padding: 10px 16px;
    border-radius: 4px;
    font-weight: 600;
}

/* Dodanie napisu MENU obok ikony */
.wp-block-navigation__responsive-container-open::after {
    content: "MENU";
    font-size: 20px;
    letter-spacing: 1px;
}

.wp-block-navigation__responsive-container-open:hover {
    opacity: 0.9;
}

/* Link w otwartym menu jako pełny przycisk */
.wp-block-navigation__responsive-container-content 
.wp-block-navigation-item__content {
    display: block !important;
    padding: 8px 14px !important;
}


/* ======================================================
   UKRYCIE SLIDERA NA TELEFONIE (#n2-ss-2)
   ====================================================== */

@media (max-width: 991px) {
    #n2-ss-2,
    #n2-ss-2-align,
    .n2-section-smartslider[data-ssid="2"] {
        display: none !important;
    }
}


/* ======================================================
   WIĘKSZY PADDING TREŚCI STRONY
   ====================================================== */

.entry-content.wp-block-post-content.has-background {
    padding: 40px !important;
}

/* Mobile – mniejszy padding */
@media (max-width: 768px) {
    .entry-content.wp-block-post-content.has-background {
        padding: 28px !important;
    }
}

/* ======================================================
   GUTENBERG – GALERIA W EDYCJI WPISU
   Kwadratowe miniatury obok siebie
   ====================================================== */

/* 4 kolumny desktop */
.editor-styles-wrapper .wp-block-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px;
}

/* Reset marginesów */
.editor-styles-wrapper .wp-block-gallery .wp-block-image {
    width: 100% !important;
    margin: 0 !important;
}

/* Kwadratowe zdjęcia */
.editor-styles-wrapper .wp-block-gallery .wp-block-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 5px;
    display: block;
}

/* Tablet – 2 kolumny */
@media (max-width: 900px) {
    .editor-styles-wrapper .wp-block-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Telefon – 1 kolumna */
@media (max-width: 500px) {
    .editor-styles-wrapper .wp-block-gallery {
        grid-template-columns: 1fr !important;
    }
}