/* =========================================================
   AKLIO — Style_v6.CSS
   Styles spécifiques à la page AKLIO Business UNIQUEMENT.
   À charger après /css/style-v2.css, sur la aklio-business seulement :

     <link rel="stylesheet" href="/css/style-v2.css">
     <link rel="stylesheet" href="/css/style-v6.css">

   Le CSS générique/réutilisable (variantes de section, boucles
   décoratives, dual-buttons...) a été intégré à style-v2.css.
   ========================================================= */

/* =========================================================
   AKLIO BUSINESS — CARTES
   ========================================================= */


/* 1 — INTRODUCTION
   ALMOND / NAVY / SKY BLUE
   ========================================================= */

.business-intro-cards .intro-card {
    background: var(--almond);
    color: var(--navy);
    border: 2px solid var(--sky-blue);
}

.business-intro-cards .intro-card h3,
.business-intro-cards .intro-card p,
.business-intro-cards .intro-card .icon {
    color: var(--navy);
}


/* 2 — APPROCHE
   NAVY / ALMOND / SKY BLUE
   ========================================================= */

.business-approach-cards .program-card {
    background: var(--navy);
    color: var(--almond);
    border: 2px solid var(--sky-blue);
}

.business-approach-cards .program-card h3 {
    color: var(--sky-blue);
}

.business-approach-cards .program-card p {
    color: var(--almond);
}


/* 3 — OBJECTIFS PROFESSIONNELS
   SKY BLUE / NAVY
   ========================================================= */

.business-needs-cards .program-card {
    background: var(--sky-blue);
    color: var(--navy);
    border-color: var(--sky-blue);
}

.business-needs-cards .program-card h3,
.business-needs-cards .program-card p {
    color: var(--navy);
}


/* =========================================================
   AKLIO BUSINESS — BOUTONS
   ========================================================= */

body.universe-business .section-neutral .btn-primary,
body.universe-business .section-universe-soft .btn-primary {
    background: var(--cornflower);
    color: var(--almond);
    border: 2px solid var(--cornflower);
}

body.universe-business .section-neutral .btn-primary:hover,
body.universe-business .section-universe-soft .btn-primary:hover {
    background: var(--navy);
    color: var(--almond);
    border-color: var(--navy);
}

body.universe-business .section-neutral .btn-secondary,
body.universe-business .section-universe-soft .btn-secondary {
    background: transparent;
    color: var(--cornflower);
    border: 2px solid var(--cornflower);
}

body.universe-business .section-neutral .btn-secondary:hover,
body.universe-business .section-universe-soft .btn-secondary:hover {
    background: var(--cornflower);
    color: var(--almond);
    border-color: var(--cornflower);
}

/* =========================================================
   BUSINESS — FORMATION PROFESSIONNELLE / CPF
   ========================================================= */

.business-cpf-card {
    max-width: 700px;
    margin: 80px auto;
    padding: 48px 52px;
    text-align: center;

    background: var(--navy) !important;
    color: var(--almond) !important;

    border-radius: var(--radius);
}

.business-cpf-card p,
.business-cpf-card strong {
    color: var(--almond) !important;
}

.business-cpf-title {
    margin-top: 0;

    color: var(--almond) !important;

    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.15;
    text-align: center;
}

/* Boutons spécifiques à la carte CPF */

body.universe-business .section-universe-soft
.business-cpf-card .btn-primary {
    background: var(--sky-blue);
    color: var(--navy);
    border-color: var(--sky-blue);
}

body.universe-business .section-universe-soft
.business-cpf-card .btn-secondary {
    background: transparent;
    color: var(--almond);
    border-color: var(--almond);
}

body.universe-business .section-universe-soft
.business-cpf-card .btn-primary:hover {
    background: transparent;
    color: var(--almond);
    border-color: var(--almond);
}

body.universe-business .section-universe-soft
.business-cpf-card .btn-secondary:hover {
    background: var(--sky-blue);
    color: var(--navy);
    border-color: var(--sky-blue);
}