/* ============================================================
   CSS SUPPLEMENTAIRE - A ajouter dans le <head> du site
   <link rel="stylesheet" href="/static/css/vitrine-extra.css">

   Note : tout le reste utilise deja output.css (Tailwind)
   et vitrine.css (hero, cta, animations)
   ============================================================ */

/* Compteurs animes : empeche le flash du "0" avant animation */
.count-up {
    display: inline-block;
    min-width: 2ch;
}

/* Collapse Bootstrap-like (sans Bootstrap) */
.collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    visibility: visible !important;
}

.collapse.show {
    overflow: visible;
}

/* Card body pour les sections collapse */
.card-body {
    padding: 1.25rem 0;
}

/* Grille expertises : sur md+, les cartes passent en premier (avant les collapses) */
@media (min-width: 768px) {
    .expertise-card {
        order: -1;
    }
}

/* Carrousel custom */
.custom-carousel {
    position: relative;
}

.carousel-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background: #cbd5e1;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s ease, transform 0.3s ease;
}

.carousel-dot.active {
    background: #3b82f6;
    transform: scale(1.3);
}

.carousel-dot:hover {
    background: #93c5fd;
}

.carousel-track {
    transition: transform 0.5s ease-in-out, height 0.4s ease;
}
