/**
 * Call to Action Component
 *
 * Uses global colors from foundations/colors.css
 * Uses global typography from foundations/typography.css
 *
 * @package Kurpfalz_Theme
 * @author Saad Badr
 * @copyright 2025 SawatzkiMühlenbruch GmbH
 */

.kurpfalz-cta {
    display: block;
    width: 100%;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    text-decoration: none;
    transition: background-color var(--transition-fast);
    cursor: pointer;
}

.kurpfalz-cta:hover {
    background-color: var(--color-secondary-hover);
}

.kurpfalz-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--max-width-content);
    margin: 0 auto;
    padding: 20px var(--margin-horizontal);
}

/* Left-aligned variant (when right section is hidden) */
.kurpfalz-cta--centered .kurpfalz-cta-inner {
    justify-content: flex-start; /* Links ausrichten statt zentrieren */
}

.kurpfalz-cta--centered .kurpfalz-cta-left {
    text-align: left; /* Links ausrichten statt zentrieren */
}

.kurpfalz-cta-left {
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kurpfalz-cta-right {
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.kurpfalz-cta-arrow {
    font-size: 2rem;
    line-height: 1;
    font-weight: var(--font-weight-light);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .kurpfalz-cta-inner {
        padding: 15px var(--margin-horizontal);
    }
    
    .kurpfalz-cta-left,
    .kurpfalz-cta-right {
        font-size: var(--font-size-base);
    }
    
    .kurpfalz-cta-arrow {
        font-size: 1.5rem;
    }
}

@media (max-width: 540px) {
    .kurpfalz-cta-inner {
        flex-direction: column;
        gap: var(--spacing-xs);
        text-align: center;
    }
    
    .kurpfalz-cta-left,
    .kurpfalz-cta-right {
        font-size: var(--font-size-small);
    }
}