/* =============================================================
   1. DÉCLARATION DES POLICES OFFICIELLES [cite: 115, 138]
   ============================================================= */
@font-face {
  font-family: 'NeutraTextLight';
  src: url('../fonts/NeutraTextLight.woff2') format('woff2'); /* Pour l'accompagnement [cite: 119, 120] */
}

@font-face {
  font-family: 'ITCAvantGardeGothicBold';
  src: url('../fonts/ITCAvantGardeGothicBold.woff2') format('woff2'); /* Pour le territoire visuel [cite: 116, 132] */
}

/* =============================================================
   2. VARIABLES DE LA CHARTE (ADN 7RENTAL) [cite: 108]
   ============================================================= */
:root {
  /* Couleurs Principales */
  --7r-orange: #e6332a;        /* Pantone Orange 021C [cite: 76, 86] */
  --7r-orange-alt: #e84e1b;    /* Pantone 1788C [cite: 77, 87] */
  --7r-black: #1d1d1b;         /* Pantone Process Black C [cite: 93, 102] */
  
  /* Couleurs d'accompagnement [cite: 267] */
  --7r-grey-dark: #575756;     /* Pantone 425C [cite: 94, 103, 211, 217] */
  --7r-grey-light: #b2b2b1;    /* Pantone 425C à 40% [cite: 252, 298] */
  --7r-grey-extra-light: #d9dada; /* Pantone Cool Gray 3 C [cite: 256, 262] */
  
  /* Espace de protection 1x [cite: 41, 59] */
  /* Correspond à l'écart entre le haut du R et le haut du 7 [cite: 37, 59] */
  --7r-spacing: 20px; 
}

/* =============================================================
   3. STYLES GLOBAUX & TYPOGRAPHIE
   ============================================================= */
body {
  font-family: 'Verdana', sans-serif; /* Police bureautique obligatoire  */
  color: var(--7r-grey-dark);
  background-color: white;
  line-height: 1.6;
}

h1, h2, h3, .h1, .h2, .h3, .product-name {
  font-family: 'ITCAvantGardeGothicBold', sans-serif; /* Territoire visuel  */
  text-transform: uppercase;
  color: var(--7r-black);
  letter-spacing: 0.5px;
}

/* Liens et Menu d'accompagnement [cite: 136] */
.menu-item, .nav-link, a {
  font-family: 'NeutraTextLight', sans-serif;
  transition: color 0.3s ease;
}

/* =============================================================
   4. HEADER (STYLE DARK PREMIUM) [cite: 145, 158]
   ============================================================= */
#header {
  background-color: var(--7r-black); /* Fond foncé pour le logo blanc [cite: 158] */
}

.header-nav, .menu, .menu a {
  background: var(--7r-black) !important;
  color: white !important;
}

#header .logo {
  padding: var(--7r-spacing) 0; /* Respect de la zone de protection 1x [cite: 58, 59] */
  max-width: 150px; /* Assure la lisibilité [cite: 67] */
}

/* Barre de recherche discrète */
#search_widget input[type=text] {
  background: var(--7r-grey-dark);
  border: none;
  color: white;
  border-radius: 0;
}

/* =============================================================
   5. ÉLÉMENTS D'ACTION (BOUTONS) [cite: 26, 112]
   ============================================================= */
.btn-primary, .add-to-cart, #submit-login {
  background-color: var(--7r-orange) !important;
  border: none !important;
  font-family: 'ITCAvantGardeGothicBold', sans-serif;
  text-transform: uppercase;
  padding: 12px 25px;
  border-radius: 0; /* Style industriel/pro */
}

.btn-primary:hover {
  background-color: var(--7r-orange-alt) !important;
}

/* =============================================================
   STYLE DES ÉTIQUETTES PRODUITS (FLAGS & DEVIS)
   ============================================================= */

/* Cible les drapeaux "Nouveau" et "Obtenez un devis" sur les vignettes */
.product-flags .product-flag,
.product-flags li.product-flag,
.product-flags .new,
.product-flags .on-sale {
    background-color: var(--7r-orange) !important; /* Orange 021C */
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 10px;
}

/* Ajustement spécifique pour le texte "OBTENEZ UN DEVIS" */
.product-flags .product-flag.roja45-quote-flag, 
.product-flags .roja45-quote-badge {
    background-color: var(--7r-orange) !important;
}

/* =============================================================
   7. BLOCS D'EXPERTISE (ICÔNE 7R) [cite: 272, 273]
   ============================================================= */
.expertise-card {
  border: 1px solid var(--7r-grey-extra-light);
  padding: var(--7r-spacing);
  text-align: center;
  transition: transform 0.3s;
}

/* Le cartouche iconique 7R  */
.icon-7r {
  background-color: var(--7r-black);
  color: white;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  font-family: 'ITCAvantGardeGothicBold', sans-serif;
  font-size: 24px;
}

.icon-7r span {
  color: var(--7r-orange); /* Le 7 en orange dans le cartouche [cite: 272] */
}

/* =============================================================
   8. MENU DE NAVIGATION (STYLE NEUTRA)
   ============================================================= */

/* Fond du menu */
.header-top {
  background-color: var(--7r-black); /* Pantone Process Black C */
  border-bottom: 1px solid var(--7r-grey-dark);
}

/* Style des liens du menu */
#desktop_top_menu_wrapper #top-menu > li > a {
  font-family: 'NeutraTextLight', sans-serif;
  color: white !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 14px;
  padding: 1.5rem 1rem;
}

/* État au survol (Hover) */
#desktop_top_menu_wrapper #top-menu > li > a:hover {
  color: var(--7r-orange) !important; /* Pantone Orange 021C */
  background: transparent;
}

/* Indicateur de catégorie active */
#desktop_top_menu_wrapper #top-menu > li.cms-page a.active,
#desktop_top_menu_wrapper #top-menu > li > a:focus {
  color: var(--7r-orange) !important;
}

/* Sous-menus (Dropdown) */
.popover.sub-menu {
  background-color: var(--7r-black) !important;
  border: 1px solid var(--7r-grey-dark);
}

.popover.sub-menu a {
  color: var(--7r-grey-light) !important;
  font-family: 'Verdana', sans-serif; /* Plus lisible pour les listes */
}

.popover.sub-menu a:hover {
  color: white !important;
  padding-left: 5px; /* Petit effet de décalage au survol */
}

/* =============================================================
   9. FICHE PRODUIT (STYLE TECHNIQUE & AÉRÉ)
   ============================================================= */

/* Nom du produit */
.product-detail-name h1, .h1.nametitle {
  font-family: 'ITCAvantGardeGothicBold', sans-serif;
  text-transform: uppercase;
  color: var(--7r-black);
  margin-bottom: var(--7r-spacing);
  letter-spacing: 1px;
}

/* Prix du produit */
.product-prices .current-price {
  font-family: 'ITCAvantGardeGothicBold', sans-serif;
  color: var(--7r-orange) !important;
  font-size: 2rem;
}

/* Bouton Ajouter au panier / Devis */
.product-add-to-cart .add-to-cart {
  background-color: var(--7r-orange) !important;
  font-size: 1.2rem;
  padding: 15px 30px;
  width: 100%;
  transition: all 0.3s ease;
}

/* Onglets d'informations (Description, Détails) */
.tabs .nav-tabs .nav-link {
  font-family: 'NeutraTextLight', sans-serif;
  text-transform: uppercase;
  border: none;
  color: var(--7r-grey-dark);
}

.tabs .nav-tabs .nav-link.active {
  color: var(--7r-orange);
  border-bottom: 3px solid var(--7r-orange);
}

/* Tableau des caractéristiques techniques */
.product-features > dl.data-sheet {
  display: grid;
  grid-template-columns: 1fr 2fr;
  font-family: 'Verdana', sans-serif;
  border-top: 1px solid var(--7r-grey-extra-light);
}

.product-features > dl.data-sheet dt.name {
  font-weight: bold;
  background: var(--7r-grey-extra-light);
  padding: 10px;
  margin: 0;
  color: var(--7r-black);
}

