/* =========================================
   BLOG – TŁO
   ========================================= */

body.blog,
body.single-post {
    background-color: #ffffff !important;
}


/* ==================================================
   LINIA NAD STOPKĄ — TYLKO BLOG I WPISY
   ================================================== */

/* Wyłącz oryginalny divider Blocksy */
body.blog #footer [data-columns-divider]::before,
body.blog #footer [data-columns-divider]::after,
body.single-post #footer [data-columns-divider]::before,
body.single-post #footer [data-columns-divider]::after {
    display: none !important;
}

/* Czarna linia na pełną szerokość */
body.blog #footer [data-row="middle"],
body.single-post #footer [data-row="middle"] {
    border-top: 3px solid #000 !important;
}


/* ==================================================
   SIMPLE BANNER — UKRYTY TYLKO NA BLOGU
   ================================================== */

body.blog .simple-banner,
body.single-post .simple-banner {
    display: none !important;
}


/* ==================================================
   CZARNA LINIA POD NAGŁÓWKIEM — TYLKO BLOG
   ================================================== */

body.blog .ct-header,
body.single-post .ct-header {
    border-bottom: 3px solid #000 !important;
}


/* ==================================================
   TYTUŁ POJEDYNCZEGO WPISU
   ================================================== */

body.single-post h1 {
    font-family: "Roboto Condensed Full", sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
   
}

@media (max-width: 768px) {
    body.single-post h1 {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }
}


/* ==================================================
   BLOG — USUŃ TŁO KART WPISÓW
   ================================================== */

body.blog .entry-card {
    background: transparent !important;
    box-shadow: none !important;
}


/* ==================================================
   BLOG — 2 KOLUMNY DESKTOP / 1 KOLUMNA MOBILE
   ================================================== */

body.blog .entries {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 40px !important;
}

@media (max-width: 768px) {
    body.blog .entries {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
}


/* ==================================================
   BLOG — TEKST RÓWNO Z OBRAZKIEM
   ================================================== */

body.blog .entry-card > .entry-meta,
body.blog .entry-card > .entry-title,
body.blog .entry-card > .entry-excerpt {
    margin-left: -30px !important;
    margin-right: -30px !important;
    width: calc(100% + 60px) !important;
    max-width: none !important;
}

/* ==================================================
   BLOG — TYTUŁY ZAJAWEK
   ================================================== */

body.blog .entry-card .entry-title {
    font-family: "Roboto Condensed Full", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    
}


/* ==================================================
   BLOG — ZAOKRĄGLENIE OBRAZKÓW W ZAJAWKACH
   ================================================== */

body.blog .entry-card .ct-media-container,
body.blog .entry-card .ct-media-container img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.blog .entry-card .entry-button {
    align-self: flex-end !important;
    margin-right: -30px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
}

/* ==================================================
   BLOG — ODSTĘP MIĘDZY WPISAMI
   ================================================== */

body.blog .entries {
    row-gap: 20px !important;
}

body.blog .entry-card {
    padding-bottom: 0 !important;
}

/* ==================================================
   BLOG — MNIEJSZY ODSTĘP POD HEADEREM
   ================================================== */

body.blog .ct-container[data-vertical-spacing="top:bottom"] {
    padding-top: 40px !important;
}

/* ==================================================
   BLOG — RÓWNA WYSOKOŚĆ TYTUŁÓW W GRIDZIE
   ================================================== */

body.blog .entry-card .entry-title {
    min-height: 48px !important;
}

/* ==================================================
   BLOG — POPRZEDNI / NASTĘPNY WPIS
   ================================================== */

body.single-post .dz-blog-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;

    margin-top: 60px;
    padding-top: 30px;

    border-top: 2px solid #000;
}

body.single-post .dz-blog-navigation a {
    color: #000;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.single-post .dz-blog-navigation-next {
    text-align: right;
}

body.single-post .dz-blog-navigation-label {
    font-size: 12px;
    font-weight: 700;
}

body.single-post .dz-blog-navigation-title {
    font-family: "Roboto Condensed Full", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 768px) {

    body.single-post .dz-blog-navigation {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    body.single-post .dz-blog-navigation-next {
        text-align: left;
    }
}

/* =========================================
   POPRZEDNI / NASTĘPNY WPIS
   ========================================= */

body.single-post .dz-blog-navigation {
    font-family: "Roboto Condensed Full", sans-serif !important;
}

/* MOBILE */
@media (max-width: 768px) {

    body.single-post .dz-blog-navigation {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        align-items: center !important;
    }

    body.single-post .dz-blog-navigation a {
        font-family: "Roboto Condensed Full", sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body.single-post .dz-blog-navigation-prev {
        text-align: left !important;
    }

    body.single-post .dz-blog-navigation-next {
        text-align: right !important;
    }
}