/* ─── Global reset: Kadence theme dodaje margin-top: 1.5em do h1–h6 ────── */
/* .single-content h1…h6 { margin: 1.5em 0 .5em } — blokujemy górny margines */
.single-content .wp-block-kadence-advancedheading {
    margin-top: 0;
}

/* ─── Section: O nas — nakładające się zdjęcia ──────────────────────────── */

.ons-images-col > .kt-inside-inner-col {
    position: relative;
}

.ons-img-main {
    display: block;
    width: 85%;
    margin-left: auto;
}

.ons-img-main img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center;
}

.ons-img-small {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 50%;
    outline: 12px solid var(--global-palette8, #f8f7f5);
    z-index: 1;
}

.ons-img-small img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .ons-img-main {
        width: 100%;
        margin-left: 0;
    }
    .ons-img-small {
        display: none;
    }
}


/* ─── Utility: .atr-img — hook class dla kwadratowych zdjęć w sekcji Atrakcje ── */

.atr-img {
    display: block;
}


/* ─── Hero: gradient overlay ciemny od dołu ─────────────────────────────────
   Kadence renderuje overlay jako .kt-row-overlay z inline opacity.
   Nadpisujemy background + opacity żeby uzyskać gradient zamiast flat koloru.
   ──────────────────────────────────────────────────────────────────────────── */
.kb-row-layout-idhero-7a3f12 > .kt-row-layout-overlay {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.72) 0%,
        rgba(20, 38, 28, 0.50) 30%,
        rgba(20, 38, 28, 0.20) 58%,
        transparent 80%
    ) !important;
    opacity: 1 !important;
}