.product-features > dl.data-sheet dd.value {
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid var(--7r-grey-extra-light);
}

/* =============================================================
   10. MODULE ROJA45 : DEVIS PRO (STYLE 7RENTAL)
   ============================================================= */

/* Style du bouton "Ajouter au devis" */
.roja45-quote-button, 
.add-to-quote-button,
#roja45_quote_btn_container .btn-secondary {
  background-color: var(--7r-orange) !important; /* Pantone Orange 021C [cite: 76, 86] */
  color: white !important;
  font-family: 'ITCAvantGardeGothicBold', sans-serif; /* Territoire visuel [cite: 116, 132] */
  text-transform: uppercase;
  border: none !important;
  padding: 15px 25px;
  letter-spacing: 1px;
  transition: background 0.3s ease;
  width: 100%;
  display: block;
  text-align: center;
}

.roja45-quote-button:hover {
  background-color: var(--7r-orange-alt) !important; /* Pantone 1788C [cite: 77, 87] */
}

/* =============================================================
   12. VIGNETTES PRODUITS : DESIGN MODERNE & SANS PRIX (ACCUEIL)
   ============================================================= */

/* 1. Conteneur principal (La Carte) */
.product-miniature {
    background: #ffffff;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 25px;
    padding-bottom: 20px !important; /* Augmenté à 20px pour sécurité totale des prix */
    overflow: visible !important; /* Ne coupe pas les drapeaux */
}

.product-miniature:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* 2. Correction du bouton "OBTENEZ UN DEVIS" */
.product-flags .product-flag {
    width: auto !important;
    max-width: none !important;
    padding: 6px 15px !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    z-index: 5;
}

/* 3. Zone de texte (Titre et Description) */
.product-description {
    padding: 15px 10px 5px !important;
    text-align: center;
}

.product-miniature .product-title a {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: var(--7r-black) !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    display: block;
    line-height: 1.4;
    min-height: 38px; /* Assure l'alignement sur 2 lignes si besoin */
    margin-bottom: 10px !important;
}

/* 4. Gestion des Prix (Conditionnel) */
.product-price-and-shipping {
    display: block !important;
    margin-top: 10px !important;
}

.product-price-and-shipping .price {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: var(--7r-black) !important;
    font-size: 15px !important;
    font-weight: bold;
}

/* 5. Bouton Aperçu Rapide (Quick-View) */
.product-miniature .thumbnail-container {
    position: relative;
    overflow: visible;
}

.product-miniature .quick-view {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -20%);
    background-color: var(--7r-orange) !important;
    color: white !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    padding: 12px 25px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: none;
    font-size: 12px;
    z-index: 100 !important; /* Passe au-dessus de tout */
    white-space: nowrap;
    box-shadow: 0 5px 15px rgba(230, 51, 42, 0.3);
}

.product-miniature:hover .quick-view {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.product-miniature .quick-view:hover {
    background-color: var(--7r-black) !important;
}

/* 6. Nettoyage mobile */
@media (max-width: 767px) {
    .product-miniature {
        max-width: 280px;
        margin: 0 auto 30px;
    }
    .product-flags {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}
/* =============================================================
   13. DESIGN DES TITRES DE SECTIONS (ACCUEIL)
   ============================================================= */

.products-section-title {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important; /* Territoire visuel */
    text-transform: uppercase;
    text-align: center;
    font-size: 26px !important;
    color: var(--7r-black) !important; /* Pantone Process Black C */
    letter-spacing: 2px;
    margin-top: 60px !important;
    margin-bottom: 50px !important;
    position: relative;
    padding-bottom: 15px;
}

/* Le liseré orange signature (comme dans le footer) */
.products-section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px; /* Largeur du trait orange */
    height: 4px;
    background-color: var(--7r-orange); /* Pantone Orange 021C */
}

/* =============================================================
   23. HEADER : VISIBILITÉ, COULEURS ET CONTACT
   ============================================================= */

/* 1. Rendre tous les textes du haut visibles (Blanc) */
.header-nav, 
.header-nav a, 
.header-nav span, 
.quote-link a {
    color: #ffffff !important; /* Blanc pur pour le contraste */
    font-family: 'NeutraTextLight', sans-serif !important; /* Accompagnement */
    text-transform: uppercase;
    text-decoration: none !important;
}

/* 2. Style spécifique pour "Appelez-nous" */
#_desktop_contact_link .contact-link {
    font-size: 15px !important; /* Plus gros pour la lisibilité */
}

/* 3. Mise en avant du Numéro de Téléphone */
#_desktop_contact_link .contact-link strong {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important; /* Territoire visuel */
    color: var(--7r-orange) !important; /* Orange 021C */
    font-size: 18px !important; /* Très lisible */
    margin-left: 5px;
}

/* 4. Icônes en Orange 7Rental pour le dynamisme */
.header-nav i, 
#_desktop_user_info i, 
.quote-link i,
#_desktop_contact_link i {
    color: var(--7r-orange) !important;
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

/* 5. Espacement des boutons Connexion / Devis */
.header-nav .right-nav {
    display: flex;
    justify-content: flex-end;
    gap: 25px; /* Espace de sécurité entre les blocs */
    align-items: center;
}

/* =============================================================
   24. DESIGN HEADER "PRO" & OPTIMISATION MOBILE
   ============================================================= */

@media (min-width: 992px) {
    header#header {
        background-color: var(--7r-black); /* Pantone Process Black C */
    }

    .header-nav {
        border-bottom: 1px solid var(--7r-grey-dark); /* Pantone 425C */
        padding: 8px 0;
    }

    #_desktop_logo {
        padding: 20px 0;
        text-align: center;
    }

    #_desktop_logo img {
        max-height: 110px; /* Logo imposant pour le prestige */
        width: auto;
    }

    #search_widget form input[type=text] {
        background: #2b2b29; /* Gris furtif industriel */
        border: 1px solid var(--7r-grey-dark);
        color: white;
        border-radius: 0;
    }
}

@media (max-width: 991px) {
    .header-top {
        background-color: var(--7r-black) !important;
    }
    #_mobile_logo img {
        max-height: 85px !important;
        padding: 10px 0;
    }
    .menu-icon i, .shopping-cart i {
        color: white !important;
    }
}

/* =============================================================
   25. TOUCHE FINALE : LISERÉ DE DYNAMISME
   ============================================================= */

/* Ligne orange de séparation officielle */
.header-top {
    border-bottom: 2px solid var(--7r-orange) !important;
}

#top-menu > li > a {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    font-weight: bold;
    letter-spacing: 1px;
}

/* =============================================================
   26. STYLISATION ACCUEIL : BADGES, PAVÉ NOIR & PARTENAIRES
   ============================================================= */

.home-seo-container { 
    padding: 60px 0; 
}

/* --- Aération massive de l'introduction SEO --- */
.intro-text-premium {
    text-align: center;
    font-size: 1.3rem;
    font-family: 'NeutraTextLight', sans-serif; /* Accompagnement */
    color: var(--7r-black); /* Pantone Process Black C */
    max-width: 950px;
    margin: 60px auto 80px !important; /* Espacement 60px haut / 80px bas */
    line-height: 1.8;
}

/* --- Grille Expertise & Marques --- */
.expertise-grid-premium {
    display: flex;
    gap: 40px;
    margin-bottom: 80px; 
}

.expertise-column { 
    flex: 1; 
}

.section-subtitle {
    font-family: 'ITCAvantGardeGothicBold', sans-serif; /* Territoire visuel */
    text-transform: uppercase;
    font-size: 1.1rem !important;
    margin-bottom: 25px !important;
    text-align: center;
}

/* --- Le retour des Badges Orange --- */
.metiers-badges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 20px;
}

