/* LEPKIEF - Styles spécifiques pour l'override des layouts inline */

/* Styles pour les sections avec CSS inline - externalisés pour une meilleure maintenabilité */

/* Section Call to Action */
.cta:not(.partners-section) {
    background: var(--primary-color);
    color: var(--white);
    padding: var(--spacing-xxl) 0;
    text-align: center;
}

.cta h2 {
    font-family: var(--font-primary);
    font-size: var(--font-size-xxl);
    margin-bottom: var(--spacing-lg);
}

.cta .btn {
    background: var(--white);
    color: var(--primary-color);
}

.cta .btn:hover {
    background: var(--light-color);
    color: var(--primary-color);
}

/* Styles pour les titres de sections */
.section-title {
    font-family: var(--font-primary);
    font-size: var(--font-size-xxxl);
    font-weight: 700;
}

.section-subtitle {
    font-size: var(--font-size-lg);
    color: var(--gray);
}

/* Main content container pour SPA */
.main-content {
    min-height: 60vh;
    transition: opacity 0.3s ease;
}

.main-content.loading {
    opacity: 0.5;
}

/* Lien d'administration dans le footer */
.admin-link {
    color: #00ff00;
    text-decoration: none;
    opacity: 0.7;
    font-size: 0.8rem;
    transition: opacity 0.3s ease;
}

.admin-link:hover {
    opacity: 1;
}