/************************** RESPONSIVE FONT ***********************/
html {
  font-size: 62.5%;
  /* changes a default 16px font size to 10px */
}
@media screen and (max-width: 1380px)
{
	html {
  font-size: 60%;
}
}
@media screen and (max-width: 1280px)
{
	html {
  font-size: 58%;
}
}
@media screen and (max-width: 1180px)
{
	html {
  font-size: 56%;
}
}
@media screen and (max-width: 1080px)
{
	html {
  font-size: 55%;
}
}
@media screen and (max-width: 980px)
{
	html {
  font-size: 54%;
}
}
@media screen and (min-width: 769px) and (max-width: 880px) 
{
	html {
  font-size: 53%;
}
}
/**************** FIN RESPONSIVE FONT ********************/

/*********** BOUTONS ****************/

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right::after, #page-container .et-l .et_pb_section .et_pb_button.dl-icon-right2::after {
  position: absolute;
  top: 0px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  right: -40px;
  width: 40px;
  background: var(--btn-background);
  margin: 0;
font-size: 12px !important;
	 align-content: center;
	text-align: center;
}
#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right:hover::after  {
  right: 0;
	font-size: 12px !important;
	  align-content: center;
	text-align: center;
}
#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right{
  overflow: hidden;
}
.sur-titre-center {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 20px;
}
.sur-titre-center::before, .sur-titre-center::after{
content: "";
    flex: 1;
    height: 1px;
    background-color: black;
    max-width: 35px;
}
/*********** FIN BOUTONS ****************/
/**************** GENERAL ********************/
.grecaptcha-badge{
	display:none !important;
}
body{
	/*background-color:#fcefe5 !important;*/
}
.footer-lien a:link, .footer-lien a:visited{
	color:#FFF;
}
.footer-lien a:hover{
	text-decoration:underline;
}
.text_inline {
    display: inline-block;
    margin: 0 10px;
	vertical-align:top; 
}
.image_inline  {
    display: inline-block;
    margin: 0 10px;
	vertical-align:bottom; 
}
#main-header .container{
	width:85% !important;
}
#page-container {
   overflow-x: hidden;
}
.underline-animate {
  position: relative;
  display: inline; /* On repasse en inline pour le texte fluide */
  z-index: 0;
  /* On remplace le ::after par un background-image dynamique */
  background-image: linear-gradient(#CBEFE5, #CBEFE5);
  background-repeat: no-repeat;
  /* On positionne le surlignage en bas du texte */
  background-position: 0 90%; 
  /* La taille horizontale est pilotée par la variable JS */
  background-size: calc(var(--underline-scale, 0) * 100%) 2rem; 
  transition: none; /* Pour que GSAP garde le contrôle total */
}

/* On supprime l'ancien ::after qui ne peut pas gérer le multiligne */
.underline-animate::after {
  display: none;
}
/*style the Divi Blurb link as a button*/
a.pa-blurb-button {
	color: #262220;
	font-size:15px;
	text-decoration:underline;
	font-weight:600;
	margin-top: 10px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
.blurb-services .et_pb_blurb_description span::after {
	    font-family: ETModules;
    content: "\24";
    font-size: 16px;
    color: #262220;
	position:relative;
    bottom: -3px;
    margin-left: 5px;
}

/*style the Divi Blurb link text as a button on hover*/
a.pa-blurb-button:hover {
	text-decoration:inherit;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.blurb-services .et_pb_main_blurb_image{
	vertical-align: middle;
}
.blurb-services H3{
	padding-bottom: 5px;
}
.blurb-services:hover .pa-blurb-button {
    text-decoration: inherit;
}
.boxes {
  display: flex;
  white-space: nowrap;
}
.box {
  display: inline-block;
  height: 65px;
  line-height: 65px;
  color: white;
	margin-right:25px;
  padding: 0px;
  white-space: nowrap;
}
  .box::before {
   content: url("/wp-content/uploads/2026/02/check-1.svg");
    padding:0 10px;
    vertical-align: baseline;
  }
.dsm_breadcrumbs>li {
    margin-left: 1px !important;
}
/* Grille de 3 colonnes */
.corea-cat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
}

/* Carte individuelle categorie */
.corea-cat-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 15px;
    padding: 25px;
    text-decoration: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 2px 18px 0px rgba(38, 34, 32, 0.06);
    border: 1px solid #f0f0f0;
}

.corea-cat-card:hover {
    transform: translateY(-5px);
}

/* Image à gauche */
.corea-cat-img {
    flex: 0 0 120px; /* Taille fixe pour l'image */
    margin-right: 20px;
	/* ALIGNEMENT */
    display: flex;
    align-items: center;    /* Centre verticalement l'image */
    justify-content: center; /* Centre horizontalement l'image */
}

.corea-cat-img img {
    width: auto;
    height: auto;
    display: block;
	max-height: 200px;
}

/* Infos à droite */
.corea-cat-info {
    flex: 1;
}

.corea-cat-info h3 {
    font-family: "Albert Sans", sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #40342b;
    margin: 0 0 8px 0 !important;
}

.corea-cat-info p {
    font-family: "Albert Sans", sans-serif;
    font-size: 15px;
    color: #40342b;
    line-height: 1.4;
    margin-bottom: 12px !important;
}

.corea-cat-btn p {
    font-weight: 600;
    font-size: 15px;
    color: #40342b;
    text-decoration: underline;
	float:left;
}
.corea-cat-card:hover .corea-cat-info p {
    text-decoration: none;
}
.corea-cat-btn::after {
	    font-family: ETModules;
    content: "\24";
    font-size: 16px;
    color: #262220;
	position:relative;
    bottom: -1px;
    margin-left: 5px;
}
/* Mobile : 1 seule colonne */
@media (max-width: 980px) {
    .corea-cat-grid { grid-template-columns: 1fr; }
}




/* --- 1. DÉBLOQUER LE MENU POUR LE CENTRAGE ÉCRAN --- */
li.mega-trigger {
    position: static !important; /* C'est la clé : on empêche le LI de bloquer le méga menu */
}

/* --- 2. LE CONTENEUR PRINCIPAL (BLANC) --- */
#corea-mega-wrap {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important; /* Centre parfaitement au milieu de l'écran */
    top: 100% !important; /* Se colle sous le header */
    max-width: 1380px !important;
    background: #ffffff !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
    padding: 40px !important;
    z-index: 999999 !important;
    border-radius: 20px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) !important; /* Effet de glissement vertical uniquement */
    transition: all 0.3s ease-in-out !important;
    pointer-events: none;
    line-height: normal !important;
}
.nav .mega-trigger ul {
    border:none !important ;
}
.nav .mega-trigger li a:hover {
    background-color: inherit !important;
    opacity: 1 !important;
}
/* Affichage au survol */
.mega-trigger:hover #corea-mega-wrap,
#corea-mega-wrap:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* --- 3. LA GRILLE --- */
.mega-corea-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 4. LES TITRES PARENTS (N) --- */
.mega-corea-parent-title {
    margin-bottom: 10px !important;
}

