.elementor-811 .elementor-element.elementor-element-85a16c8{--display:flex;--min-height:595px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.3;}.elementor-811 .elementor-element.elementor-element-85a16c8:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-85a16c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hotelnatachademonaco.com/wp-content/uploads/2026/02/WhatsApp-Image-2026-02-11-at-13.56.40-17.jpeg");}.elementor-811 .elementor-element.elementor-element-85a16c8::before, .elementor-811 .elementor-element.elementor-element-85a16c8 > .elementor-background-video-container::before, .elementor-811 .elementor-element.elementor-element-85a16c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-811 .elementor-element.elementor-element-85a16c8 > .elementor-background-slideshow::before, .elementor-811 .elementor-element.elementor-element-85a16c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-811 .elementor-element.elementor-element-85a16c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-da4cedf );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-811 .elementor-element.elementor-element-bb02316{text-align:center;}.elementor-811 .elementor-element.elementor-element-bb02316 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-d8a0eaf );}.elementor-811 .elementor-element.elementor-element-98ccf88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-9fb10a6 *//* Conteneur principal - Grille de cartes */
.show-grid-room {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 8px;
  padding: 20px;
  grid-auto-rows: 1fr;
  align-items: stretch;
}

/* Chaque chambre/appartement - Style carte avec élévation */
.show-grid-room .mphb-room-type {
  background: white;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  margin: 8px;
  padding-left:10px;
  elevation: 5;
}

.show-grid-room .mphb-room-wrapper {
  background: white;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  margin: 8px;
  height: 100%;
  min-height: 500px;
}

/* Effet au survol - augmente l'élévation */
.show-grid-room .mphb-room-type:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
}

.show-grid-room .mphb-room-wrapper:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
}

/* Image de l'appartement */
.show-grid-room .mphb-room-wrapper img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

/* Titre de l'appartement en noir */
.show-grid-room .mphb-room-type-title {
  color: #000000 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  padding-top:10px ;
  text-align: center;
}

.show-grid-room .mphb-room-wrapper .mphb-room-title,
.show-grid-room .mphb-room-wrapper h2,
.show-grid-room .mphb-room-wrapper h3,
.show-grid-room .mphb-room-wrapper h4,
.show-grid-room .mphb-room-wrapper .room-title {
  color: #000000 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 15px 15px 10px 15px !important;
  padding: 0 !important;
}

/* Sous-titres et détails - Centré */
.show-grid-room .mphb-room-wrapper h5,
.show-grid-room .mphb-room-wrapper h6 {
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 10px 15px !important;
  text-align: center !important;
}

/* Titre "Détails" centré */
.show-grid-room .mphb-room-wrapper .mphb-room-details,
.show-grid-room .mphb-room-wrapper .details-title,
.show-grid-room .mphb-room-type-details-title,
.show-grid-room .mphb-room-wrapper > h5:first-of-type,
.show-grid-room .mphb-room-wrapper > h6:first-of-type {
  text-align: center !important;
  font-size: 18px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  margin: 10px 15px !important;
}