.badge-7r {
    background: #ffffff;
    color: var(--7r-orange) !important; /* Pantone Orange 021C */
    border: 2px solid var(--7r-orange);
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    padding: 10px 18px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.badge-7r i { margin-right: 10px; font-size: 16px; }

.badge-7r:hover {
    background: var(--7r-orange);
    color: #ffffff !important;
    transform: scale(1.05);
}

/* --- Mur de Confiance : Partenaires & Logos --- */
.shadow-prestige {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Ombre de prestige */
    border-bottom: 4px solid var(--7r-orange) !important; /* Ligne de dynamisme */
    background: white;
    padding: 30px;
}

.partners-logo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 15px;
}

.partner-item {
    background: #f8f8f8;
    border: 1px solid var(--7r-grey-extra-light); /* Cool Gray 3 C */
    color: var(--7r-grey-dark);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    filter: grayscale(100%); /* Effet pro noir et blanc */
    opacity: 0.7;
}

.partner-item:hover {
    filter: grayscale(0%); /* Retour couleur au survol */
    opacity: 1;
    border-color: var(--7r-orange);
    transform: translateY(-3px);
}

/* --- Pavé Noir Premium --- */
.logistics-black-block {
    background-color: var(--7r-black) !important;
    padding: 100px 40px; /* Aération maximale */
    border-top: 5px solid var(--7r-orange);
    text-align: center;
}

.white-description {
    color: #ffffff !important;
    font-size: 17px;
    max-width: 850px;
    margin: 0 auto 40px;
    font-family: 'Verdana', sans-serif; /* Précision technique */
}

.orange-title {
    color: var(--7r-orange) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    font-size: 22px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* --- Bouton "Un Besoin ? Contactez-nous" --- */
.btn-7r-premium {
    display: inline-block;
    background-color: var(--7r-orange) !important;
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    text-transform: uppercase;
    padding: 22px 50px;
    font-size: 18px;
    letter-spacing: 1.5px;
    border: none;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.btn-7r-premium:hover {
    background-color: #ffffff !important;
    color: var(--7r-black) !important;
    transform: translateY(-5px);
}

.logistics-icons-row {
    display: flex;
    justify-content: center;
    gap: 40px;
    color: #ffffff;
    margin-bottom: 50px;
    font-family: 'NeutraTextLight', sans-serif;
    text-transform: uppercase;
}

.logistics-icons-row i { color: var(--7r-orange); font-size: 20px; }

/* --- Responsive Mobile --- */
@media (max-width: 991px) {
    .expertise-grid-premium { flex-direction: column; }
    .intro-text-premium { font-size: 1.1rem; margin: 40px 20px !important; }
    .logistics-black-block { padding: 60px 20px; }
}

/* =============================================================
   SECTION 27. FOOTER FINAL (CORRECTION FOND, LOGO & CENTRAGE)
   ============================================================= */

/* 1. Reset Global Footer : Restauration du Noir */
footer#footer {
    background-color: #1d1d1b !important; /* Pantone Process Black C */
    padding: 60px 0;
    border-top: 5px solid #e6332a; /* Pantone Orange 021C */
    color: #ffffff;
}

/* 2. Nettoyage des éléments parasites PrestaShop */
#footer .block-contact, #footer .contact-rich, #footer .block_various_links, 
#footer .navbar-toggler, #footer hr, #footer .h3, #footer .links h3 {
    display: none !important;
}

/* 3. Logo : Taille bridée pour éviter le décalage */
.footer-logo-premium {
    display: block !important;
    max-width: 160px !important;
    height: auto !important;
    margin-bottom: 20px;
}

/* 4. Style des titres personnalisés */
.footer-title-7r {
    display: inline-block !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #e6332a !important;
}

/* 5. Téléphone (Orange & Gras) */
.footer-tel-7r {
    color: #e6332a !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    font-weight: bold !important;
    font-size: 20px !important;
    margin-top: 15px !important;
    display: block !important;
}

/* 6. Email (Blanc, Souligné, 16px) */
.footer-email-7r, .footer-email-7r a {
    color: #ffffff !important;
    font-size: 16px !important;
    text-decoration: underline !important;
    display: block !important;
    margin: 10px 0 !important;
}

/* 7. Liens de Navigation (Blanc pur) */
.footer-links-wrapper a {
    color: #ffffff !important;
    font-family: 'NeutraTextLight', sans-serif !important;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 2.2;
    text-decoration: none !important;
}

/* 8. Réseaux Sociaux */
.social-icons-7r { display: flex; gap: 10px; }
.social-box-7r {
    width: 40px; height: 40px; background: #333;
    color: #fff !important; display: flex; align-items: center; justify-content: center;
}
.social-box-7r:hover { background: var(--7r-orange) !important; }

/* 9. CONFIGURATION MOBILE : Centrage total & suppression lignes */
@media (max-width: 767px) {
    .footer-flex-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .footer-column-7r {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 40px !important;
        border: none !important; /* Supprime les lignes blanches */
        padding: 0 !important;
    }

    .footer-logo-premium {
        margin: 0 auto 20px !important;
    }

    .footer-title-7r {
        margin: 0 auto 15px !important;
    }

    .footer-links-wrapper ul {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    #footer .collapse, #footer .links {
        display: block !important;
        border: none !important;
        box-shadow: none !important;
    }

    .social-icons-7r {
        justify-content: center !important;
    }
}

/* =============================================================
   28. BARRE DE CONFIANCE HAUT DE PAGE (STYLE 2026)
   ============================================================= */

.trust-bar-7r {
    background-color: #f8f8f8; /* Gris très clair pour contraster avec le header noir */
    padding: 15px 0;
    border-bottom: 1px solid var(--7r-grey-extra-light);
    overflow: hidden;
}

.trust-item-7r {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

/* Icônes iconiques Orange 021C */
.trust-item-7r i {
    color: var(--7r-orange);
    font-size: 24px;
}

.trust-content-7r {
    display: flex;
    flex-direction: column;
}

/* Chiffres en ITC Avant Garde Bold */
.trust-number {
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    font-size: 16px;
    color: var(--7r-black);
    line-height: 1.2;
}

/* Labels en Neutra Text Light */
.trust-label {
    font-family: 'NeutraTextLight', sans-serif;
    font-size: 11px;
    color: var(--7r-grey-dark);
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* --- Adaptations Mobile --- */
@media (max-width: 767px) {
    .trust-bar-7r {
        padding: 10px 0;
    }
    
    .trust-item-7r {
        gap: 6px;
    }
    
    .trust-item-7r i {
        font-size: 18px;
    }
    
    .trust-number {
        font-size: 12px;
    }
    
    .trust-label {
        font-size: 8px;
        letter-spacing: 0.5px;
    }
}

/* =============================================================
   29. ICÔNES DE NAVIGATION (CORRECTION VERSION 1.7.4)
   ============================================================= */

/* 1. Préparation des liens (On simplifie le sélecteur) */
#top-menu > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 10px 15px !important;
    font-size: 11px !important;
    gap: 5px;
}

/* 2. Paramétrage de la police d'icônes (Multi-versions) */
#top-menu > li > a::before {
    /* Teste plusieurs noms de polices FontAwesome courants sur PS 1.7 */
    font-family: "Font Awesome 5 Free", "FontAwesome", "Font Awesome 6 Free" !important;
    font-weight: 900 !important; /* Indispensable pour les icônes pleines */
    font-size: 20px !important;
    color: var(--7r-orange) !important;
    display: block !important;
    transition: all 0.3s ease;
    -webkit-font-smoothing: antialiased;
}

/* 3. Animation au survol */
#top-menu > li:hover > a::before {
    transform: translateY(-3px);
    color: #ffffff !important;
}

/* 4. Attribution des codes Unicodes (S'assurer que l'ordre correspond au menu) */
#top-menu > li:nth-child(1) > a::before { content: "\f0a1" !important; } /* Sonorisation */
#top-menu > li:nth-child(2) > a::before { content: "\f0eb" !important; } /* Lumière */
#top-menu > li:nth-child(3) > a::before { content: "\f03d" !important; } /* Vidéo */
#top-menu > li:nth-child(4) > a::before { content: "\f5fd" !important; } /* Structure */
#top-menu > li:nth-child(5) > a::before { content: "\f0e7" !important; } /* Énergie */
#top-menu > li:nth-child(6) > a::before { content: "\f4b8" !important; } /* Mobilier */
#top-menu > li:nth-child(7) > a::before { content: "\e502" !important; } /* Effets Spéciaux */
#top-menu > li:nth-child(8) > a::before { content: "\f02c" !important; } /* Marques */
#top-menu > li:nth-child(9) > a::before { content: "\f0e0" !important; } /* Contact */