.mega-corea-parent-title a {
    font-family: "Albert Sans", sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #40342b !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0 !important;
    display: block !important;
}

/* --- 5. LES LISTES (N+1) - FORCER L'AFFICHAGE CONTRE DIVI --- */
ul.mega-corea-list {
    display: block !important; /* Force l'affichage */
    visibility: visible !important; /* Force la visibilité */
    opacity: 1 !important; /* Empêche Divi de les rendre transparentes */
    position: relative !important; /* Empêche Divi de les faire flotter ailleurs */
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    animation: none !important; /* Coupe les animations Divi */
    transform: none !important;
}

ul.mega-corea-list li {
    display: block !important;
    list-style: none !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    width: 100% !important;
}

ul.mega-corea-list li a {
    display: flex !important;
    align-items: center !important;
    font-family: "Albert Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #40342b !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    transition: color 0.2s ease !important;
    padding: 0 !important;
    width: auto !important;
}

/* LE CHEVRON */
.mega-corea-chevron {
    margin-right: 8px !important;
    font-weight: bold !important;
    color: #40342b !important;
}

/* SURVOL VERT */
.mega-corea-grid a:hover, 
.mega-corea-grid a:hover .mega-corea-chevron {
    color: #509b83 !important;
}

/* --- PONT POUR LA SOURIS --- */
.mega-trigger > a::after {
    content: '';
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
}
/* --- LE PETIT TRIANGLE (INDICATEUR) --- */
#corea-mega-wrap::before {
    content: '';
    position: absolute;
    top: -10px; /* Ajuste la hauteur pour que la pointe touche le menu */
    left: 50%; /* Position par défaut au centre du wrapper */
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff; /* La couleur blanche du fond du menu */
    z-index: 1000000;
}

