/* ═══════════════════════════════════════════════════
   MOBILE STICKY CTA BAR  (footer.php)
   Fixed bottom bar shown only on mobile — hidden at tablet+ (768px).
   Two equal-width actions: Call Now (navy) / Find a Location (yellow).
   ═══════════════════════════════════════════════════ */

/* Sticky, not fixed: it sizes to the BODY width (never wider than the
   page, whatever the viewport does) and occupies flow space at the end
   of the document, so it can never cover the footer either. */
.victor-mobile-cta {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.15);
    /* Respect iPhone home-indicator / notch safe area */
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.victor-mobile-cta__btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 56px;
    font-family: var(--victor-font-primary);
    font-size: var(--victor-fs-sm);
    font-weight: var(--victor-fw-bold);
    text-decoration: none;
    border: 0;
}

.victor-mobile-cta__btn--call {
    background: var(--victor-primary);
    color: var(--victor-text-on-navy);
}
.victor-mobile-cta__btn--call:hover,
.victor-mobile-cta__btn--call:focus-visible {
    background: var(--victor-primary-dark);
    color: var(--victor-text-on-navy);
}

.victor-mobile-cta__btn--find {
    background: var(--victor-accent);
    color: var(--victor-text-on-yellow);
}
.victor-mobile-cta__btn--find:hover,
.victor-mobile-cta__btn--find:focus-visible {
    background: var(--victor-accent-dark);
    color: var(--victor-text-on-yellow);
}

.victor-mobile-cta__btn svg {
    flex-shrink: 0;
}

/* Hide entirely at tablet+ — desktop nav already surfaces phone/contact. */
@media (min-width: 48rem) {
    .victor-mobile-cta {
        display: none;
    }
}

/* Reduced motion / high contrast already inherited from focus-visible base rule in style.css */