/**
 * Final CTA Section Styles
 *
 * Full-width closing CTA block before footer.
 *
 * @package Teal_Theme
 */

/* ========================================
   FINAL CTA SECTION
   ======================================== */

.final-cta-section {
    padding: clamp(3rem, 8vw, 6rem) 0;
    background-color: var(--color-bg-dark, #1a1a1a);
    color: var(--color-text-light, #f5f5f5);
    text-align: center;
}

.final-cta-section__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, 3vw, 1.5rem);
    max-width: 640px;
    margin: 0 auto;
}

/* ----------------------------------------
   Headline
   ---------------------------------------- */

.final-cta-section__headline {
    font-family: var(--font-display, 'Clash Display', sans-serif);
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--line-height-tight, 1.1);
    letter-spacing: var(--letter-spacing-tight, -0.01em);
    margin: 0;
    text-transform: uppercase;
}

/* ----------------------------------------
   Subtext
   ---------------------------------------- */

.final-cta-section__subtext {
    font-family: var(--font-primary, 'Space Grotesk', sans-serif);
    font-size: clamp(0.9375rem, 2vw, 1.125rem);
    line-height: 1.5;
    opacity: 0.8;
    margin: 0;
    max-width: 480px;
}

/* ----------------------------------------
   CTA Button
   ---------------------------------------- */

.final-cta-section__cta {
    margin-top: var(--spacing-4, 1rem);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2, 0.5rem);
}

.final-cta-section__cta-icon {
    flex-shrink: 0;
}

/* ----------------------------------------
   Reduced Motion
   ---------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .final-cta-section__cta {
        transition: none;
    }
}