/*
Theme Name: Hotel Child
Theme URI: https://www.clicher.eu/
Description: Child theme of Divi theme for the Divi theme
Author: Clicher studio
Author URI: https://www.clicher.eu/
Template: Divi
Version: 4.27.7
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 20 Jul 2026 15:12:21 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/* =====================================================
   GTRANSLATE - Selecteur de langue flottant
   Position : bas gauche | Fond marine au hover
   ===================================================== */

/* Repositionner en bas a gauche sur tous les ecrans */
.gtranslate_wrapper {
  position: fixed !important;
  bottom: 20px !important;
  left: 20px !important;
  top: auto !important;
  right: auto !important;
  z-index: 99999 !important;
}

/* Globe / bouton principal */
.gtranslate_wrapper .gt-lang-code,
.gtranslate_wrapper a.gt-current-lang {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background-color: #2B3945 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(203,165,84,0.40) !important;
  border-radius: 4px !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color .2s ease, border-color .2s ease !important;
  text-decoration: none !important;
}
.gtranslate_wrapper a.gt-current-lang:hover,
.gtranslate_wrapper .gt-lang-code:hover {
  background-color: #CBA554 !important;
  color: #2B3945 !important;
  border-color: #CBA554 !important;
}

/* Dropdown des langues */
.gtranslate_wrapper .gt-lang-selector,
.gtranslate_wrapper ul {
  background-color: #2B3945 !important;
  border: 1px solid rgba(203,165,84,0.30) !important;
  border-radius: 4px !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.30) !important;
  bottom: 100% !important;
  left: 0 !important;
  margin-bottom: 6px !important;
  min-width: 130px !important;
  padding: 6px 0 !important;
}
.gtranslate_wrapper .gt-lang-selector a,
.gtranslate_wrapper ul li a {
  color: rgba(255,255,255,0.80) !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  padding: 8px 14px !important;
  display: block !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(203,165,84,0.10) !important;
  transition: color .15s, background .15s !important;
}
.gtranslate_wrapper ul li:last-child a {
  border-bottom: none !important;
}
.gtranslate_wrapper .gt-lang-selector a:hover,
.gtranslate_wrapper ul li a:hover {
  color: #CBA554 !important;
  background: rgba(203,165,84,0.08) !important;
}

/* Sur desktop : masquer le flottant si affiche dans le menu */
@media (min-width: 981px) {
  .gtranslate_wrapper {
    display: none !important;
  }
}

/* Sur mobile : afficher et ajuster */
@media (max-width: 980px) {
  .gtranslate_wrapper {
    display: block !important;
    bottom: 16px !important;
    left: 16px !important;
  }
  /* Eviter que le selecteur chevauche le bouton reserver */
  .gtranslate_wrapper {
    z-index: 99998 !important;
  }
}

/* =====================================================
   SOUS-MENU HEADER - Charte La Maison Montparnasse
   ===================================================== */

/* --- Flèche ▾ sur le lien parent qui a un sous-menu --- */
#main-header .nav li.menu-item-has-children > a::after {
  content: ' \25BE';
  font-size: 10px;
  color: #CBA554;
  margin-left: 5px;
  vertical-align: middle;
}

/* --- Dropdown : fond marine, bordure or supérieure, largeur fixe --- */
#main-header .nav li.menu-item-has-children ul,
#main-header .nav li.menu-item-has-children ul.sub-menu {
  background-color: #2B3945 !important;
  border-top: 2px solid #CBA554 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 0 0 3px 3px !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.35) !important;
  padding: 6px 0 8px !important;
  min-width: 240px !important;
  width: 240px !important;
}

/* --- Items : une ligne, display block propre --- */
#main-header .nav li.menu-item-has-children ul li,
#main-header .nav li.menu-item-has-children ul.sub-menu li {
  float: none !important;
  display: block !important;
  border-bottom: 1px solid rgba(203,165,84,0.12) !important;
}
#main-header .nav li.menu-item-has-children ul li:last-child,
#main-header .nav li.menu-item-has-children ul.sub-menu li:last-child {
  border-bottom: none !important;
}

/* --- Liens : blanc, uppercase, nowrap (= plus de retour à la ligne) --- */
#main-header .nav li.menu-item-has-children ul li a,
#main-header .nav li.menu-item-has-children ul.sub-menu li a {
  color: rgba(255,255,255,0.75) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  padding: 10px 20px !important;
  display: block !important;
  background: transparent !important;
  line-height: 1.4em !important;
  transition: color .15s, padding-left .15s, background .15s !important;
}

/* --- Hover : or + fond très léger + décalage --- */
#main-header .nav li.menu-item-has-children ul li a:hover,
#main-header .nav li.menu-item-has-children ul.sub-menu li a:hover {
  color: #CBA554 !important;
  background: rgba(203,165,84,0.07) !important;
  padding-left: 26px !important;
}

/* =====================================================
   TEMPLATE ARTICLES DE BLOG
   ===================================================== */

