/* v 1.5.0 */
/* aliges les elements du header */
#header .navbar.navbar-expand-lg.navbar-light{
  padding: 5px  !important;
}
#trigger_search_mobile{
  border: 0;
  background: none;
}
/* fix cartzilla */
.row {
  margin-left: 0;
  margin-right: 0;
}

.row .col {
  padding-left: 0;
  padding-right: 0;
}


html, body {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}


.account-sidebar a{
  color: var(--body-color);
}
.account-sidebar a:hover{
  color: var(--primary);
}

#my-account .card-body a,
#my-account .card-body i{
  color: var(--body-color) !important;
}
#my-account .card-body:hover a,
#my-account .card-body:hover a p,
#my-account .card-body:hover .nav-link-style,
#my-account .card-body:hover i{
  color: var(--primary) !important;
}
.scroll_text p{
    margin-bottom: 0;
}
@media (max-width: 768px) {
  #_mobile_search{
    width: 100% !important;
  }
}

#product .product-tab-details{
  display: none;
}
#product .product-tab-details.show{
  display: block;
}

.comments-nb,
.comments-note {
  display: none !important;
}



.product-comment-list-item .comment-content .comment-buttons a{
  color: var(--primary) !important;
}
.product-comment-list-item .comment-content .comment-buttons a:hover{
  color: var(--primary) !important;
}
#product-comments-list-header, 
#product-comments-list, 
.comment-content {
  margin: 0 auto;
  text-align: center;
}

/* .product-comment-list-item{
  min-width: 500px;
  max-width: 100%;
} */
.burger-menu{
  font-size: 20px;
  color: #4b566b;
}
/* ==================================================
   JORSEN – CUSTOM.CSS FINAL
   Luxe discret – Cartzilla / PrestaShop 8
================================================== */

/* ===============================
   0. FIX STRUCTURE CARTZILLA
================================ */

* { box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row > [class*="col"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===============================
   1. TYPOGRAPHIE LUXE (HERMÈS)
================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400&family=Montserrat:wght@300;400;500;600&display=swap');

:root {
  --j-dark: #1a1a1a;
  --j-grey: #555;
  --j-grey-light: #888;
  --j-gold: #B8860B;

  --font-title: 'Playfair Display', Georgia, serif;
  --font-body: 'Montserrat', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  color: var(--j-grey) !important;
  line-height: 1.8 !important;
  background: #fff !important;
}

/* ===============================
   2. HEADER – SANS BANDE
================================ */

#header .navbar {
  padding: 5px !important;
}

.page-header,
.page-title-wrapper,
.breadcrumb,
.breadcrumb-container {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===============================
   3. TITRES – FIN & ÉDITORIAL
================================ */

h1, h2 {
  font-family: var(--font-title) !important;
  font-weight: 300 !important;
  color: var(--j-dark) !important;
  letter-spacing: 0.06em !important;
  position: relative;
}

h1 {
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
}
h2 {
  font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
}

/* Signature dorée à gauche */
h1::after,
h2::after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background: var(--j-gold);
  margin-top: 0.8rem;
}

/* H3 sobres */
h3 {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  color: var(--j-dark) !important;
}

/* ===============================
   4. TITRES CMS (CORRIGÉS)
================================ */

.cms-page h1,
.cms-page h2 {
  font-family: var(--font-title) !important;
  font-weight: 300 !important;
  color: var(--j-dark) !important;
}

.cms-page h1 strong,
.cms-page h2 strong {
  font-weight: 300 !important;
}

/* ===============================
   5. HERO / SLIDER
================================ */

.hero-section,
.banner,
.jumbotron {
  padding: 7rem 0 5rem !important;
}

/* ===============================
   6. BOUTONS – SUPPRESSION BLEU
================================ */

.btn,
button,
.btn-primary,
.btn-secondary,
.btn-outline-primary {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background-color: var(--j-dark) !important;
  border-color: var(--j-dark) !important;
  color: #fff !important;
}

.btn:hover,
button:hover {
  background-color: #000 !important;
  border-color: var(--j-gold) !important;
  color: #fff !important;
}

.btn:focus,
button:focus {
  box-shadow: none !important;
}

/* ===============================
   7. SERVICES – CARTES MÉTIERS
================================ */

.services-grid-6 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 3rem !important;
}

