.container-header > div {
    background-color: #FFF !important;
}
.container-header .mod-menu a {
    color: #000000 !important;   /* black menu text */
}
.container-header .navbar {
    display: flex;
    justify-content: flex-end; /* push menu to the right */
    align-items: center;       /* vertical center */
}
.container-header .mod-menu {
    display: flex;
    gap: 20px; /* spacing between menu items */
}
/* Force le menu à monter sur la même ligne que le logo */
.container-header .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
.category .item-title a {
    font-size: 1.2rem !important; /* réduis ou augmente si tu veux */
    font-weight: 500 !important;
}

/* Supprime l'espace inutile sous le logo */
.container-header .site-description {
    margin-bottom: 0 !important;
}

/* Assure que la hauteur du header s'adapte sans créer de seconde ligne */
.container-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
/* Tout le header en blanc */
.site-header,
.site-header .header-inner,
.container-header,
.container-header > div,
.grid-child,
.navbar-wrapper {
    background-color: #FFF !important; /* blanc derrière logo et menu */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Ajuste la barre de menu pour qu'elle reste sur la même ligne que le logo */
.navbar {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ajuste les liens du menu pour bien centrer verticalement */
.navbar .nav > li > a {
    padding-top: 10px;   /* ajustable selon la hauteur du logo */
    padding-bottom: 10px;
    color: #000;          /* couleur visible sur fond blanc */
}
.container-header {
    background: #FFF !important;  /* remplace le gradient par du blanc */
    background-image: none !important; /* supprime le gradient */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important; /* optionnel, supprime l’ombre */
}
.category .item-title a {
    font-size: 0.9rem !important; /* réduis ou augmente si tu veux */
    font-weight: 500 !important;
}
.com_content .category-item {
    position: relative;
}

.com_content .category-item .item-image img {
    cursor: pointer;
}

.com_content .category-item a.item-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -9999px;
    z-index: 10;
}
/* Masquer le titre de l’article */
.item-page h1,
.page-header h1 {
    display: none !important;
}

/* Masquer toutes les infos article */
.article-info,
.article-info-term,
.article-info-top,
.article-info-bottom {
    display: none !important;
}
.subcategories .category-item .category-image {
    pointer-events: auto !important;
}

.subcategories .category-item a {
    display: block !important;
}
.subcategories .category-item a .category-image img {
    cursor: pointer;
}
.subcategories .category-item .category-title {
    font-size: 1.1rem !important;  /* Ajuste la taille ici */
    font-weight: 500 !important;   /* Un peu moins épais */
}
h1.article-title {
    display: none !important;
}
.category .com-content-category__item figure img {
    cursor: pointer;
}

.category .com-content-category__item a {
    text-decoration: none !important;
}

/* Hack simple : transforme toute la carte en lien */
.category .com-content-category__item {
    cursor: pointer;
}

.category .com-content-category__item:hover {
    opacity: 0.9;
}
/* Taille du titre dans la liste des sous-catégories */
.category .com-content-category__item-title {
    font-size: 1rem !important;   /* tu peux réduire à 1rem si tu veux plus petit */
    font-weight: 600 !important;
    text-align: center;
    margin-top: 8px;
}
/* === Suppression forcée de l'image de fond du header === */
header.header,
.container-header,
.container-head,
.container-header .container {
  background-image: none !important;
  background: none !important;
}
/* Header transparent au-dessus du slider */
header.header,
.container-header {
  background: transparent !important;
}
/* Supprime toute image de fond du header */
header.header,
.container-header,
.container-head {
  background-image: none !important;
  background: none !important;
}
/* Supprimer l’espace entre header et slider */
.mod-smartslider {
  margin-top: 0 !important;
}
/* === HEADER TRANSPARENT === */
header.header,
.container-header,
.container-head {
  background: transparent !important;   /* Supprime couleur ou image de fond */
  background-image: none !important;
  box-shadow: none !important;          /* Supprime ombre si présente */
}

/* === COLLAGE DU SLIDER AU HEADER === */
.mod-smartslider {
  margin-top: 0 !important;             /* Supprime tout espace au-dessus du slider */
}

/* === OPTIONNEL : réduire padding du header si trop grand === */
header.header .container {
  padding-top: 10px;    /* ajuste selon hauteur logo */
  padding-bottom: 10px;
}

/* === FULL WIDTH / RESPONSIVE === */
.mod-smartslider .n2-ss-slider-outer {
  width: 100% !important;
  max-width: 100% !important;
}
/* === SUPPRESSION FORCÉE DU BACKGROUND DU HEADER === */
header.header,
header.header .container-head,
header.header .container-header,
header.header .container {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}
/* Supprime l'image de fond du module custom */
#mod-custom117 {
    background-image: none !important;
    background: none !important;
}
/* Rendre le header transparent et coller le slider */
header.header {
    background: transparent !important; /* header sans couleur */
    padding-bottom: 0 !important;      /* supprime l’espace sous le logo */
}

.mod-smartslider {
    margin-top: -10px !important;      /* remonte le slider sous le menu */
}