/* Typographie du contenu article */
.lmm-post-content p {
  margin-bottom: 1.4em;
  color: #5C5C5C;
}
.lmm-post-content h2 {
  color: #2B3945;
  font-size: 22px;
  margin-top: 2em;
  margin-bottom: 0.6em;
  padding-bottom: 8px;
  border-bottom: 2px solid #CBA554;
}
.lmm-post-content h3 {
  color: #466C7C;
  font-size: 17px;
  margin-top: 1.6em;
  margin-bottom: 0.5em;
}
.lmm-post-content ul,
.lmm-post-content ol {
  margin: 1em 0 1.4em 1.2em;
  color: #5C5C5C;
  line-height: 1.9em;
}
.lmm-post-content ul li {
  list-style: none;
  padding-left: 14px;
  position: relative;
}
.lmm-post-content ul li::before {
  content: '—';
  color: #CBA554;
  position: absolute;
  left: -4px;
}
.lmm-post-content ol li {
  padding-left: 4px;
}
.lmm-post-content a {
  color: #CBA554;
  text-decoration: none;
  border-bottom: 1px solid rgba(203,165,84,0.30);
  transition: color .15s, border-color .15s;
}
.lmm-post-content a:hover {
  color: #2B3945;
  border-bottom-color: #2B3945;
}
.lmm-post-content strong {
  color: #2B3945;
  font-weight: 600;
}
.lmm-post-content em {
  color: #888;
  font-size: 13px;
  display: block;
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid rgba(43,57,69,0.10);
}
.lmm-post-content blockquote {
  border-left: 3px solid #CBA554;
  margin: 1.6em 0;
  padding: 12px 24px;
  background: #FAF5EF;
  color: #466C7C;
  font-style: italic;
}

/* Supprimer la section commentaires si elle apparaît */
.comments-area,
#comments {
  display: none !important;
}

/* =====================================================
   PORTFOLIO DIVI - Extraits sous les vignettes chambres
   ===================================================== */

/* Extrait sous la vignette */
.et_pb_portfolio_item .et_pb_portfolio_excerpt,
.et_pb_filterable_portfolio .et_pb_portfolio_excerpt {
  font-size: 13px !important;
  color: #5C5C5C !important;
  line-height: 1.7em !important;
  padding: 8px 0 4px !important;
  display: block !important;
}

/* Bouton "Découvrir" */
.et_pb_portfolio_item .et_pb_portfolio_link,
.et_pb_filterable_portfolio .et_pb_portfolio_link {
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 8px 20px !important;
  background-color: transparent !important;
  border: 1px solid #CBA554 !important;
  color: #2B3945 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 2px !important;
  transition: background-color .2s ease, color .2s ease !important;
}
.et_pb_portfolio_item .et_pb_portfolio_link:hover,
.et_pb_filterable_portfolio .et_pb_portfolio_link:hover {
  background-color: #CBA554 !important;
  color: #2B3945 !important;
}

/* Titre de la vignette */
.et_pb_portfolio_item h2,
.et_pb_portfolio_item h3 {
  color: #2B3945 !important;
  font-size: 16px !important;
  margin-top: 10px !important;
  margin-bottom: 4px !important;
}

/* PAGE CONTACT - Styles La Maison Montparnasse - Charte : Or #CBA554 | Marine #2B3945 */

/* Formulaire Divi - champs en mode dark */
#et_pb_contact_form_contact .et_pb_contact_field input,
#et_pb_contact_form_contact .et_pb_contact_field textarea,
#et_pb_contact_form_contact .et_pb_contact_field select {
  background-color: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(203,165,84,0.25) !important;
  border-radius: 2px !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  padding: 14px 16px !important;
  transition: border-color .2s ease;
}
#et_pb_contact_form_contact .et_pb_contact_field input:focus,
#et_pb_contact_form_contact .et_pb_contact_field textarea:focus,
#et_pb_contact_form_contact .et_pb_contact_field select:focus {
  border-color: #CBA554 !important;
  outline: none !important;
}
#et_pb_contact_form_contact .et_pb_contact_field input::placeholder,
#et_pb_contact_form_contact .et_pb_contact_field textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}
#et_pb_contact_form_contact .et_pb_contact_field select option {
  background-color: #2B3945;
  color: #FFFFFF;
}
#et_pb_contact_form_contact .et_pb_contact_field label {
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
#et_pb_contact_form_contact .et_contact_bottom_container .et_pb_contact_submit {
  background-color: #CBA554 !important;
  color: #2B3945 !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 14px 36px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  transition: background-color .2s ease !important;
  margin-top: 10px !important;
}
#et_pb_contact_form_contact .et_contact_bottom_container .et_pb_contact_submit:hover {
  background-color: #E3C87A !important;
}
#et_pb_contact_form_contact .et-pb-contact-message {
  background-color: rgba(203,165,84,0.12) !important;
  border-left: 3px solid #CBA554 !important;
  color: #CBA554 !important;
  padding: 16px 20px !important;
  border-radius: 2px !important;
}
.et_pb_map_container {
  border-top: 3px solid #CBA554;
}



/* =====================================================
   SEO Hn : titres décoratifs passés en paragraphes (nov. 2026)
   Reproduit l'espacement des anciens h2/h3 Divi
   ===================================================== */
.et_pb_text.lmm-kicker p,
.et_pb_text.lmm-title-p p {
  padding-bottom: 10px;
}
.et_pb_text.lmm-kicker p { line-height: 1em; }
.et_pb_text.lmm-title-p p { line-height: 1.2em; }