/* Contenu interne */
.show-grid-room .mphb-room-content {
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* Détails texte */
.show-grid-room .mphb-room-wrapper p,
.show-grid-room .mphb-room-wrapper ul,
.show-grid-room .mphb-room-wrapper li {
  color: #333;
  line-height: 1.6;
  padding: 0 15px;
  margin: 5px 0;
  font-size: 14px;
}

/* Listes à puces */
.show-grid-room .mphb-room-wrapper ul {
  padding: 0 15px 0 35px;
  margin: 10px 0;
}

.show-grid-room .mphb-room-wrapper li {
  padding: 2px 0;
  margin: 2px 0;
}

/* Prix - Section avec fond jaune or */
 .mphb-regular-price {
  color: #000000 !important;
  font-size: 28px !important;
  font-weight: bold !important;
  margin: 15px 15px !important;
  padding: 20px 15px !important;
  background-color: #D4AF36 !important;
  border-radius: 8px !important;
  text-align: center !important;
  display: block !important;
}

/* Section des prix complète */
.show-grid-room .mphb-room-wrapper .mphb-price-section,
.show-grid-room .mphb-room-wrapper .price-section {
  background-color: #FFD700 !important;
  padding: 20px 15px !important;
  margin: 15px !important;
  border-radius: 8px !important;
  text-align: center !important;
}

/* Section des détails */
.show-grid-room .mphb-room-wrapper .mphb-details {
  padding: 15px;
}

/* Boutons Réserver en bleu foncé */
.show-grid-room .mphb-room-wrapper a.button,
.show-grid-room .mphb-room-wrapper .mphb-book-btn,
.show-grid-room .mphb-room-wrapper .reserve-btn,
.show-grid-room .mphb-room-wrapper button:not(:hover),
.show-grid-room .mphb-room-wrapper input[type="button"],
.show-grid-room .mphb-room-wrapper input[type="submit"],
.show-grid-room a[class*="button"],
.show-grid-room .mphb-room-wrapper a[href*="booking"],
.show-grid-room .mphb-room-wrapper a[href*="reserve"] {
  background-color: #003366 !important;
  color: white !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  margin: 15px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* Boutons au survol - bleu plus clair */
.show-grid-room .mphb-room-wrapper a.button:hover,
.show-grid-room .mphb-room-wrapper .mphb-book-btn:hover,
.show-grid-room .mphb-room-wrapper .reserve-btn:hover,
.show-grid-room .mphb-room-wrapper button:hover,
.show-grid-room a[class*="button"]:hover,
.show-grid-room .mphb-room-wrapper a[href*="booking"]:hover,
.show-grid-room .mphb-room-wrapper a[href*="reserve"]:hover {
  background-color: #004d99 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 51, 102, 0.3) !important;
}

/* Boutons "Voir les détails" - garder en noir */
.show-grid-room .mphb-room-wrapper a.mphb-view-details,
.show-grid-room .mphb-room-wrapper a[href*="details"] {
  background-color: #000000 !important;
  color: white !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  margin: 15px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.show-grid-room .mphb-room-wrapper a.mphb-view-details:hover,
.show-grid-room .mphb-room-wrapper a[href*="details"]:hover {
  background-color: #333333 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Conteneur du bouton "Voir les détails" - Centré */
.show-grid-room .mphb-view-details-button-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 15px 0 !important;
  padding: 15px !important;
}

/* Bordure légère optionnelle */
.show-grid-room .mphb-room-wrapper {
  border: 1px solid #f0f0f0;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
  .show-grid-room {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
  }
  
  .show-grid-room .mphb-room-wrapper {
    margin: 8px 0;
  }
  
  .show-grid-room .mphb-room-wrapper .mphb-room-title,
  .show-grid-room .mphb-room-wrapper h2 {
    font-size: 20px !important;
  }
}

/* ==== design link */
.mphb-attribute-value {
    color: #;
}

/* ===== DESIGN NAVIGATION ===== */

/* Conteneur de navigation principal */
.nav-links {
  background-color: #ffffff !important;
  padding: 15px 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  margin: 0 !important;
}

/* ===== GESTION PAGINATION ===== */

/* Retirer la pagination du tableau */
table .pagination,
.mphb-table .pagination,
.wp-pagenavi,
.mphb-pagination {
  display: none !important;
}

/* Pagination en dehors du tableau */
.pagination,
.mphb-pagination,
.page-numbers,
.wp-pagenavi {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 30px 0 !important;
  padding: 20px 15px !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* Style des boutons de pagination */
.pagination a,
.pagination span,
.page-numbers,
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  margin: 5px !important;
  border: 2px solid #003366 !important;
  background-color: #ffffff !important;
  color: #003366 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

/* Pagination au survol */
.pagination a:hover,
.page-numbers:hover,
.wp-pagenavi a:hover {
  background-color: #003366 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 51, 102, 0.3) !important;
  transform: translateY(-2px) !important;
}

/* Pagination actuelle */
.pagination .current,
.page-numbers.current,
.wp-pagenavi .current {
  background-color: #003366 !important;
  color: #ffffff !important;
  border-color: #003366 !important;
  cursor: default !important;
  font-weight: 700 !important;
}

/* Points de suspension */
.pagination .dots,
.page-numbers.dots,
.wp-pagenavi .dots {
  border: none !important;
  cursor: default !important;
  padding: 0 5px !important;
}

/* Lien précédent/suivant */
.pagination .prev,
.pagination .next,
.page-numbers.prev,
.page-numbers.next,
.wp-pagenavi .prev,
.wp-pagenavi .next {
  font-weight: 700 !important;
  padding: 0 15px !important;
}

/* Responsive pagination mobile */
@media (max-width: 768px) {
  .pagination,
  .mphb-pagination,
  .wp-pagenavi {
    margin: 20px 0 !important;
    padding: 15px 10px !important;
  }
  
  .pagination a,
  .pagination span,
  .page-numbers,
  .wp-pagenavi a,
  .wp-pagenavi span {
    min-width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
    margin: 3px !important;
  }
}

/* Désactiver margin-top pour éviter les espaces non désirés */
.mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type),
.mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type),
.mphb_sc_services-wrapper .mphb-service:not(:first-of-type) {
  margin-top: 0 !important;
}


/* Responsive navigation mobile */
@media (max-width: 768px) {
  .show-grid-room {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  
  .show-grid-room .mphb-room-wrapper {
    margin: 8px 0 !important;
    min-height: auto !important;
  }
  
  .show-grid-room .mphb-room-wrapper .mphb-room-title,
  .show-grid-room .mphb-room-wrapper h2 {
    font-size: 20px !important;
  }
  
  .nav-links ul {
    flex-direction: column !important;
    gap: 0 !important;
  }
  
  .nav-links li {
    width: 100% !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  
  .nav-links a {
    padding: 12px 20px !important;
  }
  
  .nav-links ul ul {
    position: static !important;
    display: none !important;
    box-shadow: none !important;
    background-color: #f9f9f9 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  
  .nav-links li:hover > ul {
    display: flex !important;
  }
}/* End custom CSS */