/*
 * =========================================================
 * SPEEDACURE MODERN LAUNCH POPUP V4
 * Visual override only.
 * Existing once-per-session JS behaviour remains unchanged.
 * =========================================================
 */


/* ---------------------------------------------------------
   BACKDROP
   --------------------------------------------------------- */

.sc-launch-modal {
    position: fixed !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 24px !important;

    z-index: 2147483000 !important;

    background:
        rgba(9, 45, 32, .58) !important;

    -webkit-backdrop-filter:
        blur(8px) saturate(.85);

    backdrop-filter:
        blur(8px) saturate(.85);
}


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.sc-launch-card {
    position: relative !important;

    width:
        min(540px, calc(100vw - 36px)) !important;

    max-height:
        calc(100vh - 40px) !important;

    overflow:
        hidden auto !important;

    box-sizing:
        border-box !important;

    margin:
        0 !important;

    padding:
        36px 42px 34px !important;

    border:
        1px solid
        rgba(255,255,255,.78) !important;

    border-radius:
        30px !important;

    background:
        linear-gradient(
            155deg,
            #ffffff 0%,
            #fbfffd 55%,
            #f1fbf6 100%
        ) !important;

    box-shadow:
        0 28px 80px
        rgba(4, 37, 24, .32),
        0 5px 18px
        rgba(4, 37, 24, .12) !important;

    text-align:
        center !important;

    isolation:
        isolate !important;

    animation:
        scLaunchModernIn
        .34s
        cubic-bezier(.2,.85,.3,1)
        both !important;
}


/*
 * Soft decorative top-left shape.
 */

.sc-launch-card::before {
    content:
        "" !important;

    position:
        absolute !important;

    width:
        190px !important;

    height:
        190px !important;

    left:
        -92px !important;

    top:
        -105px !important;

    border-radius:
        50% !important;

    background:
        radial-gradient(
            circle at 65% 65%,
            rgba(33, 190, 127, .24),
            rgba(33, 190, 127, .08) 58%,
            transparent 60%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        -1 !important;
}


/*
 * Soft lower decorative shape.
 */

.sc-launch-card::after {
    content:
        "" !important;

    position:
        absolute !important;

    width:
        230px !important;

    height:
        230px !important;

    right:
        -135px !important;

    bottom:
        -145px !important;

    border-radius:
        50% !important;

    background:
        radial-gradient(
            circle,
            rgba(8, 157, 91, .20),
            rgba(8, 157, 91, .06) 60%,
            transparent 62%
        ) !important;

    pointer-events:
        none !important;

    z-index:
        -1 !important;
}


/* ---------------------------------------------------------
   CLOSE
   --------------------------------------------------------- */

.sc-launch-close {
    position:
        absolute !important;

    top:
        16px !important;

    right:
        16px !important;

    width:
        42px !important;

    height:
        42px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        #eef7f2 !important;

    color:
        #214c3b !important;

    font:
        500 27px/1
        Arial,
        sans-serif !important;

    cursor:
        pointer !important;

    transition:
        transform .18s ease,
        background .18s ease !important;
}


.sc-launch-close:hover {
    background:
        #e1f2e9 !important;

    transform:
        rotate(5deg)
        scale(1.04) !important;
}


/* ---------------------------------------------------------
   LOGO / ICON
   --------------------------------------------------------- */

.sc-launch-icon {
    width:
        94px !important;

    height:
        58px !important;

    display:
        block !important;

    margin:
        1px auto 4px !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background-color:
        transparent !important;

    background-image:
        url('/assets/images/speedacure-logo-v7.png') !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    box-shadow:
        none !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    overflow:
        hidden !important;
}


/* ---------------------------------------------------------
   BRAND
   --------------------------------------------------------- */

.sc-launch-brand {
    margin:
        4px 0 13px !important;

    color:
        #078b45 !important;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .20em !important;

    text-transform:
        none !important;
}


/* ---------------------------------------------------------
   HEADING
   --------------------------------------------------------- */

.sc-launch-title {
    max-width:
        430px !important;

    margin:
        0 auto 13px !important;

    color:
        #153c2d !important;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        clamp(
            30px,
            4vw,
            40px
        ) !important;

    font-weight:
        900 !important;

    line-height:
        1.03 !important;

    letter-spacing:
        -.035em !important;
}


/*
 * Give second line the SpeedaCure green feel
 * without changing popup HTML.
 */

.sc-launch-title br {
    display:
        block !important;
}


/* ---------------------------------------------------------
   BODY COPY
   --------------------------------------------------------- */

.sc-launch-copy {
    max-width:
        450px !important;

    margin:
        0 auto 20px !important;

    color:
        #61766c !important;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        450 !important;

    line-height:
        1.52 !important;
}


/* ---------------------------------------------------------
   STATUS PILL
   --------------------------------------------------------- */

.sc-launch-status {
    width:
        fit-content !important;

    max-width:
        100% !important;

    min-height:
        50px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        9px !important;

    margin:
        0 auto 18px !important;

    padding:
        0 20px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid
        #d8eee3 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            180deg,
            #f1fbf6,
            #eaf8f1
        ) !important;

    color:
        #174b37 !important;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    box-shadow:
        inset 0 1px
        rgba(255,255,255,.8) !important;
}


