/* MISE EN FORME BARRE DE MENU
/* Niveau 1 : souligné + compact */
.menu-primary-container > ul > li > a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  line-height: 1.2 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Sous-menus : pas de soulignement + compact */
.menu-primary-container .sub-menu a {
  text-decoration: none !important;
  line-height: 1.2 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Espace sous le sous-menu */
.menu-primary-container .sub-menu {
  padding-bottom: 12px !important;
}

/* Mobile */
@media (max-width: 782px) {
  .menu-primary-container > ul > li > a {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    line-height: 1.3 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .menu-primary-container .sub-menu a {
    text-decoration: none !important;
    line-height: 1.3 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .menu-primary-container .sub-menu {
    padding-bottom: 14px !important;
  }
}

/* MISE EN FORME PAGE BIEN ETRE
/* Titres beaucoup plus petits, version “premium / spa” */
.romeline-wellness h2 {
    font-size: 1.45rem !important;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.4em;
    margin-bottom: .4em;
}

.romeline-wellness h3 {
    font-size: 1.25rem !important;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 1.2em;
    margin-bottom: .3em;
}

.romeline-wellness h4,
.romeline-wellness h5,
.romeline-wellness h6 {
    font-size: 1.05rem !important;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: .3em;
}

/* Taille de texte générale légèrement réduite */
.romeline-wellness p,
.romeline-wellness li {
    font-size: 0.95rem !important;
    line-height: 1.55;
}

/* MISE EN FORME BOUTON GETYOURGUIDE */
/* Le Conteneur */
.gyg-placeholder {
  border: 1px solid #e6e6e6;
  padding: 16px;
  border-radius: 8px;
  background: #fafafa;
  margin: 16px 0;
  text-align: center;
}

/* Le Bouton */
.gyg-btn {
  display: inline-block;
  background: #CBB17085; /* beige transparent */
  color: #000 !important;  /* → texte noir */
  border: 2px solid #CBB170; /* → cadre beige assorti */
  border-radius: 30px; /* → arrondi (tu peux pousser à 50px) */
  padding: 12px 24px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

/* Survol */
.gyg-btn:hover {
  background: #CBB170;  /* beige plein */
  color: #fff !important; /* texte blanc au survol (plus lisible) */
}

/* “Powered by” */
.gyg-powered {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #666;
  text-align: center;
}

/* MISE EN FORME ICONE RGPD
/* Couleur cible = même que ta bulle */
:root { --brand-accent: #4caf50; } /* Ta couleur cible */

/* Bouton principal dans le modal */
#moove_gdpr_save_popup_settings_button {
  background-color: #31AD8F !important;
  border-color: #31AD8F !important;
  color: #fff !important;
}

/* Icône interne en blanc */
#moove_gdpr_save_popup_settings_button .moove_gdpr_icon svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

/* États hover/focus (optionnel) */
#moove_gdpr_save_popup_settings_button:hover {
  filter: brightness(1.06);
}


/* ALIGNER ICONE RGPD & ICONE CHAT IA */
/* Aligner le bouton RGPD (engrenage vert) sur la même ligne que la bulle de chat */
#moove_gdpr_save_popup_settings_button {
  position: fixed !important;
  left: 20px !important;                /* marge à gauche (ajuste si besoin) */
  right: auto !important;
  bottom: 50px !important;             /* = même valeur que le chat */
  /* si le plugin (ou un style inline) utilise 'inset', on l'écrase aussi : */
  inset: auto auto 50px 20px !important;
  transform: none !important;           /* neutralise un éventuel translate */
  z-index: 2147483647 !important;       /* au-dessus du contenu */
  margin: 0 !important;
}

/* Option : si le thème rajoute un wrapper autour du bouton, on le couvre aussi */
#moove_gdpr_save_popup_settings_button,
#moove_gdpr_save_popup_settings_button:where(*) {
  outline: none !important; /* (ne change rien à la position, juste visuel) */
}

/* Mobile : si le chat a un offset différent sur mobile, ajuste ici */
@media (max-width: 767.98px) {
  #moove_gdpr_save_popup_settings_button {
    left: 12px !important;
    bottom: calc(45px + env(safe-area-inset-bottom)) !important; /* ← mets la valeur mobile du chat */
    inset: auto auto calc(45px + env(safe-area-inset-bottom)) 12px !important;
  }
}


/* CHAT IA AU DESSUS BOUTON RGPD*/
/* 1) S'assurer que le chat flotte 'au-dessus' */
.mwai-chat,
.mwai-floating,
.mwai-chat * {
  position: relative;
  z-index: 2147483647 !important; /* au-dessus de presque tout */
}

/* 2) MOBILE : si l'input/textarea du chat est en focus, neutraliser le bouton RGPD (Moove) */
@media (max-width: 767.98px) {
  /* Si le conteneur du chat contient un champ focus, on masque/désactive le bouton Moove */
  .mwai-chat:has(input:focus, textarea:focus, .mwai-input:focus) ~ #moove_gdpr_save_popup_settings_button,
  .mwai-floating:has(input:focus, textarea:focus, .mwai-input:focus) ~ #moove_gdpr_save_popup_settings_button,
  body:has(.mwai-chat input:focus, .mwai-chat textarea:focus, .mwai-input:focus) #moove_gdpr_save_popup_settings_button {
    opacity: 0.01;              /* quasiment invisible */
    pointer-events: none;       /* ne bloque plus les clics */
    transition: opacity .15s ease;
  }
}