/* =============================================================
   30. GRILLE DE NAVIGATION ICONIQUE (7 UNIVERS - 2026)
   ============================================================= */

.category-nav-7r {
    padding: 40px 0;
    background-color: #ffffff;
}

.category-grid-7r {
    display: grid;
    /* On passe à 7 colonnes pour intégrer Effets Spéciaux */
    grid-template-columns: repeat(7, 1fr); 
    gap: 15px; /* On réduit légèrement l'écart pour que ça tienne sur une ligne */
}

.cat-card-7r {
    background-color: var(--7r-black); /* Pantone Process Black C */
    padding: 25px 5px;
    text-align: center;
    text-decoration: none !important;
    border-bottom: 4px solid transparent;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 120px;
}

.cat-card-7r:hover {
    background-color: #2b2b29;
    border-bottom: 4px solid var(--7r-orange); /* Orange 021C */
    transform: translateY(-5px);
}

.cat-icon-7r {
    color: var(--7r-orange);
    font-size: 28px; /* Un peu plus petit pour tenir à 7 sur la ligne */
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}

.cat-card-7r:hover .cat-icon-7r {
    transform: scale(1.1);
}

.cat-name-7r {
    display: block;
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px; /* On réduit à 10px pour éviter les retours à la ligne */
    letter-spacing: 1px;
    line-height: 1.2;
}

/* --- Adaptations Tablettes & Mobile --- */
@media (max-width: 1199px) {
    .category-grid-7r {
        grid-template-columns: repeat(4, 1fr); /* 4 colonnes sur tablettes */
    }
}

@media (max-width: 767px) {
    .category-grid-7r {
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes sur mobile */
        gap: 10px;
    }
}

/* =============================================================
   32. BARRE DE RECHERCHE : DESIGN FURTIF & RÉACTIF
   ============================================================= */

/* 1. Conteneur global de recherche */
#search_widget {
    margin-top: 5px;
}

#search_widget form {
    position: relative;
    display: flex;
    align-items: center;
}

/* 2. Le Champ de Saisie (Input) */
#search_widget form input[type=text] {
    background: transparent !important; /* Fond transparent pour plus de finesse */
    border: none !important;
    border-bottom: 1px solid var(--7r-grey-dark) !important; /* Ligne fine grise au repos */
    color: white !important;
    font-family: 'NeutraTextLight', sans-serif !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 8px 35px 8px 5px !important;
    width: 200px; /* Taille fixe par défaut */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 0;
}

/* 3. Effet d'illumination au clic (Focus) */
#search_widget form input[type=text]:focus {
    width: 280px; /* S'élargit discrètement au clic */
    border-bottom: 2px solid var(--7r-orange) !important; /* L'orange 7Rental s'allume */
    outline: none;
    background: rgba(255, 255, 255, 0.05) !important; /* Très léger voile de brillance */
}

/* 4. L'icône Loupe */
#search_widget form button[type=submit] {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 0;
    transition: color 0.3s ease;
}

#search_widget form button[type=submit] i {
    color: var(--7r-grey-light) !important;
    font-size: 18px;
}

#search_widget form input[type=text]:focus + button i,
#search_widget form button[type=submit]:hover i {
    color: var(--7r-orange) !important; /* La loupe passe à l'orange */
}

/* 5. Adaptation Mobile */
@media (max-width: 991px) {
    #search_widget form input[type=text] {
        width: 100%;
        font-size: 12px;
    }
    #search_widget form input[type=text]:focus {
        width: 100%;
    }
}

/* =============================================================
   33. BOUTON RETOUR EN HAUT (STYLE INDUSTRIEL 2026)
   ============================================================= */

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--7r-orange) !important; /* Orange 021C */
    color: white !important;
    border-radius: 50%;
    display: flex !important; /* On force l'affichage */
    align-items: center;
    justify-content: center;
    z-index: 9999 !important; /* On s'assure qu'il est au-dessus de tout */
    opacity: 1 !important; /* Force la visibilité */
    visibility: visible !important;
    cursor: pointer;
}

/* État visible (activé par le scroll) */
.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Position de départ pour l'animation d'apparition */
.back-to-top:not(.is-visible) {
    transform: translateY(20px);
}

/* Effet au survol */
.back-to-top:hover {
    background-color: var(--7r-black) !important; /* Passe au noir au survol */
    box-shadow: 0 6px 20px rgba(29, 29, 27, 0.4);
    transform: translateY(-5px);
}

@media (max-width: 767px) {
    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
    }
}

/* =============================================================
   34. MICRO-ANIMATIONS : APPARITION FLUIDE (FADE-UP)
   ============================================================= */

/* 1. Définition de l'animation */
@keyframes fadeInUp7r {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. Application aux éléments stratégiques de l'accueil */
.trust-bar-7r,
.category-nav-7r, 
.products-section-title, 
.product-miniature {
    animation: fadeInUp7r 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* 3. Effet de cascade (Delays) pour ne pas tout afficher d'un coup */
.trust-bar-7r { animation-delay: 0.1s; }
.category-nav-7r { animation-delay: 0.3s; }
.products-section-title { animation-delay: 0.5s; }

/* Décalage progressif pour les 4 premiers produits */
.product-miniature:nth-child(1) { animation-delay: 0.6s; }
.product-miniature:nth-child(2) { animation-delay: 0.7s; }
.product-miniature:nth-child(3) { animation-delay: 0.8s; }
.product-miniature:nth-child(4) { animation-delay: 0.9s; }

/* =============================================================
   35. FINITIONS PAGES CATÉGORIES (STYLE INDUSTRIEL)
   ============================================================= */

/* 1. Titre de catégorie avec liseré orange signature */
h1.h1.category-title {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    color: var(--7r-black);
    border-left: 6px solid var(--7r-orange); /* Rappel code couleur #e6332a */
    padding-left: 20px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

/* 2. Bloc de description aéré */
#category-description {
    font-family: 'NeutraTextLight', sans-serif !important; /* Police d'accompagnement */
    background-color: #f9f9f9;
    padding: 25px;
    border-left: 1px solid var(--7r-grey-light);
    margin-bottom: 40px;
    line-height: 1.8;
    color: var(--7r-grey-dark);
}

/* 3. Modernisation de la barre de tri (Sort By) */
.products-selection {
    background-color: var(--7r-black) !important; /* Pantone Process Black C */
    padding: 12px 20px;
    margin-bottom: 30px;
}

.products-selection .select-title, 
.products-selection .sort-by {
    color: white !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

/* 4. Bouton de filtre (Mobile) */
#search_filter_toggler {
    background-color: var(--7r-orange) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    text-transform: uppercase;
    border: none;
}

/* =============================================================
   38. MENU MOBILE : CORRECTION DUPLICATION ICÔNES
   ============================================================= */

/* 1. Fond et texte du menu mobile */
#mobile_top_menu_wrapper {
    background-color: var(--7r-black) !important; /* Pantone Process Black C */
    padding: 20px 0;
}

#mobile_top_menu_wrapper .top-menu a {
    color: white !important;
    font-family: 'NeutraTextLight', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    padding: 15px 25px !important;
    border-bottom: 1px solid #2b2b29; /* Ligne de séparation discrète */
    display: flex;
    align-items: center;
}

/* 1. On cible UNIQUEMENT les liens du premier niveau */
#mobile_top_menu_wrapper .top-menu > li > a::before {
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    color: var(--7r-orange);
    margin-right: 15px;
    font-size: 18px;
    width: 25px;
    text-align: center;
    display: inline-block;
}

/* 2. DÉSACTIVATION pour les sous-catégories (évite la duplication) */
#mobile_top_menu_wrapper .top-menu li li a::before {
    content: none !important;
    display: none !important;
}

