/**
 * Block Styles: POM: Compact Jenna CTA
 */

.pom-jenna-compact-block {
    --brand-navy-dark: #0a0e27;
    --brand-navy-med: #10163a;
    --brand-navy-light: #161e4f;
    --brand-gold: #CDAC65;
    --brand-gold-soft: rgba(205, 172, 101, 0.15);
    --border-color: rgba(255, 255, 255, 0.08);
    --text-muted: #a0a5c0;

    background-color: transparent !important; /* Blends with parent background */
    font-family: 'Inter', 'Montserrat', sans-serif;
}

.pom-jenna-compact-block .cta-inner-row {
    background-color: var(--brand-navy-light) !important;
    border: 1px solid var(--border-color) !important;
    transition: all 0.3s ease;
}

.pom-jenna-compact-block .cta-inner-row:hover {
    border-color: var(--brand-gold) !important;
    box-shadow: 0 15px 35px rgba(205, 172, 101, 0.08);
}

.pom-jenna-compact-block .btn-gold {
    background-color: var(--brand-gold) !important;
    color: #ffffff !important;
    border: 1px solid var(--brand-gold) !important;
    font-size: 0.85rem;
    letter-spacing: 1px;
    white-space: nowrap;
}

.pom-jenna-compact-block .btn-gold:hover {
    background-color: #bda05b !important;
    border-color: #bda05b !important;
    box-shadow: 0 8px 20px rgba(205, 172, 101, 0.3);
}

.pom-jenna-compact-block .text-gold {
    color: var(--brand-gold) !important;
}

.pom-jenna-compact-block .text-muted {
    color: var(--text-muted) !important;
}

@media (max-width: 991px) {
    .pom-jenna-compact-block .cta-inner-row {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .pom-jenna-compact-block .cta-btn-side {
        width: 100%;
    }
    .pom-jenna-compact-block .cta-btn-side button {
        width: 100%;
        text-align: center;
    }
}