/* Supprimer TTC / HT */
.tax-shipping-delivery-label,
.product-price-and-shipping .tax-label,
.price-tax,
.tax-label,
.product-prices small {
  display: none !important;
}

/* Masquer symbole devise */
.price span.currency-symbol {
  display: none !important;
}


/* =====================================================
   TRANDEV – CORPORATE INSTITUTIONNEL DEFINITIF
===================================================== */

/* ======================
   BASE GENERALE
====================== */

body {
    background-color: #f3f4f6;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #2a3236;
}

/* ======================
   HEADER
====================== */

#header {
    background-color: #2a3236 !important;
    border-bottom: 4px solid #E30613;
}

/* Supprime tout fond parasite */
#header .container,
#header .row,
#header nav,
#header .navbar,
#header .header-nav,
#header .header-top {
    background-color: #2a3236 !important;
}

/* ======================
   MENU PRINCIPAL
====================== */

/* Liens menu – état normal */
#header .navbar-nav > li > a,
#header .nav-link {
    color: #f2f2f2 !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hover */
#header .navbar-nav > li > a:hover,
#header .nav-link:hover {
    color: #E30613 !important;
}

/* Actif (remplace le bleu Bootstrap) */
#header .navbar-nav > .active > a,
#header .navbar-nav > li > a[aria-current="page"] {
    color: #E30613 !important;
}

/* Supprime focus bleu */
#header a:focus,
#header a:active {
    color: #E30613 !important;
    outline: none !important;
}

/* ======================
   DROPDOWN (zone blanche corrigée)
====================== */

#header .dropdown-menu {
    background-color: #e6e8ea !important;
    border: none !important;
}

#header .dropdown-menu a {
    color: #2a3236 !important;
}

#header .dropdown-menu a:hover {
    color: #E30613 !important;
    background-color: transparent !important;
}

/* ======================
   WRAPPER
====================== */

#wrapper {
    background-color: #f3f4f6;
}

/* ======================
   CARTES PRODUITS
====================== */

.card,
.product-miniature {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}

.product-miniature:hover {
    border-color: #E30613;
}

/* ======================
   TITRES
====================== */

h1, h2, h3 {
    font-weight: 600;
    color: #2a3236;
}

/* ======================
   BOUTONS
====================== */

.btn-primary {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    border-radius: 3px;
}

.btn-primary:hover {
    background-color: #c00010 !important;
    border-color: #c00010 !important;
}

/* ======================
   PRIX
====================== */

.product-price,
.price,
.current-price {
    color: #E30613;
    font-weight: 600;
}

/* ======================
   PAGINATION
====================== */

.pagination .page-item.active .page-link {
    background-color: #E30613;
    border-color: #E30613;
}

/* ======================
   FOOTER
====================== */

#footer {
    background-color: #20282c;
    color: #cfd3d6;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

#footer a {
    color: #ffffff;
}

#footer a:hover {
    color: #E30613;
}

/* =====================================
   SUPPRESSION DEFINITIVE DU BLEU BOOTSTRAP
===================================== */

/* Tous les liens du header */
#header a,
#header .nav-link,
#header .navbar-nav > li > a {
    color: #f2f2f2 !important;
}

/* Hover */
#header a:hover,
#header .nav-link:hover,
#header .navbar-nav > li > a:hover {
    color: #E30613 !important;
}

/* Supprime couleur bleue focus Bootstrap */
#header a:focus,
#header a:active,
#header .nav-link:focus,
#header .nav-link:active {
    color: #E30613 !important;
    box-shadow: none !important;
    outline: none !important;
}


/* =====================================
   MEGAMENU – LISIBILITÉ AMÉLIORÉE
===================================== */

/* Fond megamenu */
#header .dropdown-menu {
    background-color: #e6e8ea !important;
}

/* Liens megamenu – état normal */
#header .dropdown-menu a,
#header .dropdown-menu .dropdown-item {
    color: #2f3a3f !important;   /* gris institutionnel lisible */
    font-weight: 500;
}

/* Hover */
#header .dropdown-menu a:hover,
#header .dropdown-menu .dropdown-item:hover {
    color: #E30613 !important;
    background-color: transparent !important;
}

/* Titre de colonne si présent */
#header .dropdown-menu .dropdown-submenu > a,
#header .dropdown-menu .category-title {
    color: #1f272b !important;
    font-weight: 600;
}

/* =====================================
   MEGAMENU – EQUILIBRE NIVEAU 1
===================================== */

/* Fond du megamenu */
#header .dropdown-menu,
#header .popover,
#header .sub-menu {
    background-color: #e6e8ea !important;
    border: none !important;
}

/* Premier niveau (colonnes principales) */
#header .dropdown-menu > li > a,
#header .sub-menu > li > a,
#header .popover > li > a {
    color: #4a545a !important;   /* gris moyen plus doux */
    font-weight: 600;
}

/* Sous-niveaux */
#header .dropdown-menu a,
#header .sub-menu a {
    color: #5c676d !important;   /* gris plus clair */
    font-weight: 500;
}

/* Hover */
#header .dropdown-menu a:hover,
#header .sub-menu a:hover {
    color: #E30613 !important;
    background-color: transparent !important;
}

/* =====================================
   CARTES PRODUITS – HAUTEUR UNIFORME
===================================== */

/* Carte en flex */
.product-miniature {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Contenu interne */
.product-miniature .product-description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Titre hauteur fixe */
.product-miniature .product-title {
    min-height: 48px;  /* ajuste si nécessaire */
    line-height: 1.2;
}

/* Prix toujours en bas */
.product-miniature .product-price-and-shipping {
    margin-top: auto;
}


/* =====================================
   ESPACE VERTICAL ENTRE COLONNES PRODUITS
===================================== */

/* Ajoute espace sous chaque colonne produit */
.js-product {
    margin-bottom: 30px;
}