/* MODUŁ: SITE AMBIENT — globalny glow na stronie głównej (front-page.html)
 *
 * Poświaty od LEWEJ / PRAWEJ krawędzi viewportu (nie ze środka sekcji).
 * Brand: blue #60C8FF + pink #FD66A7 (+ orange). Subtelnie, bez animacji v1.
 */

.home main.wp-block-group {
    position: relative;
    isolation: isolate;
    background-color: #fff;
    overflow: visible;
}

.home main.wp-block-group > :not(.site-ambient) {
    position: relative;
    z-index: 1;
}

.home .dlaczego-my,
.home .opinie,
.home .jak-pracujemy,
.home .faq {
    background-color: transparent;
}

/* Marquee ma własny jasny pas — nie przezroczysty ambient. */

.home .portfolio-slider-section {
    background-color: transparent;
}

.site-ambient {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: visible;
}

.site-ambient__band {
    position: absolute;
    left: 50%;
    width: 100vw;
    max-width: none;
    transform: translateX(-50%);
    box-sizing: border-box;
}

.site-ambient__band--portfolio {
    background-color: var(--wp--preset--color--contrast-muted, #0C0C0C);
}

body.adcore-scheme-light .site-ambient__band--portfolio {
    background-color: var(--wp--preset--color--surface, #fff);
}

.site-ambient__blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    will-change: transform;
}

/* Lewy brzeg — środek bloba lekko poza ekranem, wash wchodzi do środka */
.site-ambient__blob--edge-left {
    left: 0;
    transform: translate(-42%, -50%);
}

.site-ambient__blob--edge-right {
    left: 100%;
    transform: translate(-58%, -50%);
}

/* A — most Oferta → Portfolio, LEWY bok (blue) */
.site-ambient__blob--a {
    width: min(48vw, 640px);
    height: min(70vw, 880px);
    background: radial-gradient(
        ellipse 70% 80% at 70% 50%,
        rgba(96, 200, 255, 0.45) 0%,
        rgba(96, 200, 255, 0.14) 40%,
        transparent 72%
    );
    filter: blur(72px);
    opacity: 0.72;
}

/* B — PRAWy bok Portfolio (pink) */
.site-ambient__blob--b {
    width: min(46vw, 620px);
    height: min(72vw, 900px);
    background: radial-gradient(
        ellipse 70% 80% at 30% 50%,
        rgba(253, 102, 167, 0.42) 0%,
        rgba(254, 153, 71, 0.12) 42%,
        transparent 72%
    );
    filter: blur(68px);
    opacity: 0.78;
}

/* C — LEWY bok Portfolio (blue → yellow) */
.site-ambient__blob--c {
    width: min(50vw, 680px);
    height: min(74vw, 940px);
    background: radial-gradient(
        ellipse 70% 80% at 70% 50%,
        rgba(96, 200, 255, 0.5) 0%,
        rgba(255, 224, 80, 0.14) 38%,
        transparent 72%
    );
    filter: blur(70px);
    opacity: 0.8;
}

/* D — PRAWy bok, styk Opinie ↔ Jak pracujemy (delikatny pink) */
.site-ambient__blob--d {
    width: min(44vw, 560px);
    height: min(52vw, 640px);
    background: radial-gradient(
        ellipse 70% 80% at 30% 50%,
        rgba(253, 102, 167, 0.18) 0%,
        rgba(253, 102, 167, 0.05) 48%,
        transparent 72%
    );
    filter: blur(80px);
    opacity: 0.5;
}

body.adcore-scheme-light .site-ambient__blob--a {
    opacity: 0.42;
    filter: blur(64px);
}

body.adcore-scheme-light .site-ambient__blob--b {
    opacity: 0.38;
    filter: blur(60px);
}

body.adcore-scheme-light .site-ambient__blob--c {
    opacity: 0.4;
    filter: blur(62px);
}

@media (max-width: 900px) {
    .site-ambient__blob--edge-left {
        transform: translate(-48%, -50%);
    }

    .site-ambient__blob--edge-right {
        transform: translate(-52%, -50%);
    }

    .site-ambient__blob--a,
    .site-ambient__blob--b,
    .site-ambient__blob--c {
        filter: blur(48px);
        opacity: 0.5;
        width: min(58vw, 420px);
    }

    .site-ambient__blob--d {
        filter: blur(52px);
        opacity: 0.35;
    }

    body.adcore-scheme-light .site-ambient__blob--a,
    body.adcore-scheme-light .site-ambient__blob--b,
    body.adcore-scheme-light .site-ambient__blob--c {
        opacity: 0.28;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-ambient__blob {
        will-change: auto;
    }
}