/*
Theme Name:         Deepwater
Theme URI:          https://demainilferabeau.fr/
Description:        Thème enfant personnalisé pour Divi 5 - Performance, Mobile First et SEO First.
Author:             demainilferabeau.fr
Author URI:         https://demainilferabeau.fr/
Template:           Divi
Version:            1.0.0
Text Domain:        deepwater-child
*/

/* ==========================================================================
  Mobile 
   ========================================================================== */

	
@media (max-width: 767px) {
  .et_pb_text.fws-500,
  .et_pb_text.fws-500 p,
  .et_pb_text.fws-500 h1,
  .et_pb_text.fws-500 h2,
  .et_pb_text.fws-500 h3,
  .et_pb_text.fws-500 h4,
  .et_pb_text.fws-500 h5,
  .et_pb_text.fws-500 h6,
  .et_pb_text.fws-500 span {
    font-weight: 500 !important;
  }
	}

/*MENU MOBILE*/
	
@media (max-width: 767px) {
  /* La ligne devient la référence de positionnement */
  .et_pb_row_0_tb_header {
    position: relative;
  }

  /* Les parents du menu ne servent plus de référence */
  .et_pb_row_0_tb_header > .et_pb_column,
  .et_pb_menu_0_tb_header,
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container,
  .et_pb_menu_0_tb_header .et_pb_menu__wrap,
  .et_pb_menu_0_tb_header .et_mobile_nav_menu {
    position: static;
  }

  /* Le menu déplié prend toute la largeur de la ligne */
  .et_pb_menu_0_tb_header .et_mobile_menu {
    left: 0;
    right: 0;
    width: 100%;
  }
	 .et_pb_menu_0_tb_header .et_mobile_menu li a {
    border: 1px solid #000 !important;
    margin-bottom: -1px;
  }
	 .et_pb_menu_0_tb_header .et_mobile_menu {
    border-top: none !important;
  
  }
}
	

	
/* ==========================================================================
   Fonts
   ========================================================================== */
   
@font-face {
    font-family: 'Nohemi';
    src: url('fonts/nohemi-variable.woff2') format('woff2 supports variations'),
         url('fonts/nohemi-variable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;   
}

/* ==========================================================================
   Application globale de la police Nohemi (Approche Mobile First)
   ========================================================================== */

/* Base du site (Corps de texte) */
body, p, span, a, li, input, textarea {
    font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300; /* Poids normal pour une lecture fluide */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Force la police Nohemi sur tous les titres par défaut */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nohemi', sans-serif !important;
}

/* ==========================================================================
   Design System : Épaisseurs de la police Nohemi (de 100 à 900)
   ========================================================================== */

/* 100 - Thin (Ultra Fin) */
.fw-100, .fw-100 p, .fw-100 h1, .fw-100 h2, .fw-100 h3, .fw-100 h4, .fw-100 h5, .fw-100 h6, .fw-100 span { font-weight: 100 !important; }

/* 200 - Extra Light / Ultra Light */
.fw-200, .fw-200 p, .fw-200 h1, .fw-200 h2, .fw-200 h3, .fw-200 h4, .fw-200 h5, .fw-200 h6, .fw-200 span { font-weight: 200 !important; }

/* 300 - Light (Fin) */
.fw-300, .fw-300 p, .fw-300 h1, .fw-300 h2, .fw-300 h3, .fw-300 h4, .fw-300 h5, .fw-300 h6, .fw-300 span { font-weight: 300 !important; }

/* 400 - Regular / Normal */
.fw-400, .fw-400 p, .fw-400 h1, .fw-400 h2, .fw-400 h3, .fw-400 h4, .fw-400 h5, .fw-400 h6, .fw-400 span { font-weight: 400 !important; }

/* 500 - Medium (Demi-Gras) */
.fw-500, .fw-500 p, .fw-500 h1, .fw-500 h2, .fw-500 h3, .fw-500 h4, .fw-500 h5, .fw-500 h6, .fw-500 span { font-weight: 500 !important; }

/* 600 - Semi Bold (Gras discret) */
.fw-600, .fw-600 p, .fw-600 h1, .fw-600 h2, .fw-600 h3, .fw-600 h4, .fw-600 h5, .fw-600 h6, .fw-600 span { font-weight: 600 !important; }

/* 700 - Bold (Gras standard) */
.fw-700, .fw-700 p, .fw-700 h1, .fw-700 h2, .fw-700 h3, .fw-700 h4, .fw-700 h5, .fw-700 h6, .fw-700 span { font-weight: 700 !important; }

/* 800 - Extra Bold / Black (Très gras) */
.fw-800, .fw-800 p, .fw-800 h1, .fw-800 h2, .fw-800 h3, .fw-800 h4, .fw-800 h5, .fw-800 h6, .fw-800 span { font-weight: 800 !important; }

/* 900 - Ultra Black / Heavy (Épaisseur maximale) */
.fw-900, .fw-900 p, .fw-900 h1, .fw-900 h2, .fw-900 h3, .fw-900 h4, .fw-900 h5, .fw-900 h6, .fw-900 span { font-weight: 900 !important; }

/* ==========================================================================
   Texte avec icone
   ========================================================================== */
.paragraphe-check p {
  position: relative;
  padding-left: 38px;
}

.paragraphe-check p::before {
  content: "";
  position: absolute;
  left: 0;

  width: 15px;
  height: 15px;
  background: url("https://futursimple.studio/wp-content/uploads/2026/10/check.png") no-repeat center / contain;
	padding-top:0.4em;
}

/* ==========================================================================
   Problèmes - Formulaire 
   ========================================================================== */
html { scroll-behavior: smooth; }
[id^="form-"] { scroll-margin-top:0px; } 


/* ==========================================================================
   Onglet problèmes
   ========================================================================== */


.onglets-gauche {
  display: flex;
  align-items: flex-start;
}
.onglets-gauche .et_pb_tabs_controls {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.onglets-gauche .et_pb_tabs_controls li {
  float: none;
  width: 100%;
}
.onglets-gauche .et_pb_all_tabs {
  width: 60%;
}

@media (max-width: 767px) {
  .onglets-gauche { flex-direction: column; }
  .onglets-gauche .et_pb_tabs_controls,
  .onglets-gauche .et_pb_all_tabs { width: 100%; }
}

/* Supprimer les bordures */


/* Espacer les titres entre eux */
.onglets-gauche .et_pb_tabs_controls {
  gap: 0px;
	background: transparent !important;
}
/* Lignes entre les titres : noir pur */
.onglets-gauche .et_pb_tabs_controls li {
  border-bottom: 0.5px solid #000000 !important;
  border-right: none !important;
	 padding-top: 20px;
  padding-bottom: 20px;
}

/* Barre verticale sur toute la hauteur, portée par le contenu */
.onglets-gauche .et_pb_tabs_controls {
  border-right: none !important;
}
.onglets-gauche .et_pb_all_tabs {
  border-left: 0.5px solid #000000 !important;
}

/* Sur mobile (colonnes empilées) : ligne au-dessus du contenu */
@media (max-width: 767px) {
  .onglets-gauche .et_pb_all_tabs {
    border-left: none !important;
    border-top: 0.5px solid #000000 !important;
  }
}

/* ==========================================================================
   Basule ouvert ligne entre le titre et le texte
   ========================================================================== */

.ligne-bascule.et_pb_toggle_open .et_pb_toggle_content {
  border-top: 0.5px solid #000000
}