#header .header-nav .container {
    position: relative !important;
}

#header .header-nav .right-nav {
    position: absolute !important;
    right: 14px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto 0 !important;
    display: flex !important;
    align-items: center !important;
}
/* CORRECTION LIENS FOOTER */
a,
.footer-container a,
#footer a,
.cms-page-link {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* SUPPRIMER LE BLOC INVISIBLE QUI RECOUVRE LES LIENS */
#footer .row,
#footer div.row {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: none !important; /* LUI, on désactive ses clics */
    height: auto !important;
    overflow: visible !important;
}

/* Les liens passent AU-DESSUS */
#footer a,
#footer .cms-page-link {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}


/* TES RÈGLES CONSERVÉES */
h1 {
  color: #2c3e50 !important;
  font-weight: bold;
}
.btn-primary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* ==============================================
BANNIÈRE LOGO TOUT EN HAUT
============================================== */
.djvap-top-banner {
  background-color: #000000 !important;
  text-align: center !important;
  padding: 10px 0 !important;
  width: 100% !important;
  display: block !important;
}

.djvap-top-banner img {
  max-height: 60px !important;
  width: auto !important;
}

/* ==============================================
EN-TÊTE - COULEUR ROSE : #EA0093
============================================== */

/* --------------------------
FOND GLOBAL DU HEADER (écrase le #fff du theme.css)
-------------------------- */
header#header,
header#header::after,
header#header::before {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  box-shadow: none !important;
}

/* --------------------------
BARRE SUPÉRIEURE (noire)
-------------------------- */
#header .header-nav {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  padding: 10px 0 !important;
  font-size: 15px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  min-height: 80px !important;
}

#header .header-nav .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Liens en haut : Blanc, survol Rose */
#header .header-nav a,
#header .header-nav .language-selector a,
#header .header-nav .user-info a,
#header .header-nav .contact-link {
  color: #ffffff !important;
  text-decoration: none !important;
  margin: 0 8px !important;
}

#header .header-nav a:hover,
#header .header-nav .language-selector a:hover,
#header .header-nav .user-info a:hover {
  color: #EA0093 !important;
}

#header .header-nav .blockcart {
  background: transparent !important;
  color: #ffffff !important;
}
#header .header-nav .blockcart a {
  color: #ffffff !important;
}

/* --------------------------
BANDEAU LOGO / RECHERCHE / PANIER (Milieu)
-------------------------- */
#header .header-top {
  background-color: #1a1a1a !important;
  padding: 25px 0 !important;
  min-height: 110px !important;
}

/* Supprimer la bande blanche du clearfix Bootstrap */
#header .header-top .container,
#header .header-top .container::after,
#header .header-top .container::before,
#header .header-top .container > .row,
#header .header-top .container > .row::after,
#header .header-top .container > .row::before {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
}

/* Disposition en Flexbox pour aligner Logo, Recherche, Panier */
#header .header-top > .container > .row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

/* Ajustement des colonnes pour éviter les retours à la ligne */
#header .header-top .col-md-2,
#header .header-top .col-md-5,
#header .header-top .col-md-4,
#header .header-top .hidden-sm-down {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

/* Logo */
#header .logo {
  max-height: 100px !important;
  width: auto !important;
}

/* Barre de recherche */
#search_widget {
  flex: 1 !important;
  margin: 0 60px !important;
  min-width: 300px;
}

#search_widget form {
  display: flex;
  width: 100%;
}

#search_widget input[type="text"] {
  border: none !important;
  padding: 10px 15px !important;
  height: 45px !important;
  background: #ffffff !important;
  color: #333 !important;
  width: 300px; !important;
  border-radius: 0 !important;
}

/* Bouton Recherche : Rose avec icône blanche */
#search_widget button[type="submit"] {
  background-color: #EA0093 !important;
  border: none !important;
  color: white !important;
  height: 45px !important;
  width: 45px !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#search_widget button[type="submit"] i {
  color: white !important;
}

/* Panier */
#_desktop_cart {
  margin-left: auto;
}
#_desktop_cart .blockcart {
  background-color: transparent !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 0 !important;
}
#_desktop_cart .blockcart a {
  color: white !important;
  display: flex;
  align-items: center;
  gap: 10px;
}
#_desktop_cart .blockcart i {
  color: white !important;
}



/* --------------------------
CORRECTIONS GÉNÉRALES
-------------------------- */
body {
  background-color: #ffffff !important;
}