/* 3. Attribution des icônes au PREMIER NIVEAU uniquement */
#mobile_top_menu_wrapper .top-menu > li:nth-child(1) > a::before { content: "\f028" !important; } /* Son */
#mobile_top_menu_wrapper .top-menu > li:nth-child(2) > a::before { content: "\f0eb" !important; } /* Lumière */
#mobile_top_menu_wrapper .top-menu > li:nth-child(3) > a::before { content: "\f03d" !important; } /* Vidéo */
#mobile_top_menu_wrapper .top-menu > li:nth-child(4) > a::before { content: "\f1b2" !important; } /* Structure */
#mobile_top_menu_wrapper .top-menu > li:nth-child(5) > a::before { content: "\f0e7" !important; } /* Énergie */
#mobile_top_menu_wrapper .top-menu > li:nth-child(6) > a::before { content: "\f4b8" !important; } /* Mobilier */
#mobile_top_menu_wrapper .top-menu > li:nth-child(7) > a::before { content: "\f0d0" !important; } /* Effets */

/* 4. Amélioration visuelle des sous-menus */
#mobile_top_menu_wrapper .top-menu li li a {
    padding-left: 45px !important; /* Décalage pour compenser l'absence d'icône */
    font-size: 13px !important;
    text-transform: none !important; /* Plus de lisibilité pour les sous-catégories */
    color: var(--7r-grey-light) !important;
}

/* =============================================================
   40. FICHE PRODUIT : DESIGN TECHNIQUE & INDUSTRIEL
   ============================================================= */

/* 1. Encadrement Signature de l'image produit */
.product-cover img {
    border: 1px solid var(--7r-grey-extra-light);
    transition: border-color 0.3s ease;
}

.product-cover:hover img {
    border-color: var(--7r-orange); /* Liseré orange au survol */
}

/* 2. Titre Produit (ITC Avant Garde Bold) */
h1.nametitle, .product-detail-name h1 {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px !important;
    color: var(--7r-black);
    margin-bottom: 20px;
}

/* 3. Modernisation du Tableau des Caractéristiques */
.data-sheet {
    margin-top: 30px;
}

.data-sheet dd.value, .data-sheet dt.name {
    padding: 12px 15px !important;
    font-family: 'Verdana', sans-serif; /* Lisibilité technique maximale */
    font-size: 13px;
    border-bottom: 1px solid var(--7r-grey-extra-light);
}

.data-sheet dt.name {
    background-color: #f8f8f8; /* Fond gris clair pour les intitulés */
    font-weight: bold;
    color: var(--7r-black);
    width: 40%;
}

.data-sheet dd.value {
    color: var(--7r-grey-dark);
}

/* 4. Mise en avant du bouton Devis (Roja45) */
#roja45_quote_btn_container .btn-secondary {
    font-size: 16px !important;
    height: auto !important;
    padding: 20px !important;
    box-shadow: 0 4px 0px #b0261f; /* Effet de profondeur industriel */
    transition: all 0.2s ease;
}

#roja45_quote_btn_container .btn-secondary:active {
    transform: translateY(3px);
    box-shadow: none;
}

/* =============================================================
   41. MODAL QUICK VIEW : LISIBILITÉ GARANTIE (FOND CLAIR)
   ============================================================= */

/* On repasse la fenêtre en blanc pour que le texte noir soit visible */
.quickview .modal-content {
    background-color: #ffffff !important;
    color: var(--7r-black) !important;
    border: 3px solid var(--7r-black) !important;
}

/* On force le texte de description en noir/gris foncé pour le Quickview */
.quickview .product-description, 
.quickview .product-description *,
.quickview .product-short-description,
.quickview .product-short-description * {
    color: var(--7r-black) !important;
    background-color: transparent !important;
}

/* On garde le prix en Orange 7Rental pour l'impact */
.quickview .current-price {
    color: var(--7r-orange) !important;
}

/* La croix de fermeture passe en noir */
.quickview .close {
    color: var(--7r-black) !important;
    opacity: 1;
}

/* =============================================================
   43. PAGE DE CONFIRMATION DE DEVIS (STYLE SUCCESS 7R)
   ============================================================= */

/* 1. Titre de confirmation */
.confirmation-title {
    color: var(--7r-orange) !important; /* Orange 021C */
    border-bottom: 4px solid var(--7r-black) !important;
    padding-bottom: 15px;
    margin-bottom: 40px !important;
}

/* 2. Boîte de contenu Premium */
.confirmation-box-7r {
    background-color: #ffffff;
    border: 1px solid var(--7r-grey-extra-light);
    padding: 60px 40px !important;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 50px;
}

/* 3. Icône de succès animée */
.confirmation-icon {
    font-size: 60px;
    color: var(--7r-orange);
    margin-bottom: 25px;
}

/* 4. Typographies */
.confirmation-box-7r h2 {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    font-size: 28px;
    margin-bottom: 20px;
}

.confirmation-text {
    font-family: 'NeutraTextLight', sans-serif !important;
    font-size: 18px;
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto 30px !important;
    color: var(--7r-black);
}

/* 5. Bouton de retour */
.btn-7r-confirmation {
    padding: 18px 40px !important;
    font-size: 14px !important;
    letter-spacing: 2px;
}

.btn-link-7r {
    color: var(--7r-orange) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif;
    text-decoration: underline !important;
}

/* =============================================================
   44. PAGE MARQUES : GRILLE PREMIUM & ÉPURÉE
   ============================================================= */

/* 1. Mise en grille du conteneur de marques */
#manufacturers-list, .brand-grid, #main .brands-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    padding: 40px 0;
}

/* 2. Style de la carte "Marque" */
.brand, .brand-item, #manufacturers-list li {
    background: #ffffff !important;
    border: 1px solid var(--7r-grey-extra-light) !important;
    padding: 30px !important;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.brand:hover {
    border-color: var(--7r-orange) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    transform: translateY(-5px);
}

/* 3. Logo de la marque */
.brand-img, .brand img {
    max-width: 150px !important;
    height: auto;
    margin-bottom: 20px;
    filter: grayscale(100%); /* Look industriel */
    transition: filter 0.3s ease;
}

.brand:hover img {
    filter: grayscale(0%); /* La couleur revient au survol */
}

