/*
	Theme Name: Hello Elementor child
    template: hello-elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.4.2
	Stable tag: 2.4.2
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* GLOBAL */

.vertical h2 {
  writing-mode: vertical-rl; /* flux vertical, du haut vers le bas */
  text-orientation: upright; /* chaque lettre droite (utile pour A-Z) */
  white-space: nowrap; /* évite les retours à la ligne */
  /* optionnel */
  line-height: 1;
}
.elementor-element-b58f356::after {
  content: '';
  position: absolute;
  right: -5px;
  top: -5px;
  bottom: -5px;
  left: 0;
  border: 1px solid #b19731;
  border-left: unset;
}
.title_after h2::after {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -15px;
  width: 70px;
  left: 50%;
  transform: translate(-50%);
  background: linear-gradient(
    to right,
    #b19731 0%,
    #b19731 70%,
    /* partie pleine */ transparent 70%,
    /* début de la coupure */ transparent calc(70% + 5px),
    /* longueur coupure */ #b19731 calc(70% + 5px),
    #b19731 100%
  );
}
.title_after.left h2::after {
  left: 0 !important;
  transform: unset;
}
.colonne_title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  color: white;
  opacity: 0.4;
  font-family: 'Aboreto', sans-serif;
}
.elementor-element-a531fc3 .elementor-icon-wrapper {
  display: flex;
}
.elementor-element-a531fc3 {
  z-index: 99;
}

/*** FORMULAIRE ***/

#form_reservation {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
#form_reservation * {
  outline: none !important;
}

#form_reservation input,
#form_reservation select {
  background: unset !important;
  border: unset !important;
  border-left: 1px solid white !important;
  border-bottom: 1px solid white !important;
  border-radius: 0;
  color: white;
  font-family: 'Aboreto';
}
#form_reservation select option {
  background: #1e1e1e;
}
#form_reservation input::placeholder {
  color: white;
}
#form_reservation .bloc_input {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}
#form_reservation button {
  border: 1px solid white;
  font-family: 'Aboreto';
  border-radius: 0;
  color: white !important;
  width: fit-content;
  padding: 10px 40px;
}
#form_reservation button:hover {
  background: unset !important;
  opacity: 0.8;
}

@media screen and (max-width: 425px) {
  .elementor-element-b58f356::after {
    left: -5px;
    border-left: 1px solid #b19731;
  }
  .elementor-shortcode #form_reservation input,
.elementor-shortcode #form_reservation select {
  font-size: 16px !important;
}
  .elementor-shortcode select,
  .elementor-shortcode .bloc_input,
  .elementor-shortcode select option {
    font-size: 16px !important;
  }
  .elementor-shortcode #form_reservation select#event_id {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  /* Lignes de la liste (sera ignoré par certains mobiles, mais on le met quand même) */
  .elementor-shortcode #form_reservation select#event_id option {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}