/**
 * Module: CTA Variant Composition Layer
 * Target: src/core_apps/frontend/static/frontend/themes/_shared/sections/cta/cta-variants.css
 * 
 * Specifications (HMS-Grade):
 * - Rule A: Zero sibling positional dependence
 * - Rule B: Rigid Static Weight Budget (Limit: 10 KB uncompressed)
 * - Rule C: Absolute scoping containment
 */

.page-home .home-composer .section-cta {
    position: relative;
    width: 100%;
    padding: var(--spacing-xl, 4rem) 0;
}


/* =============================================================================
   1. VARIANT: SPLIT (Side-by-Side Text & Immediate Action Button)
   ============================================================================= */
.page-home .home-composer .section-cta--split .split-cta-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-lg, 2rem);
    align-items: center;
    padding: var(--spacing-lg, 2rem);
}

@media (min-width: 768px) {
    .page-home .home-composer .section-cta--split .split-cta-wrapper {
        grid-template-columns: 2fr 1fr;
        text-align: left;
    }
    .page-home .home-composer .section-cta--split .split-actions {
        justify-content: flex-end;
        display: flex;
    }
}


/* =============================================================================
   2. VARIANT: BOXED (Self-Contained Floating Card Module)
   ============================================================================= */
.page-home .home-composer .section-cta--boxed .boxed-cta-card {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--spacing-xl, 3rem) var(--spacing-lg, 2rem);
    border-radius: var(--border-radius-lg, 8px);
    background-color: var(--brand-primary, #111111);
    color: var(--text-on-brand, #ffffff);
    text-align: center;
    box-shadow: var(--shadow-md, 0 4px 6px rgba(0,0,0,0.05));
}

.page-home .home-composer .section-cta--boxed .boxed-cta-card h2,
.page-home .home-composer .section-cta--boxed .boxed-cta-card p {
    color: inherit;
}