/* --- AJUSTEMENT PRÉCIS SOUS L'ITEM "NOS PRODUITS" --- */
/* Comme le wrap fait 95vw, le triangle à 50% ne sera pas forcément aligné 
   sous ton texte. On force donc sa position par rapport à l'item survolé. */
li.mega-trigger {
    position: relative; /* On remet un repère pour le triangle uniquement */
}

/* On déplace le triangle pour qu'il s'aligne sur le mot du menu */
.mega-trigger #corea-mega-wrap::before {
    left: auto !important;
    right: 450px; /* Ajuste cette valeur (en px ou %) pour l'aligner pile sous ton texte */
    transform: none;
}

/* --- LE CHEVRON DANS LE MENU PRINCIPAL --- */

/* 1. On crée l'espace pour le chevron */
.mega-trigger > a {
    display: flex !important;
    align-items: center;
    gap: 8px; /* Espace entre le texte et le chevron */
}

/* 2. On dessine le chevron (forme de V) */
.mega-trigger > a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor; /* Utilise la couleur du texte */
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg); /* Oriente la bordure pour faire un V */
    margin-top: -3px; /* Ajuste l'alignement vertical */
    transition: transform 0.3s ease; /* Animation fluide pour la rotation */
}

/* 3. Animation : le chevron se retourne au survol */
.mega-trigger:hover > a::after {
    transform: rotate(-135deg); /* Le chevron pointe vers le haut */
    margin-top: 3px;
}

.et-cart-info{
	display:none !important;
}
/* FIN MENU */









/* GRID BUILDER */

.wp-grid-builder .wpgb-card-1 .wpgb-card-media {
    max-height: 300px !important;
	min-height: 300px !important;
}
.wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail div {
    background-size: contain !important;
}
.titre-produit{
	font-size:2rem !important;
	line-height: 1.2em !important;
}
.infos-produits-carte{
	font-size:14px !important;
}
.wp-grid-builder .wpgb-card:hover .wpgb-block-10 {
	transition: all 0.3s ease-in-out;
}
	/* Bouton Précédent */
.wpgb-prev-button::before {
        font-family: 'ETMODULES' !important;
    content: "\23" !important;
    font-size: 25px !important;
    color: #262220 !important;
}

/* Bouton Suivant */
.wpgb-next-button::before {
        font-family: 'ETMODULES' !important;
    content: "\24" !important;
    font-size: 25px !important;
    color: #262220 !important;
}

