/* ===== CTA BUTTON VISIBILITY FIXES ===== */

/* Ensure all button text is visible and properly layered */
.btn span,
.btn-sketchy-primary span,
.btn-sketchy-secondary span,
.btn-sketchy-accent span,
.btn-nav-cta,
.btn-modal-submit span,
.btn-luxury-cta span {
    position: relative;
    z-index: 10 !important;
    color: var(--ink-black) !important;
    font-weight: 700;
}

/* Hero CTA buttons specific fixes */
.hero-cta-buttons .btn {
    position: relative;
    z-index: 5;
}

.hero-cta-buttons .btn span {
    display: inline-block;
    pointer-events: none;
}

/* Final CTA button fix */
.btn-luxury-cta {
    position: relative;
    z-index: 5;
    background: var(--highlighter-yellow) !important;
    padding: 1rem 2rem;
    border: 2px solid var(--ink-black);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-luxury-cta span {
    font-family: var(--font-handdrawn);
    font-size: 1.125rem;
    color: var(--ink-black) !important;
    font-weight: 700;
}

.btn-luxury-cta:hover {
    transform: translateY(-3px);
    box-shadow: 4px 4px 0 var(--ink-black);
}

/* Seller CTA button fix */
.btn-sketchy-accent {
    z-index: 5 !important;
}

.btn-sketchy-accent span {
    display: inline-block;
}

/* Ensure SVG backgrounds don't cover text */
.btn-sketch-bg,
.btn-modal-sketch {
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Navbar CTA */
.btn-nav-cta {
    color: var(--ink-black) !important;
    font-weight: 700 !important;
    z-index: 10;
}