/**
 * Mobile sticky CTA — 5180 Ara + Teklif Al.
 */

.forti-mobile-cta {
    align-items: stretch;
    background: #fff;
    border-top: 1px solid #e4e7ec;
    bottom: 0;
    box-shadow: 0 -8px 24px rgba(0, 11, 61, 0.08);
    display: none;
    gap: 10px;
    left: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    position: fixed;
    right: 0;
    z-index: 1200;
}

.forti-mobile-cta .btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-flex;
    flex: 1;
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    min-height: 46px;
    padding: 10px 16px;
    text-decoration: none;
}

.forti-mobile-cta .btn-outline {
    background: #fff;
    border-color: #1d2859;
    color: #1d2859;
}

.forti-mobile-cta .btn-navy {
    background: #1d2859;
    border-color: #1d2859;
    color: #fff;
}

@media (max-width: 991px) {
    .forti-mobile-cta {
        display: flex;
    }

    body.forti-mobile-cta-on {
        padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
    }
}

/* ---------------------------------------------------------------------------
 * Back-to-top clearance.
 *
 * The theme drops #scrollUp at right/bottom 10 with z-index 10. This bar is 72px
 * tall at bottom 0 with z-index 1200, so from 991px down the bar sat on top of it
 * and the control vanished. Lifting it above the bar and over its stacking order
 * puts it back. Desktop is untouched — the bar is not there.
 * ------------------------------------------------------------------------- */
@media (max-width: 991px) {
    body.forti-mobile-cta-on #scrollUp {
        bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 1210 !important;
    }
}