/*
 * Landing Flexible Business Cases — conteneur, image de fond et fonds de section.
 * Chaque section ajoute son propre fichier CSS, sans partager de fichier avec
 * la landing e-commerce (cf. inc/acf-flexible-business-cases.php).
 */

/* Mêmes valeurs que le « Fond de section » du catalogue Event (style/landing-event/event-base.css). */
.flexible-business-cases {
    --bc-section-bg-white:  #F7F7F8;
    --bc-section-bg-light:  #DCEAFF;
    --bc-section-bg-dark:   #002266;
    --bc-color-text:        #0A1628;
    --bc-color-text-inv:    #FFFFFF;
    --bc-section-color-text: var(--bc-color-text);

    /* Tokens des sections (mêmes valeurs que event-base.css). */
    --bc-color-white:       #FFFFFF;
    --bc-color-accent:      #0066FF;
    --bc-color-border:      #E5E7EB;
    --bc-color-text-muted:  #6B7280;
    --bc-radius-card:       12px;
    --bc-font-body:         'Manrope', sans-serif;
    --bc-font-heading:      'Be Vietnam Pro', sans-serif;

    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: var(--bc-color-text);
    overflow: clip;
    position: relative;
}

.flexible-business-cases__bkg {
    position: absolute;
    left: var(--flexible-bkg-left, -20%);
    top: var(--flexible-bkg-top, 0);
    width: 2067px;
    height: 1913px;
    opacity: 0.4;
    pointer-events: none;
    z-index: -1;
}

/* Fond de section : la couleur de texte s'inverse sur fond foncé. */
.flexible-business-cases-section--bg-white {
    background: var(--bc-section-bg-white);
    color: var(--bc-color-text);
}

.flexible-business-cases-section--bg-light {
    background: var(--bc-section-bg-light);
    color: var(--bc-color-text);
}

.flexible-business-cases-section--bg-dark {
    --bc-section-color-text: var(--bc-color-text-inv);
    background: var(--bc-section-bg-dark);
    color: var(--bc-color-text-inv);
}

/* Section de contenu : espacement vertical et conteneur (copie de .flexible-event-section et __inner). */
.flexible-business-cases-section {
    position: relative;
    padding: 80px 0;
}

.flexible-business-cases-section__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

@media (max-width: 767px) {
    .flexible-business-cases-section {
        padding: 40px 0;
    }
}

@media (max-width: 768px) {
    .flexible-business-cases__bkg {
        display: none;
    }
}