/**
 * FLARE CUSTOM - CSS Personnalisé
 * Ce fichier est chargé en dernier et surcharge tous les autres styles.
 * Utilisez-le pour vos modifications personnalisées.
 *
 * Créé le: 2026-01-05 11:36:22
 */

/* ============================================
   VARIABLES PERSONNALISÉES
   ============================================ */
:root {
    /* Couleurs principales - modifiez ici pour changer tout le site */
    --flare-primary: var(--color-accent);
    --flare-primary-dark: var(--color-accent-dark);
    --flare-secondary: #1a1a1a;
    --flare-success: #22c55e;
    --flare-warning: var(--color-accent-hover);
    --flare-danger: #ef4444;

    /* Typographie */
    --flare-font-main: 'Inter', sans-serif;
    --flare-font-title: 'Inter', sans-serif;
}

/* ============================================
   VOS MODIFICATIONS CI-DESSOUS
   ============================================ */

/* Hero title sizing */
.hero-title {
    font-size: clamp(42px, 5.5vw, 47px) !important;
}


/* Bento card icon size */
.bento-card-icon {
    width: 4em !important;
    height: 4em !important;
}

/* Revendeur hero margin */
.hero-revendeur {
    margin-top: 0px !important;
}

/* Body padding-top for fixed header */
body {
    padding-top: 7em;
}

@media (max-width: 768px) {
    body {
        padding-top: 3em !important;
    }
}

/* Glass section text visibility fix */
.glass-section .section-title,
.glass-section .section-header-center h2 {
    color: #fff !important;
}

.glass-section .section-subtitle,
.glass-section .section-header-center p {
    color: rgba(255, 255, 255, 0.7) !important;
}

.glass-section .section-badge,
.glass-section .section-eyebrow {
    background: rgba(25, 230, 107, 0.15) !important;
    color: var(--green, #19e66b) !important;
}

.glass-section mark {
    color: #19e66b !important;
    background: transparent !important;
}