/* On cache l'icône par défaut de WPGB */
.wpgb-next-button svg, .wpgb-prev-button svg {
    display: none !important;
}
.wpgb-facet>fieldset:last-child {
    margin-bottom: 20px !important;
}
/*
.wpgb-hierarchy-label{
	 font-family: "Albert Sans", sans-serif !important;
    font-size: 16px !important;
	 font-weight: 600 !important;
	    color: #262220 !important;
	text-decoration:underline!important;
	transition: all 0.3s ease-in-out;
}
.wpgb-hierarchy-label:hover{
	    color: #509b83 !important;
}
.wpgb-facet-title{
	 font-family: "Albert Sans", sans-serif !important;
    font-size: 18px !important;
	 font-weight: 800 !important;
	    color: #262220 !important;
}
*/
/* FIN GRID BUILDER */
/* BREADCRUMB */
.rank-math-breadcrumb a{
	 font-family: "Albert Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #40342b;
	transition: all 0.3s ease-in-out;
}
.rank-math-breadcrumb a:hover{
    color: #509b83;
}
.rank-math-breadcrumb .last{
    color: #509b83;
}
/* FIN BREACRUMB */

/* BLOG */
.contenu-blog H2{
	margin-bottom: 5px !important;
    margin-top: 30px !important;
}
.contenu-blog H3{
	margin-bottom: 5px !important;
	 margin-top: 10px !important;
}
.contenu-blog blockquote {
    border-color: #40342b !important;
}
.contenu-blog a:link, .contenu-blog a:visited {
    color: #40342b !important;
	text-decoration:underline !important;
}
.contenu-blog a:hover{
    color: #509b83 !important;
	text-decoration:none !important;
}
/* TABLE RESPONSIVE EDITORIALE */
.corea-table-wrap {
  overflow-x: auto;
  margin: 30px 0;
}

.corea-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Albert Sans", sans-serif;
  font-size: 15px;
  color: #40342b;
}

.corea-table th {
  background-color: #40342b;
  color: #ffffff;
  padding: 12px 16px;
  text-align: left;
  font-weight: 700;
}

.corea-table td {
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}

.corea-table tr:nth-child(even) td {
  background-color: #f9f7f5;
}

/* MODE EMPILÉ MOBILE */
@media (max-width: 980px) {
  .corea-table thead {
    display: none;
  }

  .corea-table tr {
    display: block;
    margin-bottom: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
  }

  .corea-table td {
    display: block;
    text-align: left;
    padding: 10px 14px;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding-left: 45%;
  }

  .corea-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 14px;
    top: 10px;
    font-weight: 700;
    color: #40342b;
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .corea-table tr:nth-child(even) td {
    background-color: #f9f7f5;
  }
}

/* ENCADRÉ ÉDITORIAL */
.corea-encadre {
  background-color: #f0f7f4;
  border-left: 4px solid #509b83;
  border-radius: 0 8px 8px 0;
  padding: 20px 24px;
  margin: 30px 0;
  font-family: "Albert Sans", sans-serif;
  font-size: 15px;
  color: #40342b;
  line-height: 1.6;
}

.corea-encadre strong {
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}

/* BLOC PERSONA */
.corea-persona-block {
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 24px;
  margin: 20px 0;
  box-shadow: 0px 2px 12px 0px rgba(38, 34, 32, 0.05);
}

.corea-persona-block h3 {
  font-family: "Albert Sans", sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #40342b;
  margin: 0 0 12px 0 !important;
  padding-bottom: 10px;
  border-bottom: 2px solid #509b83;
}

.corea-persona-block p {
  font-family: "Albert Sans", sans-serif;
  font-size: 15px;
  color: #40342b;
  line-height: 1.6;
  margin-bottom: 10px !important;
}

/* BLOC CTA ÉDITORIAL */
.corea-cta-bloc {
  background-color: #40342b;
  border-radius: 12px;
  padding: 30px;
  margin: 40px 0;
  text-align: center;
}

.corea-cta-bloc p {
  font-family: "Albert Sans", sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 20px !important;
  line-height: 1.5;
}

/* Correction : le style global des liens de .contenu-blog
   ne doit pas casser l'apparence bouton des CTA */
.contenu-blog a.corea-cta-btn,
.contenu-blog a.corea-cta-btn:link,
.contenu-blog a.corea-cta-btn:visited {
  display: inline-block;
  font-family: "Albert Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  margin: 6px;
  box-sizing: border-box;
}

