.elementor-kit-7{--e-global-color-travolo_opt_primary:#FF681A;--e-global-color-travolo_opt_secondary:#ffd600;--e-global-color-travolo_opt_secondary_two:#490d59;--e-global-color-travolo_opt_headline:#000000;--e-global-color-travolo_opt_body:#444444;--e-global-color-travolo_opt_body_bg:#ffffff;--e-global-color-travolo_opt_light_color:#f8f9fa;--e-global-color-travolo_opt_black_color:#000000;--e-global-color-travolo_opt_white_color:#ffffff;--e-global-color-travolo_opt_yellow_color:#fec624;--e-global-color-travolo_opt_success_color:#28a745;--e-global-color-travolo_opt_error_color:#dc3545;--e-global-color-travolo_opt_border_color:#E0E0E0;--e-global-color-travolo_opt_travolo_smoke:#F0F6FA;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Lodgify search bar : correctifs mobile / menu off-canvas ===== */

/* 1. Champs Arrivée / Départ invisibles dans le menu (iPhone, mais en fait tous navigateurs)
   ElementsKit applique « outline: 0 » à tous les div du menu, or Lodgify dessine
   la bordure de ces champs avec un outline. On la rétablit. */
.ekit-wid-con .ekit-sidebar-widget #lodgify-search-bar [data-testid="start-date-button"],
.ekit-wid-con .ekit-sidebar-widget #lodgify-search-bar [data-testid="end-date-button"] {
  outline: 1px solid #ddd;
}
.ekit-wid-con .ekit-sidebar-widget #lodgify-search-bar [data-testid="start-date-button"].active,
.ekit-wid-con .ekit-sidebar-widget #lodgify-search-bar [data-testid="end-date-button"].active {
  outline: 0;
}

/* 2. Calendrier trop large sur mobile (422 px pour un écran de 375 px)
   Le thème applique « padding: 15px + bordure » à toutes les cellules de tableau,
   y compris celles du calendrier Lodgify. On neutralise dans la popup. */
[data-radix-popper-content-wrapper] table th,
[data-radix-popper-content-wrapper] table td {
  border: 0;
  padding: 1px 0;
  line-height: inherit;
  vertical-align: middle;
}
[data-radix-popper-content-wrapper] table th {
  padding: 0 0 6px;
}
@media (max-width: 480px) {
  [data-radix-popper-content-wrapper] {
    max-width: 100vw;
  }
}/* End custom CSS */