.sc-launch-status::before {
    content:
        "●" !important;

    width:
        30px !important;

    height:
        30px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex:
        0 0 30px !important;

    border:
        1px solid
        #bce5d1 !important;

    border-radius:
        50% !important;

    background:
        #ddf6e9 !important;

    color:
        #079357 !important;

    font-size:
        10px !important;

    box-shadow:
        0 3px 10px
        rgba(7,147,87,.09) !important;
}


/* ---------------------------------------------------------
   PRIMARY BUTTON
   --------------------------------------------------------- */

.sc-launch-button {
    width:
        min(280px, 100%) !important;

    min-height:
        58px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;

    margin:
        0 auto !important;

    padding:
        0 24px !important;

    border:
        0 !important;

    border-radius:
        17px !important;

    background:
        linear-gradient(
            135deg,
            #078b45,
            #0eb779
        ) !important;

    color:
        #ffffff !important;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        850 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;

    box-shadow:
        0 14px 28px
        rgba(8, 161, 91, .27) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}


.sc-launch-button::after {
    content:
        "→" !important;

    font-size:
        22px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    transition:
        transform .18s ease !important;
}


.sc-launch-button:hover {
    transform:
        translateY(-2px) !important;

    filter:
        saturate(1.05) !important;

    box-shadow:
        0 17px 34px
        rgba(8, 161, 91, .31) !important;
}


.sc-launch-button:hover::after {
    transform:
        translateX(3px) !important;
}


/* ---------------------------------------------------------
   EXTRA DECORATIVE MEDICAL +
   --------------------------------------------------------- */

.sc-launch-card
.sc-launch-brand::before {
    content:
        "+" !important;

    position:
        absolute !important;

    right:
        70px !important;

    top:
        80px !important;

    color:
        rgba(41, 199, 135, .24) !important;

    font-size:
        45px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    pointer-events:
        none !important;
}


/* ---------------------------------------------------------
   ANIMATION
   --------------------------------------------------------- */

@keyframes scLaunchModernIn {

    from {
        opacity:
            0;

        transform:
            translateY(18px)
            scale(.965);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0)
            scale(1);
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .sc-launch-modal {
        padding:
            16px !important;
    }


    .sc-launch-card {
        width:
            min(
                94vw,
                430px
            ) !important;

        padding:
            30px 22px 25px !important;

        border-radius:
            24px !important;
    }


    .sc-launch-close {
        top:
            12px !important;

        right:
            12px !important;

        width:
            38px !important;

        height:
            38px !important;

        font-size:
            24px !important;
    }


    .sc-launch-icon {
        width:
            82px !important;

        height:
            49px !important;

        margin-top:
            0 !important;
    }


    .sc-launch-brand {
        margin-bottom:
            10px !important;

        font-size:
            11px !important;
    }


    .sc-launch-title {
        font-size:
            28px !important;

        line-height:
            1.04 !important;

        margin-bottom:
            11px !important;
    }


    .sc-launch-copy {
        font-size:
            13px !important;

        line-height:
            1.48 !important;

        margin-bottom:
            16px !important;
    }


    .sc-launch-status {
        min-height:
            46px !important;

        margin-bottom:
            15px !important;

        padding:
            0 13px !important;

        font-size:
            12px !important;
    }


    .sc-launch-status::before {
        width:
            27px !important;

        height:
            27px !important;

        flex-basis:
            27px !important;
    }


    .sc-launch-button {
        min-height:
            54px !important;

        border-radius:
            15px !important;

        font-size:
            15px !important;
    }


    .sc-launch-card
    .sc-launch-brand::before {
        right:
            45px !important;

        top:
            69px !important;

        font-size:
            34px !important;
    }

}


/* ---------------------------------------------------------
   VERY SMALL PHONES
   --------------------------------------------------------- */

@media (max-width: 380px) {

    .sc-launch-card {
        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .sc-launch-title {
        font-size:
            25px !important;
    }


    .sc-launch-status {
        font-size:
            11px !important;
    }

}


/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .sc-launch-card,
    .sc-launch-button,
    .sc-launch-close,
    .sc-launch-button::after {
        animation:
            none !important;

        transition:
            none !important;
    }

}


/* =========================================================
   SPEEDACURE LAUNCH POPUP V4.1 - NO VISIBLE SCROLLBAR
   ========================================================= */

.sc-launch-card {

    /*
     * Normal screens:
     * popup content fits without becoming a scroll container.
     */

    max-height: none !important;

    overflow: hidden !important;

    scrollbar-width: none !important;
}


.sc-launch-card::-webkit-scrollbar {

    display: none !important;

    width: 0 !important;
    height: 0 !important;
}


/*
 * On unusually short displays we still permit vertical
 * scrolling so no popup content becomes inaccessible,
 * but the scrollbar remains invisible.
 */

@media (max-height: 620px) {

    .sc-launch-card {

        max-height:
            calc(100dvh - 24px) !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        scrollbar-width:
            none !important;
    }


    .sc-launch-card::-webkit-scrollbar {

        display:
            none !important;

        width:
            0 !important;
    }

}


/*
 * Mobile vertical spacing optimization.
 */

@media (max-width: 600px) {

    .sc-launch-card {

        padding-top:
            27px !important;

        padding-bottom:
            24px !important;
    }

}