/*
Theme Name: Divi Child
Theme URI: https://example.com/
Description: Thème enfant pour Divi.
Author: Sylvain Guerrin
Author URI: https://example.com/
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
*/

body {
  font-family: "Poppins", sans-serif;
	/*background-color: blue;*/
}

/* UI */
/* line under title */
.title-decorator {
  display: block;
  margin: 0 auto;
  position: relative;
  padding-bottom: 12px;
}

/*.title-decorator::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 4px;
  background-color: #1f566c;
  border-radius: 10px;
  transform: translateX(-50%);
}*/

.title-decorator::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 8px;
  transform: translateX(-50%);
  background: url("data:image/svg+xml;utf8,<svg width='80' height='8' xmlns='http://www.w3.org/2000/svg'><path d='M2 4 Q 20 0, 40 4 T 78 4' stroke='%231f566c' stroke-width='3' fill='none' stroke-linecap='round'/></svg>")
    no-repeat center;
}

/* menu */
/* --- RESET + LAYOUT --- */
.sg-menu .sg-menu__list{
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.sg-menu .sg-menu__list > li{
  margin: 0;
  padding: 0;
}

/* --- LIENS --- */
.sg-menu .sg-menu__list > li > a{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  text-decoration: none;
  color: inherit;

  padding: 10px 12px;
  border-radius: 10px;

  font-weight: 500;
  line-height: 1;

  transition: transform .15s ease, opacity .15s ease, background-color .15s ease;
}

/* Hover simple (tu peux durcir si tu veux) */
.sg-menu .sg-menu__list > li > a:hover{
  opacity: .85;
  transform: translateY(-1px);
}

/* --- LIEN ACTIF (page courante) --- */
.sg-menu .sg-menu__list > li.current-menu-item > a,
.sg-menu .sg-menu__list > li.current_page_item > a,
.sg-menu .sg-menu__list > li.current-menu-ancestor > a{
  font-weight: 800;
}

/* --- ICÔNE MAISON SUR LE PREMIER LIEN (uniquement si home_icon activé) --- */
.sg-menu.sg-menu--homeicon .sg-menu__list > li:first-child > a::before{
  content: "";
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;

  background-color: currentColor;

  /* SVG en mask => prend automatiquement la couleur du texte */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3l9 8h-3v10h-5v-6H11v6H6V11H3l9-8z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3l9 8h-3v10h-5v-6H11v6H6V11H3l9-8z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Le parent doit être en position relative pour positionner le dropdown */
.sg-menu .sg-menu__list > li{
  position: relative;
}

/* Indicateur (petite flèche) sur les items ayant un sous-menu */
.sg-menu .sg-menu__list > li.menu-item-has-children > a::after{
  content: "▾";
  font-size: .9em;
  opacity: .8;
  transform: translateY(-1px);
}

/* Sous-menu (dropdown) */
.sg-menu .sg-menu__list > li > ul.sub-menu{
  list-style: none;
  margin: 0;
  padding: 10px;

  display: none;                 /* caché par défaut */
  flex-direction: column;
  gap: 6px;

  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  z-index: 9999;

  background: #fff;              /* adapte si ton header est dark */
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* Li du sous-menu */
.sg-menu .sg-menu__list > li > ul.sub-menu > li{
  margin: 0;
  padding: 0;
}

/* Liens du sous-menu */
.sg-menu .sg-menu__list > li > ul.sub-menu > li > a{
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;

  padding: 10px 12px;
  border-radius: 10px;

  font-weight: 500;
  transition: transform .15s ease, opacity .15s ease, background-color .15s ease;
}

.sg-menu .sg-menu__list > li > ul.sub-menu > li > a:hover{
  opacity: .9;
  transform: translateX(2px);
}

/* Ouvrir au survol (desktop) */
/*.sg-menu .sg-menu__list > li.menu-item-has-children:hover > ul.sub-menu,
.sg-menu .sg-menu__list > li.menu-item-has-children:focus-within > ul.sub-menu{
  display: flex;
}*/

/* Sous-menu caché par défaut */
.sg-menu .sg-menu__list > li > ul.sub-menu{
  display: none;
}

/* Ouvert uniquement quand le parent a .is-open */
.sg-menu .sg-menu__list > li.is-open > ul.sub-menu{
  display: flex;
}

/* (Optionnel) petite animation visuelle sur la flèche quand ouvert */
.sg-menu .sg-menu__list > li.menu-item-has-children > a::after{
  content: "▾";
  transition: transform .15s ease;
}

.sg-menu .sg-menu__list > li.is-open > a::after{
  transform: rotate(180deg);
}


/* Option mobile: on ouvre via une classe JS */
.sg-menu .sg-menu__list > li.is-open > ul.sub-menu{
  display: flex;
}

/* Mobile: dropdown en "bloc" (pas en absolute) pour éviter que ça sorte de l’écran */
@media (max-width: 980px){
  .sg-menu .sg-menu__list > li > ul.sub-menu{
    position: static;
    min-width: 0;
    box-shadow: none;
    padding: 8px 0 0;
    background: transparent;
  }

  .sg-menu .sg-menu__list > li > ul.sub-menu > li > a{
    padding: 10px 0;
  }
}


/* footer */
.footer-third-column{
  display: flex;
  flex-wrap: wrap;
}
.title-follow{
  width: 100%;
}
.rs-icon{
  display: block;
  width: 45px;
  height: 45px;
}

.copyright{
  background-color:   #7999a7!important;
}

/* homepage */
.hero-section-card{
  border-radius: 10px;
  background-color: white;
  margin-top: -50px!important;
}