.corea-cta-btn {
  display: inline-block;
  background-color: #509b83;
  color: #ffffff !important;
  font-family: "Albert Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  margin: 6px;
  border: 2px solid #509b83;
}

.corea-cta-btn:hover,
.corea-cta-btn:focus {
  background-color: #3d7d68 !important;
  border-color: #3d7d68;
  color: #ffffff !important;
  text-decoration: none !important;
}

.corea-cta-btn.secondaire,
.contenu-blog a.corea-cta-btn.secondaire:link,
.contenu-blog a.corea-cta-btn.secondaire:visited {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff !important;
}

.corea-cta-btn.secondaire:hover,
.corea-cta-btn.secondaire:focus {
  background-color: #ffffff;
  color: #40342b !important;
  border-color: #ffffff;
  text-decoration: none !important;
}

/* MENTION LÉGALE */
.corea-mention-legale {
  font-family: "Albert Sans", sans-serif;
  font-size: 12px;
  color: #888;
  border-top: 1px solid #f0f0f0;
  margin-top: 40px;
  padding-top: 16px;
  font-style: italic;
}

/* SOMMAIRE EASY TOC */
.contenu-blog .ez-toc-container {
  background-color: #f9f7f5;
  border: 1px solid #f0f0f0;
  border-left: 3px solid #509b83;
  border-radius: 8px;
  padding: 14px 16px;
  margin: 18px 0 26px;
  width: 100%;
  max-width: 340px;
  float: right;
  margin-left: 24px;
  box-sizing: border-box;
}

.contenu-blog .ez-toc-title-container {
  margin-bottom: 8px;
}

.contenu-blog .ez-toc-title {
  font-family: "Albert Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #40342b;
  line-height: 1.3;
}

.contenu-blog .ez-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contenu-blog .ez-toc-list li {
  margin: 0 0 8px;
  line-height: 1.35;
}

.contenu-blog .ez-toc-list li:last-child {
  margin-bottom: 0;
}

.contenu-blog .ez-toc-list a,
.contenu-blog .ez-toc-list a:link,
.contenu-blog .ez-toc-list a:visited {
  color: #40342b !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.contenu-blog .ez-toc-list a:hover,
.contenu-blog .ez-toc-list a:focus {
  color: #509b83 !important;
  text-decoration: underline !important;
}

.contenu-blog .ez-toc-toggle a,
.contenu-blog .ez-toc-toggle a:link,
.contenu-blog .ez-toc-toggle a:visited {
  color: #888 !important;
  font-size: 13px;
  text-decoration: none !important;
}

.contenu-blog .ez-toc-toggle a:hover,
.contenu-blog .ez-toc-toggle a:focus {
  color: #509b83 !important;
  text-decoration: underline !important;
}

/* On masque les niveaux H3 à H6 si Easy TOC les génère */
.contenu-blog .ez-toc-list .ez-toc-heading-level-3,
.contenu-blog .ez-toc-list .ez-toc-heading-level-4,
.contenu-blog .ez-toc-list .ez-toc-heading-level-5,
.contenu-blog .ez-toc-list .ez-toc-heading-level-6 {
  display: none;
}

/* AJUSTEMENTS MOBILE CTA + TOC */
@media (max-width: 980px) {
  .contenu-blog .ez-toc-container {
    float: none;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .corea-cta-btn,
  .contenu-blog a.corea-cta-btn,
  .contenu-blog a.corea-cta-btn:link,
  .contenu-blog a.corea-cta-btn:visited {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
  }
}
/* MENTION LÉGALE */
.corea-mention-legale {
  font-family: "Albert Sans", sans-serif;
  font-size: 12px;
  color: #888;
  border-top: 1px solid #f0f0f0;
  margin-top: 40px;
  padding-top: 16px;
  font-style: italic;
}
/* FIN BLOG */
/*********** FIN GENERAL ****************/
/*********** MOBILE ****************/
@media all and (max-width: 980px) {
	
.dsm_button .et_pb_button_two {
    margin-left: 0px !important;
}
.dsm_button .et_pb_button_two, .dsm_button .et_pb_button_one  {
	width:100%;
}
	#main-header .container {
    width: 95% !important;
}
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
	    #dtb-m-menu .menu-wrapper {
        overflow-x: hidden !important;
    }
	
.et_pb_blurb .et_pb_image_wrap {
    margin: inherit;
}	
.wpgb-facet .wpgb-facet-title {
    margin: 0 0 12px !important;
}
}