/* 4. Nom de la marque (Suppression du bleu) */
.brand-infos h1, .brand-title, .brand h3 {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: var(--7r-black) !important;
    text-transform: uppercase;
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

/* 5. Compteur de produits et liens */
.brand-products, .brand-nb-products {
    font-family: 'NeutraTextLight', sans-serif !important;
    color: var(--7r-grey-dark) !important;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.brand-link, .brand a.btn {
    color: var(--7r-orange) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 15px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.brand-link:hover {
    border-bottom-color: var(--7r-orange);
}

/* =============================================================
   45. PAGE CONTACT : IDENTITÉ FORTE & HARMONISATION
   ============================================================= */

/* 1. Titres des blocs (ITC Avant Garde) */
.contact-rich h4, 
.contact-form h3 {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--7r-black) !important;
    border-bottom: 3px solid var(--7r-orange);
    padding-bottom: 10px;
    margin-bottom: 30px !important;
}

/* 2. Bloc de gauche : Informations de contact */
.contact-rich .block .icon i {
    color: var(--7r-orange) !important; /* Icônes en orange */
    font-size: 24px;
}

.contact-rich .block .data a, 
.contact-rich .block .data {
    font-family: 'NeutraTextLight', sans-serif !important;
    color: var(--7r-black) !important;
    font-size: 15px;
    text-decoration: none !important;
}

/* Correction du numéro de téléphone (Bleu -> Orange) */
.contact-rich .block .data a[href^="tel"] {
    color: var(--7r-orange) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    font-size: 18px;
}

/* 3. Le Formulaire (Style industriel) */
.contact-form form {
    background: #ffffff;
    padding: 20px;
}

.contact-form input, 
.contact-form textarea, 
.contact-form select {
    border: 1px solid var(--7r-grey-extra-light) !important;
    border-radius: 0 !important;
    font-family: 'Verdana', sans-serif;
    padding: 12px !important;
}

.contact-form input:focus, 
.contact-form textarea:focus {
    border-color: var(--7r-orange) !important;
    outline: none;
}

/* 4. Bouton ENVOYER (Orange 7Rental) */
.contact-form .form-footer button[type="submit"], 
.contact-form .btn-primary {
    background-color: var(--7r-orange) !important; /* Force l'orange 021C */
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 40px !important;
    border: none !important;
    border-radius: 0 !important;
    transition: all 0.3s ease;
}

.contact-form .form-footer button[type="submit"]:hover {
    background-color: var(--7r-black) !important;
    transform: translateY(-3px);
}

/* =============================================================
   46. MEGA MENU : COULEURS (TITRES ORANGE / TEXTES BLANCS)
   ============================================================= */

/* Uniquement sur ordinateur pour préserver le menu mobile */
@media (min-width: 992px) {

    /* 1. Titres entourés en orange (Catégories parentes) */
    .popover.sub-menu .top-menu > li > a {
        color: var(--7r-orange) !important; /* Pantone Orange 021C */
    }

    /* 2. Textes entourés en blanc (Sous-produits) */
    .popover.sub-menu .top-menu li li a {
        color: #ffffff !important;
    }
    
}

/* =============================================================
   47. ACCUEIL : DYNAMISME & CENTRAGE (VERSION 2026)
   ============================================================= */

/* 1. Correction du centrage des titres */
.products-section-title {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    text-align: center !important; /* Recentrage immédiat */
    font-size: 26px !important;
    color: var(--7r-black) !important;
    margin: 80px 0 50px !important;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 2px;
}

/* Liseré orange centré sous le titre */
.products-section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: var(--7r-orange);
}

/* 2. Dynamisation du fond (Alternance de Gris et Blanc) */
#content-wrapper {
    background-color: #ffffff !important; /* Fond principal propre */
}

/* 3. Vignettes "Fly-Effect" (Effet de lévitation) */
.product-miniature {
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
}

.product-miniature:hover {
    transform: translateY(-12px); /* Plus de hauteur pour le dynamisme */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* Image produit qui zoome légèrement au survol */
.product-miniature:hover .thumbnail img {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}

/* 4. Effet au survol : L'ADN 7Rental s'active */
.product-miniature:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-color: var(--7r-orange) !important; /* Liseré orange signature */
}

/* 5. Bouton "Tous les produits" dynamisé */
.all-product-link {
    display: inline-block;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: var(--7r-black) !important;
    text-transform: uppercase;
    border: 2px solid var(--7r-black);
    padding: 12px 30px;
    margin-top: 30px;
    transition: all 0.3s ease;
}

.all-product-link:hover {
    background-color: var(--7r-black);
    color: #ffffff !important;
    text-decoration: none !important;
}

/* =============================================================
   48. ACCUEIL : TRUST WALL (MUR DE LOGOS PARTENAIRES)
   ============================================================= */

.trust-wall-container {
    padding: 80px 0;
    background-color: #ffffff; /* Fond blanc pour faire ressortir les logos */
    border-top: 1px solid var(--7r-grey-extra-light);
}

/* Grille de logos : 6 colonnes sur PC, 3 sur Tablette, 2 sur Mobile */
.trust-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
    align-items: center;
    justify-items: center;
}

.trust-item {
    width: 100%;
    max-width: 140px;
    transition: all 0.4s ease;
    filter: grayscale(100%); /* Look industriel par défaut */
    opacity: 0.6;
}

.trust-item:hover {
    filter: grayscale(0%); /* Retour à la couleur au survol */
    opacity: 1;
    transform: scale(1.1); /* Petit zoom dynamique */
}

.trust-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive Tablettes */
@media (max-width: 991px) {
    .trust-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; }
}

/* Responsive Mobiles */
@media (max-width: 575px) {
    .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

/* =============================================================
   50. MOBILE : BARRE DE DEVIS PERSISTANTE (STICKY CTA)
   ============================================================= */

@media (max-width: 991px) {
    /* Création de l'espace en bas de page pour ne pas cacher le contenu */
    body {
        padding-bottom: 70px !important;
    }

    /* Le bouton flottant */
    .mobile-sticky-quote {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background-color: var(--7r-orange) !important; /* Orange 021C */
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        box-shadow: 0 -5px 15px rgba(0,0,0,0.2);
        text-decoration: none !important;
    }

    .mobile-sticky-quote span {
        font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
        color: #ffffff !important;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
    }

    /* Badge compteur d'articles */
    .mobile-sticky-quote .cart-products-count {
        background: var(--7r-black);
        color: #ffffff;
        padding: 2px 8px;
        margin-left: 10px;
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    /* On remonte la flèche de retour en haut pour qu'elle ne soit plus masquée  */
    #back-to-top-7r, 
    .back-to-top {
        bottom: 80px !important; /* 60px du bouton + 20px de marge de sécurité  */
        transition: all 0.3s ease;
    }
}

/* Masquer sur ordinateur */
@media (min-width: 992px) {
    .mobile-sticky-quote { display: none !important; }
}

/* =============================================================
   51. PANIER & DEVIS : SUPPRESSION DU BLEU (DESIGNATIONS)
   ============================================================= */

/* 1. Noms des produits dans le panier et les listes */
.product-line-info a, 
.cart-item .product-name, 
.product-name a,
#cart .product-line-grid-body a.label {
    color: var(--7r-orange) !important; /* Passage en Orange 021C */
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* 2. Effet au survol (Noir pour le contraste) */
.product-line-info a:hover, 
.cart-item .product-name:hover {
    color: var(--7r-black) !important;
}

/* 3. Correction des prix et icônes qui pourraient rester bleus */
.cart-summary-line .value, 
.cart-item .product-price,
.cart-line-product-actions .remove-from-cart {
    color: var(--7r-black) !important;
}

/* 4. Bouton de validation dans le panier */
.checkout.cart-detailed-actions .btn-primary {
    background-color: var(--7r-orange) !important;
    border: none !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
}

/* =============================================================
   52. POP-UP AJOUT AU DEVIS : SUPPRESSION DU BLEU
   ============================================================= */

/* 1. Titre du produit dans la pop-up */
#blockcart-modal .product-name,
.modal-body .product-name,
.quotation-modal .product-name {
    color: var(--7r-orange) !important; /* Pantone Orange 021C */
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    font-size: 16px !important;
}

/* 2. Bouton "Demander un devis" dans la pop-up */
#blockcart-modal .btn-primary,
.modal-footer .btn-primary {
    background-color: var(--7r-orange) !important;
    border: none !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    padding: 12px 20px !important;
}

/* 3. Bouton "Continuer vos achats" */
#blockcart-modal .btn-secondary,
.modal-footer .btn-secondary {
    background-color: #ffffff !important;
    color: var(--7r-black) !important;
    border: 1px solid var(--7r-black) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
}

#blockcart-modal .btn-secondary:hover {
    background-color: var(--7r-black) !important;
    color: #ffffff !important;
}

/* 4. Icône de fermeture (X) */
.modal-header .close {
    color: var(--7r-black) !important;
    opacity: 1;
}

/* =============================================================
   53. PAGE CONTACT : RÉPARATION DES CHAMPS & COULEURS
   ============================================================= */

/* 1. Correction de la hauteur des cases (Texte coupé) */
.contact-form select, 
.contact-form input[type="email"], 
.contact-form input[type="text"], 
.contact-form textarea {
    height: 50px !important; /* Augmente la hauteur pour que le texte soit entier */
    padding: 10px 15px !important;
    font-family: 'NeutraTextLight', sans-serif !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important; /* Look industriel 7Rental */
}

.contact-form textarea {
    height: 150px !important; /* Plus d'espace pour le message */
}

/* 2. Suppression du contour bleu/vert au clic (Focus) */
.contact-form select:focus, 
.contact-form input:focus, 
.contact-form textarea:focus {
    outline: none !important;
    border-color: var(--7r-orange) !important; /* Passage en Orange 021C */
    box-shadow: 0 0 5px rgba(230, 51, 42, 0.2) !important; /* Halo orange léger */
}

/* 3. Style du bouton ENVOYER */
.contact-form .form-footer button[type="submit"] {
    background-color: var(--7r-orange) !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    padding: 15px 40px !important;
    border-radius: 0 !important;
    font-size: 14px !important;
}

/* 4. Alignement des titres de gauche (INFORMATIONS) */
.contact-rich h4, .contact-rich .block .icon {
    color: var(--7r-orange) !important;
}

/* =============================================================
   54. FICHE PRODUIT : DESIGN PREMIUM (VERSION NETTOYÉE)
   ============================================================= */

/* 1. PHOTOS : Bordures Orange 7Rental */
body#product .images-container .js-thumb.selected,
body#product .product-thumbnails .thumb-container.active img,
body#product .images-container .js-thumb:hover {
    border: 3px solid var(--7r-orange) !important;
}

