/* ===================================================================
    Couleurs Integral Pay sur le thème Folio
    Couleur principale : #3A2E18 (bronze foncé)
    À charger APRÈS assets/css/style.css
=================================================================== */

:root,
[data-bs-theme="light"] {
    --ip-primary: #3a2e18; /* couleur principale (texte, boutons, liens) */
    --ip-primary-hover: #2b2212; /* survol des boutons */
    --ip-primary-active: #1f190d; /* clic */
    --ip-accent: #8a6d3b; /* bronze clair : fin des dégradés */
    --ip-on-primary: #ffffff; /* texte sur fond principal */

    --bs-primary: var(--ip-primary);
    --bs-primary-rgb: 58, 46, 24;
    --bs-primary-text-emphasis: var(--ip-primary);
    --bs-primary-bg-subtle: #efe9df;
    --bs-primary-border-subtle: #cfc3ad;
    --bs-link-color: var(--ip-primary);
    --bs-link-color-rgb: 58, 46, 24;
    --bs-link-hover-color: var(--ip-accent);
    --bs-link-hover-color-rgb: 138, 109, 59;
}

/* Mode sombre : version claire, sinon la couleur disparaît sur fond noir */
[data-bs-theme="dark"] {
    --ip-primary: #c9a86d;
    --ip-primary-hover: #d6b986;
    --ip-primary-active: #b8965a;
    --ip-accent: #e3c58c;
    --ip-on-primary: #1a1a18;

    --bs-primary: var(--ip-primary);
    --bs-primary-rgb: 201, 168, 109;
    --bs-primary-text-emphasis: var(--ip-accent);
    --bs-primary-bg-subtle: #2b2418;
    --bs-primary-border-subtle: #5c4b2d;
    --bs-link-color: var(--ip-primary);
    --bs-link-color-rgb: 201, 168, 109;
    --bs-link-hover-color: var(--ip-accent);
    --bs-link-hover-color-rgb: 227, 197, 140;
}

/* Boutons */
.btn-primary {
    --bs-btn-color: var(--ip-on-primary);
    --bs-btn-bg: var(--ip-primary);
    --bs-btn-border-color: var(--ip-primary);
    --bs-btn-hover-color: var(--ip-on-primary);
    --bs-btn-hover-bg: var(--ip-primary-hover);
    --bs-btn-hover-border-color: var(--ip-primary-hover);
    --bs-btn-active-color: var(--ip-on-primary);
    --bs-btn-active-bg: var(--ip-primary-active);
    --bs-btn-active-border-color: var(--ip-primary-active);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-disabled-color: var(--ip-on-primary);
    --bs-btn-disabled-bg: var(--ip-primary);
    --bs-btn-disabled-border-color: var(--ip-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--ip-primary);
    --bs-btn-border-color: var(--ip-primary);
    --bs-btn-hover-color: var(--ip-on-primary);
    --bs-btn-hover-bg: var(--ip-primary);
    --bs-btn-hover-border-color: var(--ip-primary);
    --bs-btn-active-color: var(--ip-on-primary);
    --bs-btn-active-bg: var(--ip-primary-active);
    --bs-btn-active-border-color: var(--ip-primary-active);
}

/* Dégradés propres à Folio */
.text-primary-grad,
.link-primary-grad {
    background-image: linear-gradient(90deg, var(--ip-primary), var(--ip-accent)) !important;
}

.bg-primary-grad,
.nav-bg-primary-grad {
    background-image: linear-gradient(135deg, var(--ip-primary), var(--ip-accent)) !important;
}

.btn-primary-grad {
    background-image: linear-gradient(135deg, var(--ip-primary), var(--ip-accent)) !important;
    border-color: transparent !important;
    color: var(--ip-on-primary) !important;
}
.btn-primary-grad:hover,
.btn-primary-grad:focus {
    background-image: linear-gradient(135deg, var(--ip-primary-hover), var(--ip-primary)) !important;
    color: var(--ip-on-primary) !important;
}

/* Fonds clairs teintés (héros, pied de page) */
:root:not([data-bs-theme="dark"]) .bg-secondary-grad {
    background-image: linear-gradient(180deg, #f6f1e8, #fdfbf7) !important;
}
[data-bs-theme="dark"] .bg-secondary-grad {
    background-image: linear-gradient(180deg, #221d14, #121212) !important;
}

/* ===================================================================
    Logos des opérateurs (page d'accueil)
    À ajouter à la fin de brand.css
=================================================================== */

/* Pastilles sous le titre du héros : fond blanc dans les deux modes,
   les logos des opérateurs étant conçus pour un fond clair */
.provider-chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    height: 3.25rem;
    padding: .5rem 1rem;
    background: #ffffff;
    border-radius: .75rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .06);
}
.provider-chip__logo {
    height: 2.1rem;
    width: auto;
    max-width: 8rem;
    object-fit: contain;
}
/* Sans logo : initiale et nom de l'opérateur */
.provider-chip__initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--ip-primary);
    color: var(--ip-on-primary);
    font-weight: 700;
}
.provider-chip__name {
    color: #1f1f1f;
    font-weight: 600;
    white-space: nowrap;
}

/* Logo dans la liste « Moyens de paiement acceptés » */
.provider-card__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    padding: .3rem;
    background: #ffffff;
    border-radius: .5rem;
}
.provider-card__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 575.98px) {
    .provider-chip { height: 2.75rem; padding: .4rem .75rem; }
    .provider-chip__logo { height: 1.75rem; }
}