/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* GLOBAL */
html, body{
    overflow-x: hidden;
}

a {
    color: inherit;
}

p a{
    text-decoration: underline !important;
    font-weight: 600;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display:block;
  height: 0px; /* fixed header height*/
  margin: -150px 0 0; /* negative fixed header height */
  visibility: hidden;
  pointer-events: none;
}


.fitcontent{
    width: fit-content !important;
}


/* CTA */

.cta_dark{
    border: 3px solid var(--e-global-color-secondary)!important;
    outline: 1px solid #CB8E6A !important;
}

.cta_dark .elementor-button{
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-secondary) !important;
}

.cta_light{
    border: 3px solid var(--e-global-color-primary)!important;
    outline: 1px solid #CB8E6A !important;
}

.cta_light .elementor-button{
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-primary) !important;

}

/* .cta_dark, .cta_light,  */
.elementor-widget-button, ul.elementor-nav-menu > li:last-child{
    transition: all ease-in-out .3s;
}

.elementor-widget-button:hover, ul.elementor-nav-menu > li:last-child:hover{
    transform: scale(.97);
}


/* MENU */
/* ul li.menu-item {
    border-right: 1px solid var(--e-global-color-d7c6272);
} */

ul li.menu-item:nth-last-child(2)::after {
    display: none !important;
}



ul li.menu-item:last-child {
    border-right: none;
}



ul.elementor-nav-menu > li:last-child{
    background-color: #F2EEE8;
    border: 2px solid #CB8E6A;
    padding: 5px;
    width: fit-content;
}

ul.elementor-nav-menu > li:last-child > a{
    color: #3e2415 !important;
    font-size: 14px !important; 
    font-weight: 700 !important;
    text-transform: uppercase;
}


a.lang-toggle img {
    width: 20px !important;
}


/* HERO CAROUSEL */
.elementor-widget-n-carousel.elementor-pagination-position-outside>.elementor-widget-container>.swiper{
    padding-bottom: 0 !important;
}



/* TABLEAU */
.capacites {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* 🔥 Force toutes les colonnes à largeur égale */
}

.capacites th,
.capacites td {
  padding: 14px 10px;
  color: #D88B64; /* couleur rose pâle comme ton image */
  text-align: center; /* 🔥 Centre horizontalement */
  vertical-align: middle; /* 🔥 Centre verticalement */
  border: none !important;
}

.capacites th {
  font-weight: 600;
}

.capacites thead tr:first-child {
  background: #f7ebe6; /* adapte la couleur si besoin */

}

table thead:first-child tr:first-child th {
    border-block-start: none;
}

.capacites tr td:first-child,
.capacites tr th:first-child {
  text-align: left; /* les noms alignés à gauche comme sur ta maquette */
}

.capacites td:last-child,
.capacites th:last-child {
  border: none; /* supprime la bordure droite finale */
}

/* 🔥 Supprimer le contour global du tableau */
.capacites {
  border: none; 
}

table tbody>tr:nth-child(odd)>td{
    background-color: #f7ebe6;
    color: #000 !important;
}


/* Assure que l'en-tête a la bonne couleur de police (Marron clair) */
.capacites.forfait thead th {
    /* Écrase la couleur #D88B64 si elle a été retirée des .capacites th */
    color: #000;
    
    /* Réapplique le fond pour l'en-tête (au cas où il est écrasé ailleurs) */
    background: #f7ebe6; 
}



.capacites.forfait tbody tr:nth-child(odd) td {
    background-color: #fff; /* Couleur de fond clair */
    color: #D88B64 !important; /* Couleur de police marron clair */
}

.capacites.forfait tbody tr:nth-child(even) td {
    background-color: #f7ebe6;
    color: #000 !important; /* Couleur de police marron clair */
}


/* FORM BREVO */
/* FORM BREVO - Styles Personnalisés Raleway */

/* Appliquer Raleway globalement au formulaire */
.sib-form,
#sib-form-container,
#sib-container,
.sib-form-block,
.sib-input input,
.sib-input input::placeholder,
.sib-form-message-panel {
    font-family: 'Raleway', sans-serif !important;
}

/* Conteneur principal: retirer le fond et le padding */
.sib-form {
    background: none !important;
    padding: 0 !important;
    text-align: center;
}

/* Conteneur du formulaire: retirer le fond, les bordures et le padding par défaut */
div#sib-container {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

/* Supprimer le padding par défaut des divs à l'intérieur du formulaire */
form#sib-form > div {
    padding: 0 !important;
}

/* Styles pour les champs de saisie (input) */
.sib-input input {
    /* Retrait des bordures et arrondis */
    border: none !important;
    border-radius: 0 !important;
    /* Dimensions et espacement */
    padding: 0 10px !important; 
    /* Typographie */
    color: var(--e-global-color-primary) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    /* Assurer que l'input prend toute la largeur disponible */
    width: 100%;
    box-sizing: border-box;
    /* Retrait de l'outline au focus */
    outline: none !important;
}

/* Styles pour les placeholders */
.sib-input input::placeholder {
    color: var(--e-global-color-primary) !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

/* Styles pour le bouton S'INSCRIRE */
.sib-form-block__button.sib-form-block__button-with-loader {
  /* Arrière-plan et couleur du texte */
  background-color: #D88B64 !important;
  color: var(--e-global-color-primary) !important;
  font-weight: 700 !important; /* Maintient le style en gras */
  /* Dimensions et espacement */
  width: 100%;
  margin-top: 5px !important; 
  /* Retrait des arrondis */
  border-radius: 0 !important;
  /* Transition et alignement */
  transition: all ease-in-out .3s;
  text-align: center !important;
}

.sib-form-block__button.sib-form-block__button-with-loader:hover {
    transform: scale(.97);
}


/* Styles pour les messages d'erreur et de succès */
.sib-form-message-panel {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px; 
  text-align: left; 
  border-radius: 3px; 
  border-width: 1px;
  border-style: solid;
  /* Assure que Raleway est utilisé même ici */
  font-family: 'Raleway', sans-serif !important; 
  padding: 10px; /* Ajout d'un padding pour un meilleur affichage */
}

/* Message d'erreur */
#error-message {
  color: #661d1d; 
  background-color: #ffeded; 
  border-color: #ff4949;
}

/* Message de succès */
#success-message {
  color: #085229; 
  background-color: #e7faf0; 
  border-color: #13ce66;
}

/* Style de l'erreur du champ */
.entry__error.entry__error--primary {
  font-size: 16px; 
  text-align: left; 
  font-family: 'Raleway', sans-serif !important; 
  color: #661d1d; 
  background-color: #ffeded; 
  border-radius: 3px; 
  border-color: #ff4949;
  border-width: 1px;
  border-style: solid;
  padding: 5px 10px;
}

.entry__field {
    border-radius: 0 !important;
    border: none !important;
}

/* RESPONSIVE */
/* TABLETTE */

ul.elementor-nav-menu {
    padding: 10px 0;
}

@media screen and (max-width: 1024px){
ul.elementor-nav-menu > li:last-child {
    border: 2px solid #3e2415;
    margin: 10px 20px 20px 20px;
    width: calc(100% - 40px);
}

ul.elementor-nav-menu > li:last-child > a{
    text-align: center;
    display: block;
}

ul.elementor-nav-menu > li:last-child > a.elementor-item-active, ul.elementor-nav-menu > li:last-child > a:hover{
    background-color: #f2eee8 !important;
}

.no_bg_tab{
    background-image: none !important;
}

}

/* MOBILE */
@media screen and (max-width: 768px){

    .elementor-swiper-button{
        display: none !important;
    }

}