/* HOMEPAGE ADS — RESPONSIVE GRID V2 */

/* Wąski ekran: istniejące reklamy między postami */
body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-desktop {
    display: none !important;
}

body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-mobile {
    display: block;
    min-width: 0;
}

/* Szeroki desktop: dwie kolumny bez absolute */
@media (min-width: 1400px) {
    body.private-home-page:has(.homepage-ad-desktop) .private-workspace-main {
        display: grid;
        grid-template-columns:
            minmax(0, 1.3fr)
            minmax(0, 1fr);
        column-gap: clamp(24px, 5vw, 110px);
        align-items: start;
        position: relative;
        min-width: 0;
    }

    body.private-home-page:has(.homepage-ad-desktop)
    .private-workspace-main > .kh-desktop-center {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        width: 100%;
    }

    body.private-home-page:has(.homepage-ad-desktop)
    .private-workspace-main > .homepage-ad-desktop {
        display: grid !important;
        grid-column: 2;
        grid-row: 1;
        position: static;
        align-self: start;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: 18px;
        margin-left: 0;
        margin-right: 0;
        z-index: 2;
    }

    body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-mobile {
        display: none !important;
    }
    body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-desktop .homepage-ad-link {
        height: 100%;
    }
    body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-desktop .homepage-ad-link img {
        height: 100%;
        object-fit: contain;
    }

    body.private-home-page:has(.homepage-ad-desktop)
    .private-workspace-page-header {
        box-sizing: border-box;
    }
}

/* PRV DASHBOARD — HOUSE ANIMATION FROM HOME V1 */
/* KAYROMA house V2.2: city typography only; paid placements unaffected. */
body.private-home-page:has(.homepage-ad-desktop) .homepage-house-ad.house-v22{position:relative;display:block;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;height:100%;min-height:115px;padding:0;border:1px solid #554779;border-radius:12px;background:radial-gradient(ellipse at 68% 40%,#40345e 0%,#2b2345 52%,#1b1731 100%);color:#fff!important;box-shadow:0 8px 24px rgba(27,19,52,.18);text-decoration:none!important}
body.private-home-page:has(.homepage-ad-desktop) .house-v22::before,body.private-home-page:has(.homepage-ad-desktop) .house-v22::after{display:none!important}
body.private-home-page:has(.homepage-ad-desktop) .house-v22__stage{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}
body.private-home-page:has(.homepage-ad-desktop) .house-v22__city{position:absolute;left:var(--left);top:var(--top);z-index:0;white-space:nowrap;font-family:inherit;font-weight:800;font-size:clamp(23px,3.3vw,53px);line-height:1;letter-spacing:.065em;color:#c8b5ec;opacity:0;transform:translate(-50%,-50%) scale(.65);text-shadow:0 2px 20px rgba(167,140,225,.17);animation:house-v22-fly 75s linear infinite;animation-delay:calc(var(--i)*-2.5s)}
@keyframes house-v22-fly{0%{opacity:0;transform:translate(calc(-50% - var(--x) * .25),calc(-50% - var(--y) * .25)) scale(.65) rotate(0deg)}0.27%{opacity:.85}2.8%{opacity:.85}3.3333%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.45) rotate(var(--r))}3.3334%,100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.45) rotate(var(--r))}}
body.private-home-page:has(.homepage-ad-desktop) .house-v22__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(21,16,38,.93) 0%,rgba(25,19,44,.74) 27%,transparent 62%)}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-v2__brand{position:absolute;top:15px;left:18px;z-index:2;display:flex;align-items:center;gap:8px;max-width:45%;color:#fff;font-size:13px;font-weight:800}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-v2__brand img{height:27px;width:auto;max-width:130px;object-fit:contain}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-v2__brand-text{display:none}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-v2__copy{position:absolute;z-index:2;left:18px;bottom:18px;max-width:80%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-headline{display:block;color:#fff;font-size:clamp(17px,1.65vw,27px);font-weight:800;line-height:1.2;max-width:100%}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-v2__subline{font-size:clamp(10px,.9vw,13px);line-height:1.4;color:#ded2f5}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-cta{display:inline-flex;align-items:center;background:#6850b4;border:1px solid #8e77d5;border-radius:30px;padding:8px 13px;font-size:clamp(10px,.8vw,12px);font-weight:700;color:#fff}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-cta::after{content:'↗';margin-left:7px}
body.private-home-page:has(.homepage-ad-desktop) .house-v22:hover .house-cta{background:#8064d2}
body.private-home-page:has(.homepage-ad-desktop) .house-v22 .house-headline.house-reveal{animation:house-reveal .65s ease-out both}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-v2__brand{top:8px;left:12px}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-v2__brand img{height:17px}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-v2__copy{left:12px;bottom:8px;right:12px;max-width:none;gap:4px}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-headline{font-size:clamp(13px,1vw,17px)}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-v2__subline{display:none}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-cta{padding:4px 8px;font-size:10px}
body.private-home-page:has(.homepage-ad-desktop) .house-v22[data-house-rows="1"] .house-v22__city{font-size:clamp(19px,2.4vw,32px)}
@media(max-width:1399px){body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-mobile .homepage-house-ad.house-v22{min-height:245px;height:245px}body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-mobile .house-v22 .house-headline{font-size:clamp(18px,5vw,25px)}body.private-home-page:has(.homepage-ad-desktop) .homepage-ad-mobile .house-v22__city{font-size:clamp(26px,7vw,43px)}}
@media(prefers-reduced-motion:reduce){body.private-home-page:has(.homepage-ad-desktop) .house-v22__city{animation:none!important}body.private-home-page:has(.homepage-ad-desktop) .house-v22__city:first-child{opacity:.6;transform:translate(-50%,-50%) scale(1)}}


/* PRV — sponsored label aligned to the right */
@media (min-width: 1400px) {
    body.private-home-page:not(.public-dashboard-page)
    .private-workspace-main > .homepage-ad-desktop::before {
        content: "SPONSOROWANE";
        position: absolute;
        bottom: calc(100% + 8px);
        right: 0;
        display: block;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: .1em;
        color: #57448e;
        white-space: nowrap;
        pointer-events: none;
    }
}


/* PRV — paid ads same as HOME V1 */
@media (min-width: 1400px) {
    body.private-home-page:not(.public-dashboard-page)
    .homepage-ad-desktop > .homepage-ad-link {
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 12px;
        text-decoration: none;
    }

    body.private-home-page:not(.public-dashboard-page)
    .homepage-ad-desktop > .homepage-ad-link > img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        clip-path: inset(0 round 12px);
    }
}


/* PRV — align posts with filters V1 */
@media (min-width: 1400px) {
    body.private-home-page:not(.public-dashboard-page)
    .kh-desktop-center .kw-grid {
        margin-left: 0;
        margin-right: auto;
    }
}