/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1746560283
Updated: 2025-05-06 19:38:03

*/

/* Boîte du calendrier */
.ui-datepicker {
  background: #fff;
  border: none;
  border-radius: 20px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  padding: 20px;
  font-family: 'Open Sans', sans-serif;
}

/* Titre du mois + navigation */
.ui-datepicker-header {
  background: none;
  border: none;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #222;
}

/* Navigation boutons */
.ui-datepicker-prev, .ui-datepicker-next {
  background: none;
  border: none;
  color: #bb7d4a;
  font-weight: bold;
  font-size: 18px;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  color: #a05f2c;
}

/* Jours de la semaine */
.ui-datepicker th {
  color: #888;
  font-weight: 600;
  font-size: 13px;
  padding-bottom: 10px;
}

/* Jours */
.ui-datepicker td a {
  display: inline-block;
  background: #f4f4f4;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #222;
  transition: background-color 0.2s ease;
}

.ui-datepicker td a:hover {
  background: #bb7d4a;
  color: #fff;
}

/* Aujourd’hui */
.ui-datepicker-today a {
  border: 2px solid #bb7d4a;
}

/* Sélection */
.ui-datepicker td.ui-datepicker-current-day a {
  background-color: #bb7d4a;
  color: #fff;
}

/* Pied de calendrier : cacher "Effacer" et "Fermer" */
.ui-datepicker .ui-datepicker-buttonpane {
  display: none;
}




/* Grille responsive des logements */
.mphb_sc_search-results-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

/* Chaque fiche logement */
.mphb-room-type {
  width: calc(50% - 15px); /* 2 colonnes avec espace */
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}

/* Responsive : 1 colonne sur mobile */
@media (max-width: 768px) {
  .mphb-room-type {
    width: 100%;
  }
}














.modern-card {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: transform 0.3s ease;
  margin-bottom: 30px;
}

.modern-card:hover {
  transform: translateY(-5px);
}

.card-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.card-content {
  padding: 20px;
  text-align: left;
}

.card-title {
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 600;
}

.card-price {
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
}

.card-button {
  display: inline-block;
  background: #3f51b5;
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s;
}

.card-button:hover {
  background: #303f9f;
}
.mphb-room-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 25px;
  margin-bottom: 40px;
  border-radius: 20px;
  background: #f9f9f9;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  overflow: hidden;
}

.mphb-room-image img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
}

.mphb-room-title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
}

.mphb-room-price {
  font-size: 1.2rem;
  font-weight: 500;
  color: #bb7d4a;
  margin: 10px 0;
}

.mphb-room-description {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.5;
}

.mphb-room-buttons {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.mphb-btn-detail, .mphb-book-button {
  background: #bb7d4a;
  color: white !important;
  padding: 10px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s ease;
}

.mphb-btn-detail:hover, .mphb-book-button:hover {
  background: #a0683d;
}



























.mes-logements-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 30px;
}

.logement-carte {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  padding: 20px;
  text-align: center;
}

.logement-image img {
  width: 100%;
  border-radius: 10px;
}

.logement-titre {
  font-size: 1.3rem;
  margin-top: 10px;
}

.logement-prix {
  color: #bb7d4a;
  font-weight: 600;
  margin: 10px 0;
}

.logement-resume {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.4;
}

.logement-bouton {
  display: inline-block;
  background: #bb7d4a;
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 15px;
  transition: background 0.3s;
}

.logement-bouton:hover {
  background: #a0683d;
}









.glassmorph {
  background: rgba(255, 255, 255, 0.1); /* Fond blanc semi-transparent */
  backdrop-filter: blur(10px); /* Effet de flou */
  -webkit-backdrop-filter: blur(10px); /* Pour Safari */
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}










/* Masquer le bouton de gestion du consentement sur les pages spécifiques */

/* Pour la page ID 18259 */
body.page-id-18259 .cmplz-btn.cmplz-manage-consent-1.cmplz-show {
  display: none !important;
}

/* Pour la page ID 18174 */
body.page-id-18174 .cmplz-btn.cmplz-manage-consent-1.cmplz-show {
  display: none !important;
}


/* Pour la page ID 18174 */
body.page-id-18386 .cmplz-btn.cmplz-manage-consent-1.cmplz-show {
  display: none !important;
}

/* Alternative - Si les classes body ne fonctionnent pas, utilisez cette version : */
/*
.page-id-18259 button.cmplz-btn.cmplz-manage-consent-1,
.page-id-18174 button.cmplz-btn.cmplz-manage-consent-1 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
*/

/* Masquer aussi le conteneur parent si nécessaire */
body.page-id-18259 .cmplz-manage-consent-container,
body.page-id-18259 .cmplz-manage-consent-container,

body.page-id-18386 .cmplz-manage-consent-container {
  display: none !important;
}