/* 2. LE BOUTON : Noir -> Orange (Sexy & Sans icône) */
#roja45quotationspro_buttons_block .add-to-quote {
    background-color: #000000 !important; /* Noir Premium */
    background-image: none !important;    /* SUPPRIME L'ICÔNE SI C'EST UNE IMAGE */
    color: #ffffff !important;
    height: 54px !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    letter-spacing: 2px !important;      /* Effet sexy/espacé */
    border: none !important;
    border-radius: 0 !important;
    padding: 0 45px !important;           /* Centrage du texte */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: all 0.4s ease !important;
}

#roja45quotationspro_buttons_block .add-to-quote:hover {
    background-color: var(--7r-orange) !important;
    transform: translateY(-2px);
}

/* 3. SUPPRESSION RADICALE DE L'ICÔNE (Pseudo-éléments) */
#roja45quotationspro_buttons_block .add-to-quote::before, 
#roja45quotationspro_buttons_block .add-to-quote::after,
#roja45quotationspro_buttons_block .add-to-quote:before, 
#roja45quotationspro_buttons_block .add-to-quote:after {
    display: none !important;
    content: none !important;
    background: none !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 4. PRIX & ONGLETS : Style Orange 7Rental */
body#product .product-prices .current-price span {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: var(--7r-orange) !important;
    font-size: 28px !important;
}

body#product .tabs .nav-tabs .nav-link.active,
body#product .tabs .nav-tabs .nav-link:hover {
    border-bottom: 3px solid var(--7r-orange) !important;
    color: var(--7r-orange) !important;
}

body#product .tabs .nav-tabs {
    border-bottom: 2px solid #eee !important;
}

/* =============================================================
   55. HEADER : PANIER DEVIS (ORANGE & BASKET)
   ============================================================= */

/* 1. Style de l'icône panier basket */
.quote-icon i.fa-shopping-basket {
    font-size: 18px !important;
    color: var(--7r-orange) !important; /* Orange 021C */
    margin-right: 5px;
}

/* 2. La bulle de quantité (Le rond bleu devient Orange) */
.quote-qty, 
.ajax_quote_quantity {
    background-color: var(--7r-orange) !important;
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    font-size: 11px !important;
    border-radius: 50% !important;
    width: 18px;
    height: 18px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: -5px !important;
    right: -10px !important;
    padding: 0 !important;
}

/* 3. Texte "DEVIS" dans le header */
.quote-text {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    color: #ffffff !important;
}

/* Ajustement du conteneur pour mobile et desktop */
.quotation-cart-link .header {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 15px;
}

/* =============================================================
   57. PAGE RÉCAPITULATIF (SUMMARY) : VERSION FINALE NETTOYÉE
   ============================================================= */

/* 1. TABLEAU : Entêtes en Noir Premium */
#roja45quotationspro_quotation_summary thead th,
.quotepro-shopping-cart thead th {
    background-color: var(--7r-black) !important;
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    padding: 15px !important;
    border: none !important;
}

/* 2. TITRE DE LA PAGE : Ligne Orange Signature */
h2.h1.card-title, 
#roja45quotationspro_quotation_summary .quotepro-summary-title {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    color: var(--7r-black) !important;
    text-transform: uppercase;
    border-bottom: 3px solid var(--7r-orange) !important;
    padding-bottom: 10px;
    margin-bottom: 30px !important;
}

/* 3. LE BOUTON FINAL : Forçage Noir Premium -> Orange au survol */
#roja45quotationspro_quotation_summary button.btn-primary.btn-request-quote,
#roja45quotationspro_quotation_summary #submit-quotation,
#roja45_quotationspro_customer_form button[name="submitQuotation"] {
    background-color: #000000 !important; /* On impose le Noir */
    background-image: none !important;
    color: #ffffff !important;
    height: 56px !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 40px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: none !important;
}

/* Effet au survol du bouton */
#roja45quotationspro_quotation_summary button.btn-primary.btn-request-quote:hover {
    background-color: var(--7r-orange) !important;
    transform: translateY(-2px);
}

/* 4. BOUTON CONTINUER MA SÉLECTION */
#roja45quotationspro_quotation_summary .btn-secondary,
.btn-continue-shopping {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    color: var(--7r-black) !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
}

/* =============================================================
   57. PAGE RÉCAPITULATIF : FORÇAGE ABSOLU (ID DE PAGE)
   ============================================================= */

/* 1. On cible spécifiquement la page du module Roja45 */
body#module-roja45quotationspro-QuotationsProFront .btn-primary.btn-request-quote,
body#module-roja45quotationspro-QuotationsProFront #submit-quotation,
body#module-roja45quotationspro-QuotationsProFront button[name="submitQuotation"] {
    background-color: #000000 !important; /* Force le Noir */
    background-image: none !important;
    color: #ffffff !important;
    height: 56px !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 45px !important;
    transition: all 0.3s ease !important;
}

/* 2. État au survol sur cette page spécifique */
body#module-roja45quotationspro-QuotationsProFront .btn-primary.btn-request-quote:hover {
    background-color: var(--7r-orange) !important;
    transform: translateY(-2px);
}

/* 3. Suppression de la ligne rouge sous "VOTRE SÉLECTION" */
body#module-roja45quotationspro-QuotationsProFront h2.h1.card-title,
body#module-roja45quotationspro-QuotationsProFront .quotepro-summary-title {
    border-bottom: 3px solid var(--7r-orange) !important;
    color: #000 !important;
}

/* =============================================================
   FORCE BRUTE : PAGE RÉCAPITULATIF (FINALE)
   ============================================================= */

/* Cible précisément le bouton de soumission par son nom technique [cite: 40] */
#roja45quotationspro_quotation_summary .btn-request-quote,
#roja45_quotationspro_customer_form button[name="submitQuotation"],
button.btn-request-quote {
    background-color: #000000 !important; /* Noir Premium */
    background-image: none !important;    /* Supprime tout dégradé rouge éventuel */
    color: #ffffff !important;
    height: 54px !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 800 !important;
    letter-spacing: 1px;
}

/* Survol en Orange 7Rental */
#roja45quotationspro_quotation_summary .btn-request-quote:hover,
#roja45_quotationspro_customer_form button[name="submitQuotation"]:hover {
    background-color: #e6332a !important; 
    transform: translateY(-2px);
}

/* =============================================================
   58. PAGE CONNEXION : DESIGN PREMIUM & ÉPURÉ
   ============================================================= */

/* 1. TITRE DE LA PAGE : ITC Avant Garde Bold  */
body#authentication h1, 
body#authentication .page-header h1 {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    color: var(--7r-black) !important;
    text-align: center;
    margin-bottom: 40px !important;
    letter-spacing: 1px;
}

/* 2. LABELS (Email, Mot de passe) : Neutra Text Light  */
body#authentication .form-control-label {
    font-family: 'NeutraTextLight', sans-serif !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--7r-grey-dark) !important;
}