.service-card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
  transition: transform .4s ease, box-shadow .4s ease;
}

.service-card img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
}

.service-card-content {
  padding: 2rem !important;
}

.service-card h3 {
  font-family: var(--font-title) !important;
  font-weight: 400 !important;
}

.service-card p {
  font-size: 0.95rem !important;
  color: #666 !important;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 45px rgba(0,0,0,.08);
}

@media (max-width: 992px) {
  .services-grid-6 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .services-grid-6 {
    grid-template-columns: 1fr !important;
  }
}

/* ===============================
   8. FAQ – STYLE HERMES FACILITIES
================================ */

.prettyblocks-faq {
  max-width: 900px !important;
  margin: 4rem auto !important;
  padding: 0 20px !important;
}

/* Titre FAQ centré */
.prettyblocks-faq .title-center {
  font-family: var(--font-title) !important;
  font-weight: 300 !important;
  text-align: center !important;
}

.prettyblocks-faq .title-center::after {
  margin-left: auto;
  margin-right: auto;
}

/* Neutralise container Cartzilla */
.prettyblocks-faq,
.prettyblocks-faq .container,
.prettyblocks-faq .container-fluid,
.prettyblocks-faq .row,
.prettyblocks-faq .col {
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Accordion compact */
.prettyblocks-faq .accordion-item {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  padding: 0.6rem 0 !important;
}

.prettyblocks-faq .accordion-title {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.prettyblocks-faq .accordion-content {
  padding: 0.2rem 0 0.6rem !important;
}

.prettyblocks-faq .accordion-content p {
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ===============================
   9. FOOTER – LISIBLE
================================ */

.site-footer {
  background: #0a0a0a !important;
  padding: 4rem 0 2rem !important;
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer a {
  color: #cfcfcf !important;
}

.site-footer h3 {
  font-family: var(--font-title) !important;
  font-weight: 300 !important;
  color: #fff !important;
}

.site-footer a:hover {
  color: var(--j-gold) !important;
}
/* ==================================================
   JORSEN – RESTAURATION SIGNATURE LUXE
   Menu / Cartes / FAQ (Cartzilla safe)
================================================== */

/* ===============================
   1. MENU – SOULIGNEMENT & HOVER DORÉ
================================ */

.navbar-nav .nav-link,
.main-nav a {
  color: #1a1a1a !important;
  position: relative !important;
}

.navbar-nav .nav-link::after,
.main-nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1px;
  background: #B8860B;
  transition: width 0.35s ease;
}

.navbar-nav .nav-link:hover,
.main-nav a:hover {
  color: #1a1a1a !important;
}

.navbar-nav .nav-link:hover::after,
.main-nav a:hover::after,
.navbar-nav .nav-link.active::after {
  width: 100%;
}

/* ===============================
   2. CARTES MÉTIERS – TITRES HOVER DORÉ
================================ */

.service-card h3 {
  transition: color 0.3s ease !important;
}

.service-card:hover h3 {
  color: #B8860B !important;
}

/* ===============================
   3. FAQ – STRUCTURE & ALIGNEMENT
================================ */

/* Conteneur FAQ */
.prettyblocks-faq {
  max-width: 900px !important;
  margin: 4rem auto !important;
  padding: 0 20px !important;
}

/* ANNULATION DÉCALAGE CARTZILLA */
.prettyblocks-faq,
.prettyblocks-faq .container,
.prettyblocks-faq .container-fluid,
.prettyblocks-faq .row,
.prettyblocks-faq .col {
  margin-left: 0 !important;
  padding-left: 0 !important;
  background: transparent !important;
}

/* ===============================
   4. TITRE FAQ – À GAUCHE + SIGNATURE DORÉE
================================ */

.prettyblocks-faq .title-center {
  text-align: left !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 300 !important;
  color: #1a1a1a !important;
  position: relative !important;
}

/* Signature dorée sous titre FAQ */
.prettyblocks-faq .title-center::after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background: #B8860B;
  margin-top: 0.8rem;
  margin-left: 0;
}

/* ===============================
   5. QUESTIONS FAQ – NOIR + HOVER DORÉ
================================ */

.prettyblocks-faq .accordion {
  max-width: 800px !important;
  text-align: left !important;
}

.prettyblocks-faq .accordion-item {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  padding: 0.6rem 0 !important;
}

/* Bouton question */
.prettyblocks-faq .accordion-item button {
  all: unset !important;
  display: flex !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* Texte question */
.prettyblocks-faq .accordion-title {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1.35
}
/* ==================================================
   FAQ – ALIGNEMENT GAUCHE ABSOLU (CARTZILLA OVERRIDE)
   Style Hermès Facilities
================================================== */

/* 1. CONTENEUR PRINCIPAL */
.prettyblocks-faq {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 6rem auto !important;
    padding: 0 20px !important;
    position: relative !important;
}

/* 2. ANNULATION STRUCTURE CARTZILLA */
.prettyblocks-faq,
.prettyblocks-faq .container,
.prettyblocks-faq .container-fluid,
.prettyblocks-faq .row,
.prettyblocks-faq .col,
.prettyblocks-faq [class*="col-"] {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

/* 3. WRAPPER INTERNE */
.prettyblocks-faq > div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. TITRE FAQ — À GAUCHE + SIGNATURE DORÉE */
.prettyblocks-faq .title-center {
    text-align: left !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: clamp(2rem, 3vw, 2.8rem) !important;
    font-weight: 300 !important;
    color: #1a1a1a !important;
    margin-bottom: 3rem !important;
    padding-left: 0 !important;
    position: relative !important;
}

/* Signature dorée */
.prettyblocks-faq .title-center::after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #B8860B;
    margin-top: 0.8rem;
    margin-left: 0;
}

/* 5. COLONNE ACCORDION — FORCÉE À GAUCHE */
.prettyblocks-faq .accordion {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* 6. ITEMS FAQ */
.prettyblocks-faq .accordion-item {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 0.6rem 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.prettyblocks-faq .accordion-item:first-child {
    border-top: 1px solid rgba(0,0,0,0.06) !important;
}

/* 7. QUESTION – NOIR / HOVER DORÉ */
.prettyblocks-faq .accordion-item button {
    all: unset !important;
    display: flex !important;
    width: 100% !important;
    cursor: pointer !important;
}

.prettyblocks-faq .accordion-title {
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    line-height: 1.35 !important;
    transition: color 0.25s ease !important;
    margin: 0 !important;
}

/* Hover & actif */
.prettyblocks-faq button:hover .accordion-title,
.prettyblocks-faq button[aria-expanded="true"] .accordion-title {
    color: #B8860B !important;
}

/* 8. RÉPONSES */
.prettyblocks-faq .accordion-content {
    padding: 0.3rem 0 0.6rem !important;
}

.prettyblocks-faq .accordion-content p {
    margin: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #555 !important;
    text-align: left !important;
}

/* 9. SUPPRESSION COULEURS / CADRES CARTZILLA */
.prettyblocks-faq * {
    background: transparent !important;
    box-shadow: none !important;
}
/* ==================================================
   JORSEN – FINAL TOUCH
   Slider full width + menu hover doré
================================================== */

/* ===============================
   1. SLIDER EN FULL PAGE / FULL WIDTH
================================ */

/* Conteneur slider (PrettyBlocks / Cartzilla / générique) */
.hero-section,
.banner,
.jumbotron,
.slider,
.home-slider,
.prettyblocks-slider,
.prettyblocks-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Images slider */
.hero-section img,
.banner img,
.jumbotron img,
.slider img,
.home-slider img {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
}

/* ===============================
   2. MENU – TEXTE DORÉ AU SURVOL
================================ */

.navbar-nav .nav-link,
.main-nav a {
  color: #1a1a1a !important;
  transition: color 0.3s ease !important;
}

/* Hover TEXTE doré */
.navbar-nav .nav-link:hover,
.main-nav a:hover,
.navbar-nav .nav-link.active {
  color: #B8860B !important;
}

/* Soulignement doré conservé */
.navbar-nav .nav-link::after,
.main-nav a::after {
  background: #B8860B !important;
}

/* ==================================================
   PRETTYBLOCKS – SLIDER FULL WIDTH / FULL PAGE
   Cartzilla override
================================================== */

/* 1. Annule le centrage Cartzilla */
.prettyblocks,
.prettyblocks-section,
.prettyblocks-section .container,
.prettyblocks-section .container-fluid {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2. Force le slider en full viewport */
.prettyblocks-section[data-block-type*="slider"],
.prettyblocks-section[data-block-type*="hero"],
.prettyblocks-section.prettyblocks-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0 !important;
}

/* 3. Hauteur pleine page */
.prettyblocks-section[data-block-type*="slider"] {
  min-height: 100vh !important;
  display: flex !important;
  align-items: stretch !important;
}

/* 4. Slides internes */
.prettyblocks-section[data-block-type*="slider"] .prettyblocks-inner,
.prettyblocks-section[data-block-type*="slider"] .prettyblocks-content {
  width: 100% !important;
  height: 100% !important;
}

/* 5. Images / backgrounds */
.prettyblocks-section[data-block-type*="slider"] img,
.prettyblocks-section[data-block-type*="slider"] picture,
.prettyblocks-section[data-block-type*="slider"] video {
  width: 100% !important;
  height: 100vh !important;
  object-fit: cover !important;
}

/* 6. Supprime marges résiduelles sous le header */
#header + .prettyblocks,
#header + .prettyblocks-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ==================================================
   FAQ – CARTES BLANCHES STYLE HERMÈS FACILITIES
================================================== */

/* Conteneur FAQ */
.prettyblocks-faq {
  background: transparent !important;
}

/* Chaque question = carte blanche */
.prettyblocks-faq .accordion-item {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 2px !important; /* très léger, luxe */
  padding: 1.2rem 1.5rem !important;
  margin-bottom: 1rem !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

/* Supprime bordures héritées */
.prettyblocks-faq .accordion-item:first-child {
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

/* Hover subtil (élévation) */
.prettyblocks-faq .accordion-item:hover {
  box-shadow: 0 12px 25px rgba(0,0,0,0.06) !important;
}

/* Bouton question */
.prettyblocks-faq .accordion-item button {
  all: unset !important;
  display: flex !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* Texte de la question */
.prettyblocks-faq .accordion-title {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  transition: color 0.25s ease !important;
}

/* Hover & actif doré */
.prettyblocks-faq button:hover .accordion-title,
.prettyblocks-faq button[aria-expanded="true"] .accordion-title {
  color: #B8860B !important;
}

/* Réponse */
.prettyblocks-faq .accordion-content {
  padding-top: 0.6rem !important;
}

.prettyblocks-faq .accordion-content p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: #555 !important;
}

/* Supprime tout fond parasite */
.prettyblocks-faq .accordion,
.prettyblocks-faq .accordion-content,
.prettyblocks-faq .accordion-item * {
  background: transparent !important;
}

/* Responsive – cartes respirent mieux */
@media (max-width: 768px) {
  .prettyblocks-faq .accordion-item {
    padding: 1rem 1.2rem !important;
  }
}
/* ==================================================
   FAQ – HERMÈS FACILITIES
   Ligne complète cliquable + flèche
================================================== */

/* CONTENEUR */
.prettyblocks-faq {
  max-width: 100% !important;
  margin: 5rem auto !important;
  padding: 0 20px !important;
}

/* ACCORDION */
.prettyblocks-faq .accordion {
  max-width: 1200px !important;
  margin: 0 !important;
}

/* ITEM = RECTANGLE BLANC PLEINE LARGEUR */
.prettyblocks-faq .accordion-item {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  margin-bottom: 0.6rem !important;
  padding: 0 !important;
  transition: background 0.3s ease !important;
}

/* BOUTON – LIGNE ENTIÈRE CLIQUABLE */
.prettyblocks-faq .accordion-item button {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  cursor: pointer !important;
  padding: 0.9rem 1.2rem !important;
}

/* TEXTE QUESTION */
.prettyblocks-faq .accordion-title {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  transition: color 0.25s ease !important;
}

/* FLÈCHE (CHEVRON) */
.prettyblocks-faq .accordion-item button::after {
  content: '›';
  font-size: 1.3rem;
  color: #999;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* HOVER */
.prettyblocks-faq .accordion-item:hover .accordion-title {
  color: #B8860B !important;
}

.prettyblocks-faq .accordion-item:hover button::after {
  color: #B8860B;
}

/* ÉTAT OUVERT */
.prettyblocks-faq button[aria-expanded="true"]::after {
  transform: rotate(90deg);
  color: #B8860B;
}

/* CONTENU RÉPONSE */
.prettyblocks-faq .accordion-content {
  padding: 0 1.2rem 0.9rem !important;
  display: none;
}

.prettyblocks-faq button[aria-expanded="true"] + .accordion-content {
  display: block;
}

/* TEXTE RÉPONSE */
.prettyblocks-faq .accordion-content p {
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
  color: #555 !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .prettyblocks-faq .accordion-item button {
    padding: 0.8rem 1rem !important;
  }
}
/* ==================================================
   ALIGNEMENT TEXTES ENTRE SLIDER ET FAQ
   Style cohérent avec la FAQ
================================================== */

/* Conteneurs de contenu standard */
.page-content,
.cms-content,
.content-wrapper,
.prettyblocks-section:not([data-block-type*="slider"]):not([data-block-type*="hero"]) {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Titres H1/H2 entre sections */
.page-content h1,
.page-content h2,
.cms-content h1,
.cms-content h2,
.prettyblocks-section h1,
.prettyblocks-section h2 {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  text-align: left !important;
}

/* Paragraphes et textes */
.page-content p,
.cms-content p,
.prettyblocks-section p {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-align: left !important;
}

/* Blocs de contenu PrettyBlocks */
.prettyblocks-text,
.prettyblocks-content-text {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Responsive */
@media (max-width: 768px) {
  .page-content,
  .cms-content,
  .content-wrapper,
  .prettyblocks-section:not([data-block-type*="slider"]) {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
/* ==================================================
   TITRES CARTES – DORÉ FIXE (ACCUEIL & CMS)
================================================== */

/* Titres des cartes services en doré fixe */
.service-card h3,
.services-grid-6 .service-card h3 {
  color: #B8860B !important;
  transition: none !important;
}

/* Annule le hover doré (déjà doré en permanence) */
.service-card:hover h3 {
  color: #B8860B !important;
}

/* Si cartes sur page CMS */
.cms-page .service-card h3,
.cms .service-card h3 {
  color: #B8860B !important;
}

/* Si cartes dans PrettyBlocks */
.prettyblocks-section .service-card h3,
[data-block-type*="card"] h3,
[data-block-type*="service"] h3 {
  color: #B8860B !important;
}

/* Page d'accueil spécifique */
body.index .service-card h3,
body.cms-page .service-card h3 {
  color: #B8860B !important;
}
/* ==================================================
   TITRES CARTES CMS – DORÉ FIXE (H5)
================================================== */

/* Tous les H5 dans les cartes blanches CMS */
.cms-page h5,
.cms h5,
body[id*="cms"] h5 {
  color: #B8860B !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-weight: 500 !important;
  transition: none !important;
}

/* Cartes avec background blanc */
.cms-page .bg-white h5,
.cms-page [class*="col"] .bg-white h5 {
  color: #B8860B !important;
}

/* Hover aussi en doré */
.cms-page h5:hover,
.cms-page .bg-white:hover h5 {
  color: #B8860B !important;
}

/* Force sur toutes les cartes de grille */
.cms-page .row .col-md-6 h5,
.cms-page .row .col-lg-3 h5 {
  color: #B8860B !important;
}
/* ==================================================
   TITRES H4 – NOIR + SIGNATURE DORÉE COURTE
   Pure CSS (sans modification HTML)
================================================== */

/* Titres H4 processus/étapes */
h4 {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 1rem !important;
  margin-top: 2rem !important;
  padding-bottom: 0.6rem !important;
  border-bottom: none !important;
  position: relative !important;
  transition: color 0.3s ease !important;
}

/* Petit trait doré signature (à gauche) */
h4::after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background: #B8860B;
  margin-top: 0.6rem;
}

/* Hover subtil doré sur le texte */
h4:hover {
  color: #B8860B !important;
}

/* Spécifique aux pages CMS */
.cms-page h4,
.page-content h4,
.container h4 {
  display: block !important;
}
/* ==================================================
   MENU – TEXTE EN MAJUSCULES
================================================== */

/* Liens du menu principal */
.navbar-nav .nav-link,
.main-nav a,
.navbar .nav-link,
#header .navbar-nav a {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.9rem !important;
}

/* Sous-menus aussi en majuscules (optionnel) */
.dropdown-menu .dropdown-item {
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 0.85rem !important;
}
/* ==================================================
   ICÔNES UNIQUEMENT – DORÉ #B8860B
================================================== */

/* 1. ICÔNES PAGE CONTACT (téléphone, adresse, mail) */
.contact-info i,
.contact-details i,
.contact-icon,
.icon-phone,
.icon-envelope,
.icon-map-marker,
[class*="icon-"] i {
  color: #B8860B !important;
}

/* 2. ICÔNE HEADER (en haut page d'accueil) */
#header i,
#header .fa,
#header [class*="icon-"],
.navbar i,
.header-icons i {
  color: #B8860B !important;
}

/* 3. ICÔNES FONTAWESOME */
.fa,
.fas,
.far,
.fal,
.fab,
[class^="fa-"],
[class*=" fa-"] {
  color: #B8860B !important;
}

/* 4. ICÔNES CARTZILLA */
.cz-icon,
.navbar-tool-icon {
  color: #B8860B !important;
}

/* 5. SVG ICÔNES */
svg.icon,
.icon svg {
  fill: #B8860B !important;
  stroke: #B8860B !important;
}

/* 6. SURVOL ICÔNES (optionnel) */
i:hover,
.fa:hover,
.cz-icon:hover {
  color: #1a1a1a !important;
  transition: color 0.3s ease !important;
}
/* ==================================================
   ICÔNES PAGE CONTACT – DORÉ #B8860B
================================================== */

/* Ciblage spécifique page contact */
#contact i,
.contact-page i,
.cms-id-contact i,
body[id*="contact"] i,
.page-contact i {
  color: #B8860B !important;
}

/* Icônes dans les blocs d'informations contact */
.contact-info i,
.contact-details i,
.contact-rich i,
.block-contact i {
  color: #B8860B !important;
}

/* Icônes spécifiques (téléphone, mail, adresse) */
.fa-phone,
.fa-envelope,
.fa-map-marker,
.fa-map-marker-alt,
.icon-phone,
.icon-envelope,
.icon-map {
  color: #B8860B !important;
}

/* Si icônes dans PrettyBlocks ou CMS */
.cms .fa,
.prettyblocks-section .fa {
  color: #B8860B !important;
}

[data-field="title_2"] {
  display: none !important;
}