/* 
 * Fichier CSS personnalisé pour modifier rapidement les couleurs et cacher des blocs
 * Ce fichier est chargé après les styles inline, donc il peut surcharger les styles par défaut
 */

/* ============================================
   MODIFICATIONS DE COULEURS
   ============================================ */

/* Couleur principale (rouge par défaut: #e60012) */
/*
.logo {
    color: #votre-couleur !important;
}

.menu a:hover {
    color: #votre-couleur !important;
}

.cta-button:hover {
    color: #votre-couleur !important;
    border-color: #votre-couleur !important;
}
*/

/* ============================================
   CACHER DES BLOCS
   ============================================ */

/* Exemples pour cacher des sections :
   
   Cacher la section hero :
   .hero-section { display: none !important; }
   
   Cacher la section statistiques :
   .stats-section { display: none !important; }
   
   Cacher la section FAQ :
   .faq-section { display: none !important; }
   
   Cacher la section témoignages :
   .testimonials-section { display: none !important; }
   
   Cacher le footer :
   footer { display: none !important; }
*/

/* ============================================
   VOS MODIFICATIONS PERSONNALISÉES
   ============================================ */

/* Cacher le bloc "Our Categories" sur la page d'accueil */

/* Aligner tous les blocs "Our Categories" sur une même ligne (scroll horizontal si besoin) */
.categories-section .categories-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.15rem !important;
    overflow-x: auto;
    padding-bottom: 0.1rem;
    align-items: flex-start;
}
.categories-section .category-card {
    min-width: 60px;
    width: 200px;
    flex: 0 0 auto;
    margin-right: 1rem;
    margin-bottom: 0; /* éviter un espace sous le slider */
    padding: 0;
    border: none;
    box-shadow: none;
}
.categories-section .category-card img {
    width: 100%;
    height: auto;
    display: block;
}