/* --- ADAPTATION MOBILE FINALE AVEC CHEVRON --- */
@media only screen and (max-width: 980px) {
    
    /* On s'assure que le lien parent est bien aligné pour le chevron */
    .dtb-mobile-menu .mega-trigger > a, 
    .et_mobile_menu .mega-trigger > a {
        display: flex !important;
        justify-content:间 !important; /* Texte à gauche, chevron à droite */
        align-items: center;
        width: 100%;
    }

    /* Réactivation et style du chevron sur mobile */
    .mega-trigger > a::after {
        content: '' !important;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: rotate(45deg) !important; /* Pointe vers le bas */
        margin-left: 10px;
        transition: transform 0.3s ease !important;
    }

    /* Rotation du chevron quand le menu est ouvert (via la classe mobile-open ajoutée par le JS) */
    .mega-trigger.mobile-open > a::after {
        transform: rotate(-135deg) !important; /* Pointe vers le haut */
        margin-top: 5px;
    }

    /* Le reste du conteneur reste identique */
    #corea-mega-wrap {
        display: none; 
        position: relative !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        padding: 20px !important;
        background: #fdfdfd !important;
        pointer-events: auto !important;
		box-shadow:inherit!important;
    }

    .mega-corea-grid { display: block !important; }
    .mega-corea-col { margin-bottom: 20px !important; border-bottom: 1px solid #eee; padding-bottom: 10px; }
    ul.mega-corea-list { display: block !important; opacity: 1 !important; visibility: visible !important; }
	
	.mega-corea-col:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* --- ADAPTATION MOBILE DES CARTES CATÉGORIES --- */
@media (max-width: 980px) {
    /* 1. On force la grille en une colonne */
    .corea-cat-grid { 
        grid-template-columns: 1fr !important; 
        gap: 20px !important;
    }

    /* 2. On change la direction de la carte : Image en haut, Infos en bas */
    .corea-cat-card {
        flex-direction: column !important;
        align-items: flex-start !important; /* Aligne le texte à gauche */
        padding: 20px !important;
    }

    /* 3. Ajustement de l'image pour qu'elle prenne toute la largeur ou soit centrée */
    .corea-cat-img {
        flex: 0 0 auto !important; /* Libère la contrainte de largeur fixe */
        width: 100% !important;
        margin-right: 0 !important; /* Enlève la marge de droite desktop */
        margin-bottom: 20px !important; /* Ajoute un espace sous l'image */
        text-align: center; /* Centre l'image si elle n'est pas pleine largeur */
    }

    .corea-cat-img img {
        max-height: 150px !important; /* Ajuste la hauteur max sur mobile pour ne pas être trop grand */
        width: auto !important;
        margin: 0 auto;
    }

    /* 4. Ajustement des infos */
    .corea-cat-info {
        width: 100% !important;
    }

    .corea-cat-info h3 {
        font-size: 18px !important; /* Légèrement plus petit sur mobile */
		 margin: 0px !important;
    }
    
    /* On s'assure que le bouton "Découvrir" ne flotte pas bizarrement */
    .corea-cat-btn p {
        float: none !important;
        display: inline-block;
    }
    .et-db #et-boc .et-l .et_pb_blurb_position_top_phone .et_pb_main_blurb_image {
        width: inherit important;
    
}
}



/*****/