/* 3. BOUTON CONNEXION : Noir Premium -> Orange */
body#authentication #submit-login,
body#authentication .login-form .btn-primary {
    background-color: #000000 !important; /* On retire le rouge */
    color: #ffffff !important;
    height: 54px !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    border: none !important;
    border-radius: 0 !important; /* Look industriel */
    padding: 0 50px !important;
    transition: all 0.3s ease !important;
    margin: 20px auto 0 !important;
    display: block !important;
    width: auto !important;
    min-width: 220px;
}

body#authentication #submit-login:hover {
    background-color: var(--7r-orange) !important; /* Orange 021C au survol */
    transform: translateY(-2px);
}

/* 4. CHAMPS DE SAISIE : Carrés & Précis */
body#authentication .form-control {
    border-radius: 0 !important;
    border: 1px solid var(--7r-grey-light) !important;
    font-family: 'Verdana', sans-serif !important;
}

body#authentication .form-control:focus {
    border-color: var(--7r-orange) !important;
    outline: none !important;
}

/* 5. LIENS SECONDAIRES (Mot de passe oublié, Créer un compte) */
body#authentication .forgot-password a,
body#authentication .no-account a {
    font-family: 'NeutraTextLight', sans-serif !important;
    color: var(--7r-grey-dark) !important;
    text-decoration: underline !important;
    font-size: 14px;
}

body#authentication .no-account a:hover {
    color: var(--7r-orange) !important;
}

/* =============================================================
   59. FILTRES DE RECHERCHE (FACETED SEARCH) : STYLE 7RENTAL
   ============================================================= */

/* 1. Titres des blocs de filtres (Catégorie, Marque...) */
#search_filters .facet .facet-title,
.facet p.h6 {
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    color: var(--7r-black) !important;
    letter-spacing: 1px;
    border-bottom: 2px solid var(--7r-orange) !important; /* Ligne orange signature */
    padding-bottom: 8px;
    margin-bottom: 15px !important;
}

/* 2. Suppression du bleu sur les éléments sélectionnés */
#search_filters .facet .facet-label.active,
#search_filters .facet .facet-label.active a {
    background-color: var(--7r-orange) !important; /* Remplace le cyan par l'orange 021C */
    color: #ffffff !important;
    padding: 2px 8px;
}

/* 3. Cases à cocher (Checkboxes) : Orange au lieu de bleu */
.custom-checkbox input[type="checkbox"]:checked + span i {
    color: var(--7r-orange) !important;
}

#search_filters .custom-checkbox input[type="checkbox"]:checked + span {
    border-color: var(--7r-orange) !important;
}

/* 4. Liste des marques et catégories : Neutra Text Light */
#search_filters .facet .facet-label a {
    font-family: 'NeutraTextLight', sans-serif !important;
    text-transform: uppercase;
    font-size: 13px;
    color: var(--7r-grey-dark) !important;
    transition: color 0.2s ease;
}

#search_filters .facet .facet-label a:hover {
    color: var(--7r-orange) !important;
    text-decoration: none !important;
}

/* 5. Le Curseur de Prix (Slider) */
.ui-slider .ui-slider-range {
    background-color: var(--7r-orange) !important;
}

.ui-slider .ui-slider-handle {
    background-color: var(--7r-black) !important;
    border: 2px solid var(--7r-orange) !important;
}

/* 6. Tags de filtres actifs (en haut de la liste) */
#js-active-search-filters .filter-block {
    background-color: var(--7r-black) !important;
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 0;
}

#js-active-search-filters .filter-block .close {
    color: var(--7r-orange) !important;
    opacity: 1;
}

/* --- CORRECTIF SURVOL FILTRES (HOVER) --- */

/* On empêche le fond bleu au survol sur toute la ligne du filtre */
#search_filters .facet .facet-label:hover,
#search_filters .facet .facet-label:hover a,
#search_filters .facet .facet-label a:hover {
    background-color: var(--7r-orange) !important; /* Passage en Orange 021C au survol */
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
}

/* On s'assure que le texte reste lisible si la ligne entière devient orange */
#search_filters .facet .facet-label:hover .magnitude {
    color: #ffffff !important;
}

/* =============================================================
   60. FILTRES LATERAUX : FIX DU BLEU AU SURVOL & ACTIF
   ============================================================= */

/* 1. On force l'orange sur le fond au survol et quand le filtre est coché */
#search_filters .facet .facet-label:hover,
#search_filters .facet .facet-label a:hover,
#search_filters .facet .facet-label.active,
#search_filters .facet .facet-label.active a {
    background-color: var(--7r-orange) !important; /* Passage à l'Orange 021C */
    color: #ffffff !important;
    text-decoration: none !important;
    display: block; /* Assure que toute la ligne prend la couleur */
}

/* 3. On retire toute bordure ou ombre bleue résiduelle */
#search_filters .facet .facet-label:hover,
#search_filters .facet .facet-label.active {
    box-shadow: none !important;
    border: none !important;
}

/* Cible le lien, le label et le conteneur pour ne laisser aucune chance au bleu */
body#category #search_filters .facet .facet-label:hover,
body#category #search_filters .facet .facet-label a:hover,
body#category #search_filters .facet .facet-label:hover a,
body#category #search_filters .facet .facet-label.active,
body#category #search_filters .facet .facet-label.active a {
    background-color: var(--7r-orange) !important; /* Force l'Orange 021C */
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Force la visibilité du texte et du nombre au survol */
#search_filters .facet .facet-label:hover .magnitude,
#search_filters .facet .facet-label.active .magnitude {
    color: #ffffff !important;
}

/* =============================================================
   61. FILTRES & VIGNETTES : ÉRADICATION CYAN & BOUTON ACTIF
   ============================================================= */

/* 1. ÉLIMINATION TOTALE DU CYAN (Filtres marques/catégories) */
#search_filters .facet ul li:hover,
#search_filters .facet .facet-label:hover,
#search_filters .facet .facet-label:hover a,
#search_filters .facet .facet-label.active,
#search_filters .facet .facet-label.active a {
    background-color: var(--7r-orange) !important; /* Force l'Orange 021C */
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 2. STYLE DU NOUVEAU BOUTON "AJOUTER AU PANIER" SUR LES VIGNETTES */
.product-list-add-to-quote .add-to-quote {
    background-color: #000000 !important; /* Noir 7Rental */
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    padding: 8px 15px !important;
    border-radius: 0 !important;
    display: inline-block !important;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease !important;
}

.product-list-add-to-quote .add-to-quote:hover {
    background-color: var(--7r-orange) !important;
    transform: translateY(-2px);
}

/* 3. MASQUAGE DE L'ANCIENNE ÉTIQUETTE ROUGE "OBTENEZ UN DEVIS" */
.product-flags .product-flag.roja45-quote-flag {
    display: none !important;
}

/* =============================================================
   62. FILTRES & VIGNETTES : ÉCRASEMENT TOTAL DU CYAN
   ============================================================= */

/* 1. ON TUE LE CYAN AU SURVOL (Sélecteur Ultra-Prioritaire) */
body#category #search_filters .facet .facet-label:hover,
body#category #search_filters .facet .facet-label:hover a,
body#category #search_filters .facet .facet-label.active,
body#category #search_filters .facet .facet-label.active a,
#search_filters .facet .facet-label:hover {
    background-color: var(--7r-orange) !important; /* Force l'Orange Signature */
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 2. ON MASQUE L'ÉTIQUETTE ROUGE STATIQUE */
.product-flags .roja45-quote-flag,
.product-flags .roja45-quote-badge,
li.product-flag.roja45-quote-flag {
    display: none !important;
}

/* 3. STYLE DU NOUVEAU BOUTON "AJOUTER AU PANIER" (VIGNETTES) */
.product-list-quote-action .add-to-quote {
    background-color: #000000 !important; /* Noir Premium */
    color: #ffffff !important;
    font-family: 'ITCAvantGardeGothicBold', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 15px;
    transition: all 0.3s ease !important;
}

.product-list-quote-action .add-to-quote:hover {
    background-color: var(--7r-orange) !important;
    transform: translateY(-2px);
}