/* Remplacer le bleu par le rose par défaut du thème Classic */
a,
.text-primary,
.link-primary,
.breadcrumb a:hover,
.product-price,
.nav-link:hover {

}

.bg-primary,
.btn-primary:hover,
.pagination .page-item.active .page-link {
  background-color: #EA0093 !important;
  border-color: #EA0093 !important;
}

/* Cacher la bannière DJ-VAP sur mobile */
@media (max-width: 767px) {
  .djvap-top-banner {
    display: none !important;
  }
}

/* ==============================
   PAGE D'ACCUEIL - LARGEURS
============================== */

/* Élargir le container principal à 1400px sur la page d'accueil */
body.page-index #wrapper > .container {
  max-width: 1400px !important;
  width: 100% !important;
}

/* Slider en pleine largeur : sortir du container */
body.page-index #carousel {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-index #carousel img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}


/* Supprimer l'espace blanc des notifications entre header et slider */
#notifications,
#notifications .notifications-container,
#notifications aside {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  line-height: 0 !important;
}
/* Supprimer l'espace blanc entre le header et le contenu */
body.page-index #wrapper {
  padding-top: 0 !important;
}


/* Agrandir la hauteur du slider - ciblage direct */
body.page-index #carousel,
body.page-index #carousel .carousel-inner,
body.page-index #carousel .carousel-inner .carousel-item {
  height: 600px !important;
  max-height: 600px !important;
}

body.page-index #carousel .carousel-inner .carousel-item img,
body.page-index #carousel .carousel-inner .carousel-item figure,
body.page-index #carousel .carousel-inner .carousel-item a {

  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}


/* Fond blanc sur tout le site */
#wrapper,
body {
  background-color: #ffffff !important;
}

.card-block.checkout .btn-primary, 
#main .cart-grid-right .btn-primary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}


/* Masquer les images des sous-catégories */
#subcategories .subcategory-image {
    display: none !important;
}

/* Boutons des sous-catégories */
#subcategories .subcategory-name {
    display: inline-block;
    background-color: #EA0093;
    color: #ffffff !important;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 4px;
    text-align: center;
    transition: background 0.2s ease;
}

/* Effet au survol du bouton */
#subcategories .subcategory-name:hover {
    background-color: #c00079;
    color: #ffffff !important;
    text-decoration: none;
}


/* ========================================= */
/* BLOC CATEGORIE COLONNE left                    */
/* ========================================= */
.block-categories {
    background-color: #1e1e24;
    color: #ffffff;
}

.block-categories .h6,
.block-categories .text-uppercase {
    background-color: #EA0093;
    color: #ffffff;
    padding: 15px;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: none;
}

.block-categories li {
    border-bottom: 1px solid #3a3a44;
}

.block-categories a {
    color: #ffffff;
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
}

/* ========================================= */
/* BLOC CATEGORIE COLONNE left    ROLOVER                */
/* ========================================= */
.block-categories li > a:hover {
    background-color: #EA0093 !important;
    color: #ffffff !important;
}

/* ========================================= */
/* TITRE CATEGORIE COLONNE left     */
/* ========================================= */

#left-column .block .h6,
#left-column .block .products-section-title {
    background-color: #F8F8F8;
    border: 1px solid #cccccc;
    padding: 12px 15px;
    margin-bottom: 20px;
    text-transform: none;
}

/* ========================================= */
/* BOUTON ROSE CATEGORIE COLONNE left     */
/* ========================================= */

a.all_special_products,
a.all-product-link,
a.all_new_products,
a.all_best_sellers,
a.all_featured_products,
a.all_most_products {
    background-color: #EA0093 !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
    display: inline-block !important;
    text-transform: none !important;
    font-weight: normal !important;
}

a.all_special_products:hover,
a.all-product-link:hover,
a.all_new_products:hover,
a.all_best_sellers:hover,
a.all_featured_products:hover,
a.all_most_products:hover {
    background-color: #1e1e24 !important;
    color: #ffffff !important;
}


/* TEXTE_A_REMPLACER */
#subcategories, .subcategories, .block-subcategories {
    display: none !important;
}

/* Masquer le bouton menu natif en double sur mobile */
#menu-icon {
    display: none !important;
}

/* Masquer UNIQUEMENT le tableau dans le bloc custom-text sur mobile */
@media (max-width: 767px) {
    #custom-text table {
        display: none !important;
    }
}