/* iDoktoren — draft-only full-bleed + seamless colour transitions (2026-10-10).
   Limited to the two newly added green homepage sections. */
body.home #idok-why-preview.idok-why-v3,
body.home #idok-booking-cta {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* "Derfor vælger kunderne" — preserve its hero-matched blue-green background. */
body.home #idok-why-preview.idok-why-v3 {
    padding-top: 73px !important;
    padding-bottom: 48px !important;
}
/* Only a 6px, low-opacity feather at the edges — no pale band. */
body.home #idok-why-preview.idok-why-v3::after {
    content: "" !important;
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to bottom, rgba(242,250,245,.55), transparent) top center / 100% 6px no-repeat,
        linear-gradient(to top, rgba(255,255,255,.55), transparent) bottom center / 100% 6px no-repeat;
    pointer-events: none;
    z-index: 1;
}
body.home #idok-why-preview .idok-why3-container {
    position: relative;
    z-index: 2;
}

/* Final booking CTA: green background now spans the viewport, not a rounded inset card. */
body.home #idok-booking-cta {
    padding: 72px 0 55px !important;
    background:
        radial-gradient(circle at 82% 18%, rgba(137,255,54,.15) 0 14%, transparent 14.5%),
        radial-gradient(circle at 84% 20%, rgba(137,255,54,.07) 0 24%, transparent 24.5%),
        linear-gradient(135deg,#0b343a 0%,#104c50 58%,#153f46 100%) !important;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
}
body.home #idok-booking-cta::before {
    content: "" !important;
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to bottom, rgba(255,255,255,.55), transparent) top center / 100% 6px no-repeat,
        linear-gradient(to top, rgba(255,255,255,.55), transparent) bottom center / 100% 6px no-repeat;
    pointer-events: none;
    z-index: 1;
}
body.home #idok-booking-cta .idok-booking-shell {
    max-width: 1190px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
body.home #idok-booking-cta .idok-booking-panel {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.home #idok-booking-cta .idok-booking-foot {
    color: #d8eae5 !important;
}
body.home #idok-booking-cta .idok-booking-photo {
    overflow: hidden;
    border-radius: 20px;
}

@media(max-width: 740px) {
    body.home #idok-why-preview.idok-why-v3 {
        padding: 53px 14px 44px !important;
    }
    body.home #idok-booking-cta {
        padding: 50px 0 44px !important;
    }
    body.home #idok-booking-cta .idok-booking-main {
        padding: 36px 23px 27px !important;
    }
    body.home #idok-booking-cta .idok-booking-photo {
        border-radius: 0 !important;
    }
    body.home #idok-booking-cta .idok-booking-foot {
        padding: 0 18px;
        margin-top: 20px !important;
    }
}
@media(max-width: 390px) {
    body.home #idok-why-preview.idok-why-v3 {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}