/* CAS21 MotoPress results styles. Contributions: BEDROUNI Rahian. */
:root {
  --cas21-results-primary: #1f5f9f;
  --cas21-results-title: #064b82;
  --cas21-results-text: #1e1e1e;
  --cas21-results-border: #d6e7f7;
  --cas21-results-card-bg-start: #ffffff;
  --cas21-results-card-bg-end: #f7fbff;
  --cas21-results-pill-bg: #e8f3ff;
  --cas21-results-secondary-button-bg: #ffffff;
  --cas21-results-button-text: #ffffff;
  --cas21-results-notice-bg: #eef6fb;
  --cas21-results-notice-text: #17324d;
  --cas21-results-error-bg: #fff4f0;
  --cas21-results-error: #b2452d;
  --cas21-results-table-border: #dddddd;
  --cas21-results-table-row-border: #eeeeee;
  --cas21-results-card-shadow: rgba(31, 95, 159, 0.08);
  --cas21-results-button-shadow: rgba(31, 95, 159, 0.22);
}

body.wp-singular.page-id-4241,
body.page-id-4241 {
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

/* Fiches hebergement : laisser le theme/MotoPress gerer la mise en page.
   CAS21 retire seulement les entrees de reservation directe inutiles. */
body.single-mphb_room_type .mphb-calendar-title,
body.single-mphb_room_type .mphb-calendar,
body.single-mphb_room_type .mphb-calendar-wrapper,
body.single-mphb_room_type .mphb-reservation-form-title,
body.single-mphb_room_type .mphb-reservation-form,
body.single-mphb_room_type .mphb-booking-form,
body.single-mphb_room_type .mphb-regular-price,
body.single-mphb_room_type .mphb-price,
body.single-mphb_room_type .mphb_sc_search-form,
body.single-mphb_room_type .mphb_sc_search-wrapper,
body.single-mphb_room_type .nv-post-navigation,
body.single-mphb_room_type .post-navigation,
body.single-mphb_room_type .navigation.post-navigation,
body.single-mphb_room_type .nv-post-navigation .nav-links,
body.single-mphb_room_type .post-navigation .nav-links,
body.mphb_room_type-template-default .mphb-calendar-title,
body.mphb_room_type-template-default .mphb-calendar,
body.mphb_room_type-template-default .mphb-calendar-wrapper,
body.mphb_room_type-template-default .mphb-reservation-form-title,
body.mphb_room_type-template-default .mphb-reservation-form,
body.mphb_room_type-template-default .mphb-booking-form,
body.mphb_room_type-template-default .mphb-regular-price,
body.mphb_room_type-template-default .mphb-price,
body.mphb_room_type-template-default .mphb_sc_search-form,
body.mphb_room_type-template-default .mphb_sc_search-wrapper,
body.mphb_room_type-template-default .nv-post-navigation,
body.mphb_room_type-template-default .post-navigation,
body.mphb_room_type-template-default .navigation.post-navigation,
body.mphb_room_type-template-default .nv-post-navigation .nav-links,
body.mphb_room_type-template-default .post-navigation .nav-links {
  display: none !important;
}

.cas21-mphb-filter-notice {
  background: var(--cas21-results-notice-bg, #eef6fb);
  border-left: 4px solid var(--cas21-results-primary, #136f96);
  color: var(--cas21-results-notice-text, #17324d);
  font-weight: 700;
  margin: 0 0 18px;
  padding: 12px 14px;
}

.cas21-mphb-filter-notice--empty {
  background: var(--cas21-results-error-bg, #fff4f0);
  border-left-color: var(--cas21-results-error, #b2452d);
  color: var(--cas21-results-error, #6f2718);
}

.table-confort {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 16px;
}

.table-confort th {
  text-align: left;
  font-weight: 600;
  padding: 12px 10px;
  border-bottom: 1px solid var(--cas21-results-table-border, #ddd);
}

.table-confort td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--cas21-results-table-row-border, #eee);
  vertical-align: top;
}

.table-confort tr:last-child td {
  border-bottom: none;
}

.table-confort {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

/* Resultats MotoPress - carte compacte CAS */
.mphb_sc_search_results-wrapper {
  max-width: 1180px;
  margin: 0 auto;
}

/* Carte */
.mphb_sc_search_results-wrapper .mphb-room-type {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  grid-template-rows: auto auto auto auto !important;
  column-gap: 24px !important;
  row-gap: 8px !important;

  padding: 18px 20px !important;
  margin-bottom: 16px !important;

  border: 1px solid var(--cas21-results-border, #d6e7f7) !important;
  border-left: 5px solid var(--cas21-results-primary, #1f5f9f) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--cas21-results-card-bg-start, #ffffff) 0%, var(--cas21-results-card-bg-end, #f7fbff) 100%) !important;
  box-shadow: 0 5px 14px var(--cas21-results-card-shadow, rgba(31, 95, 159, 0.08)) !important;
}

/* Titre a gauche, sur toute la largeur */
.mphb_sc_search_results-wrapper .mphb-room-type-title,
.mphb_sc_search_results-wrapper .mphb-room-type-title a {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;

  text-align: left !important;
  justify-self: start !important;

  font-size: 22px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px 0 !important;

  color: var(--cas21-results-title, #064b82) !important;
  font-weight: 700 !important;
}

/* Description large a gauche */
.mphb_sc_search_results-wrapper .mphb-room-type-description,
.mphb_sc_search_results-wrapper .mphb-room-type .entry-content {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;

  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;

  text-align: left !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: var(--cas21-results-text, #1e1e1e) !important;
}

/* Reduire les paragraphes */
.mphb_sc_search_results-wrapper .mphb-room-type p {
  margin: 0 0 6px 0 !important;
}

/* Le titre "Details" sous la description, a gauche */
.mphb_sc_search_results-wrapper .mphb-room-type > h2:not(.mphb-room-type-title),
.mphb_sc_search_results-wrapper .mphb-room-type > h3,
.mphb_sc_search_results-wrapper .mphb-room-type > h4 {
  grid-column: 1 / 2 !important;
  grid-row: 3 !important;

  text-align: left !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin: 4px 0 2px 0 !important;

  color: var(--cas21-results-title, #064b82) !important;
}

/* Details / attributs en petites pastilles sous le titre details */
.mphb_sc_search_results-wrapper .mphb-loop-room-type-attributes,
.mphb_sc_search_results-wrapper .mphb-room-type-details,
.mphb_sc_search_results-wrapper .mphb-room-type-categories,
.mphb_sc_search_results-wrapper .mphb-room-type-facilities {
  grid-column: 1 / 2 !important;
  grid-row: 4 !important;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 7px !important;

  margin: 4px 0 0 0 !important;
  padding: 0 !important;
}

/* Pastilles */
.mphb_sc_search_results-wrapper .mphb-loop-room-type-attributes li,
.mphb_sc_search_results-wrapper .mphb-room-type-categories li,
.mphb_sc_search_results-wrapper .mphb-room-type-facilities li {
  list-style: none !important;
  background: var(--cas21-results-pill-bg, #e8f3ff) !important;
  color: var(--cas21-results-title, #064b82) !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-height: 28px !important;
}

.mphb_sc_search_results-wrapper .mphb-loop-room-type-attributes a,
.mphb_sc_search_results-wrapper .mphb-room-type-categories a,
.mphb_sc_search_results-wrapper .mphb-room-type-facilities a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Prix */
.mphb_sc_search_results-wrapper .mphb-regular-price,
.mphb_sc_search_results-wrapper .mphb-price {
  color: var(--cas21-results-title, #064b82) !important;
  font-weight: 700 !important;
  margin: 6px 0 !important;
}

/* Zone reservation a droite, centree verticalement */
.mphb_sc_search_results-wrapper .mphb-reserve-room-section,
.mphb_sc_search_results-wrapper .mphb-to-book-btn-wrapper,
.mphb_sc_search_results-wrapper .mphb-room-type-buttons {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 5 !important;

  align-self: center !important;
  justify-self: end !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 10px !important;

  margin: 0 !important;
  min-width: 230px !important;
}

/* Ligne quantite + texte logements disponibles */
.mphb_sc_search_results-wrapper .mphb-reserve-room-section form,
.mphb_sc_search_results-wrapper .mphb-reserve-room-section p {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

.mphb_sc_search_results-wrapper .mphb-rooms-quantity-wrapper {
  background: var(--cas21-results-notice-bg, #eef6fb) !important;
  border: 1px solid var(--cas21-results-border, #d6e7f7) !important;
  border-radius: 10px !important;
  color: var(--cas21-results-notice-text, #17324d) !important;
  padding: 8px 10px !important;
}

.mphb_sc_search_results-wrapper select.mphb-rooms-quantity {
  appearance: auto !important;
  background: #ffffff !important;
  border: 1px solid var(--cas21-results-primary, #1f5f9f) !important;
  border-radius: 8px !important;
  color: var(--cas21-results-title, #064b82) !important;
  font-weight: 700 !important;
  min-height: 38px !important;
  min-width: 72px !important;
  padding: 6px 10px !important;
}

.mphb_sc_search_results-wrapper .mphb-available-rooms-count {
  color: var(--cas21-results-notice-text, #17324d) !important;
  font-size: 13px !important;
}

/* Boutons */
.mphb_sc_search_results-wrapper .mphb-view-details-button,
.mphb_sc_search_results-wrapper a.button {
  border-radius: 9px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Voir les details */
.mphb_sc_search_results-wrapper .mphb-view-details-button,
.mphb_sc_search_results-wrapper a.button:not(.mphb-book-button) {
  background: var(--cas21-results-secondary-button-bg, #ffffff) !important;
  color: var(--cas21-results-title, #064b82) !important;
  border: 1px solid var(--cas21-results-primary, #1f5f9f) !important;
}

/* Reserver */
.mphb_sc_search_results-wrapper .mphb-book-button,
.mphb_sc_search_results-wrapper .mphb-confirm-reservation,
.mphb_sc_search_results-wrapper input[type="submit"],
.mphb_sc_search_results-wrapper button[type="submit"] {
  background: var(--cas21-results-primary, #1f5f9f) !important;
  color: var(--cas21-results-button-text, #ffffff) !important;
  border: 1px solid var(--cas21-results-primary, #1f5f9f) !important;
  border-radius: 9px !important;
  padding: 11px 20px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px var(--cas21-results-button-shadow, rgba(31, 95, 159, 0.22)) !important;
}

.mphb_sc_search_results-wrapper .mphb-rooms-reservation-message-wrapper {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 5 !important;
  align-self: center !important;
  justify-self: end !important;
  background: var(--cas21-results-notice-bg, #eef6fb) !important;
  border: 1px solid var(--cas21-results-border, #d6e7f7) !important;
  border-radius: 12px !important;
  color: var(--cas21-results-notice-text, #17324d) !important;
  margin: 0 !important;
  max-width: 260px !important;
  padding: 12px !important;
  text-align: right !important;
}

.mphb_sc_search_results-wrapper .mphb-rooms-reservation-message {
  color: var(--cas21-results-notice-text, #17324d) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

.mphb_sc_search_results-wrapper .mphb-remove-from-reservation {
  color: var(--cas21-results-error, #b2452d) !important;
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  text-decoration: none !important;
}

/* Suppression du gros vide */
.mphb_sc_search_results-wrapper .mphb-room-type::before,
.mphb_sc_search_results-wrapper .mphb-room-type::after {
  display: none !important;
}

.mphb_sc_search_results-wrapper .mphb-room-type > * {
  max-width: 100% !important;
}

/* Mobile */
@media (max-width: 768px) {
  .mphb_sc_search_results-wrapper .mphb-room-type {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  .mphb_sc_search_results-wrapper .mphb-room-type-title,
  .mphb_sc_search_results-wrapper .mphb-room-type-title a,
  .mphb_sc_search_results-wrapper .mphb-room-type-description,
  .mphb_sc_search_results-wrapper .mphb-room-type .entry-content,
  .mphb_sc_search_results-wrapper .mphb-room-type > h2:not(.mphb-room-type-title),
  .mphb_sc_search_results-wrapper .mphb-room-type > h3,
  .mphb_sc_search_results-wrapper .mphb-room-type > h4,
  .mphb_sc_search_results-wrapper .mphb-loop-room-type-attributes,
  .mphb_sc_search_results-wrapper .mphb-room-type-details,
  .mphb_sc_search_results-wrapper .mphb-room-type-categories,
  .mphb_sc_search_results-wrapper .mphb-room-type-facilities,
  .mphb_sc_search_results-wrapper .mphb-reserve-room-section,
  .mphb_sc_search_results-wrapper .mphb-to-book-btn-wrapper,
  .mphb_sc_search_results-wrapper .mphb-room-type-buttons,
  .mphb_sc_search_results-wrapper .mphb-rooms-reservation-message-wrapper {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .mphb_sc_search_results-wrapper .mphb-reserve-room-section,
  .mphb_sc_search_results-wrapper .mphb-to-book-btn-wrapper,
  .mphb_sc_search_results-wrapper .mphb-room-type-buttons,
  .mphb_sc_search_results-wrapper .mphb-rooms-reservation-message-wrapper {
    align-items: stretch !important;
    justify-self: stretch !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 10px !important;
    text-align: left !important;
  }

  .mphb_sc_search_results-wrapper .button,
  .mphb_sc_search_results-wrapper input[type="submit"],
  .mphb_sc_search_results-wrapper button[type="submit"] {
    width: 100% !important;
    text-align: center !important;
  }
}

/* Compatibilite avec les themes qui rendent les resultats MotoPress sans wrapper dedie. */
body.page-id-4241 .nv-content-wrap.entry-content > .mphb_sc_search_results-info,
body.page-id-4241 .entry-content > .mphb_sc_search_results-info {
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type,
body.page-id-4241 .entry-content > .mphb-room-type {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  grid-template-rows: auto auto auto auto !important;
  column-gap: 24px !important;
  row-gap: 8px !important;
  max-width: 1180px !important;
  padding: 18px 20px !important;
  margin: 0 auto 16px !important;
  border: 1px solid var(--cas21-results-border, #d6e7f7) !important;
  border-left: 5px solid var(--cas21-results-primary, #1f5f9f) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--cas21-results-card-bg-start, #ffffff) 0%, var(--cas21-results-card-bg-end, #f7fbff) 100%) !important;
  box-shadow: 0 5px 14px var(--cas21-results-card-shadow, rgba(31, 95, 159, 0.08)) !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type::before,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type::after,
body.page-id-4241 .entry-content > .mphb-room-type::before,
body.page-id-4241 .entry-content > .mphb-room-type::after {
  display: none !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type > *,
body.page-id-4241 .entry-content > .mphb-room-type > * {
  max-width: 100% !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-title,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-title a,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-title,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-title a {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  text-align: left !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
  color: var(--cas21-results-title, #064b82) !important;
  font-weight: 700 !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-description,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .entry-content,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-description,
body.page-id-4241 .entry-content > .mphb-room-type .entry-content {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: var(--cas21-results-text, #1e1e1e) !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type p,
body.page-id-4241 .entry-content > .mphb-room-type p {
  margin: 0 0 6px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type > h2:not(.mphb-room-type-title),
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type > h3,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type > h4,
body.page-id-4241 .entry-content > .mphb-room-type > h2:not(.mphb-room-type-title),
body.page-id-4241 .entry-content > .mphb-room-type > h3,
body.page-id-4241 .entry-content > .mphb-room-type > h4 {
  grid-column: 1 / 2 !important;
  grid-row: 3 !important;
  text-align: left !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin: 4px 0 2px !important;
  color: var(--cas21-results-title, #064b82) !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-loop-room-type-attributes,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-details,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-categories,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-facilities,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-loop-room-type-attributes,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-details,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-categories,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-facilities {
  grid-column: 1 / 2 !important;
  grid-row: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-loop-room-type-attributes li,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-categories li,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-facilities li,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-loop-room-type-attributes li,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-categories li,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-facilities li {
  list-style: none !important;
  background: var(--cas21-results-pill-bg, #e8f3ff) !important;
  color: var(--cas21-results-title, #064b82) !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-height: 28px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-loop-room-type-attributes a,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-categories a,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-facilities a,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-loop-room-type-attributes a,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-categories a,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-facilities a {
  color: inherit !important;
  text-decoration: none !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-regular-price,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-price,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-regular-price,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-price {
  color: var(--cas21-results-title, #064b82) !important;
  font-weight: 700 !important;
  margin: 6px 0 !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-reserve-room-section,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-to-book-btn-wrapper,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-buttons,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-reserve-room-section,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-to-book-btn-wrapper,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-buttons {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 5 !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  min-width: 230px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-reserve-room-section form,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-reserve-room-section p,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-reserve-room-section form,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-reserve-room-section p {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-rooms-quantity-wrapper,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-rooms-quantity-wrapper {
  background: var(--cas21-results-notice-bg, #eef6fb) !important;
  border: 1px solid var(--cas21-results-border, #d6e7f7) !important;
  border-radius: 10px !important;
  color: var(--cas21-results-notice-text, #17324d) !important;
  padding: 8px 10px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type select.mphb-rooms-quantity,
body.page-id-4241 .entry-content > .mphb-room-type select.mphb-rooms-quantity {
  appearance: auto !important;
  background: #ffffff !important;
  border: 1px solid var(--cas21-results-primary, #1f5f9f) !important;
  border-radius: 8px !important;
  color: var(--cas21-results-title, #064b82) !important;
  font-weight: 700 !important;
  min-height: 38px !important;
  min-width: 72px !important;
  padding: 6px 10px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-available-rooms-count,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-available-rooms-count {
  color: var(--cas21-results-notice-text, #17324d) !important;
  font-size: 13px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-view-details-button,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type a.button,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-view-details-button,
body.page-id-4241 .entry-content > .mphb-room-type a.button {
  border-radius: 9px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-view-details-button,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type a.button:not(.mphb-book-button),
body.page-id-4241 .entry-content > .mphb-room-type .mphb-view-details-button,
body.page-id-4241 .entry-content > .mphb-room-type a.button:not(.mphb-book-button) {
  background: var(--cas21-results-secondary-button-bg, #ffffff) !important;
  color: var(--cas21-results-title, #064b82) !important;
  border: 1px solid var(--cas21-results-primary, #1f5f9f) !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-book-button,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-confirm-reservation,
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type input[type="submit"],
body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type button[type="submit"],
body.page-id-4241 .entry-content > .mphb-room-type .mphb-book-button,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-confirm-reservation,
body.page-id-4241 .entry-content > .mphb-room-type input[type="submit"],
body.page-id-4241 .entry-content > .mphb-room-type button[type="submit"] {
  background: var(--cas21-results-primary, #1f5f9f) !important;
  color: var(--cas21-results-button-text, #ffffff) !important;
  border: 1px solid var(--cas21-results-primary, #1f5f9f) !important;
  border-radius: 9px !important;
  padding: 11px 20px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px var(--cas21-results-button-shadow, rgba(31, 95, 159, 0.22)) !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-rooms-reservation-message-wrapper,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-rooms-reservation-message-wrapper {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 5 !important;
  align-self: center !important;
  justify-self: end !important;
  background: var(--cas21-results-notice-bg, #eef6fb) !important;
  border: 1px solid var(--cas21-results-border, #d6e7f7) !important;
  border-radius: 12px !important;
  color: var(--cas21-results-notice-text, #17324d) !important;
  margin: 0 !important;
  max-width: 260px !important;
  padding: 12px !important;
  text-align: right !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-rooms-reservation-message,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-rooms-reservation-message {
  color: var(--cas21-results-notice-text, #17324d) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-remove-from-reservation,
body.page-id-4241 .entry-content > .mphb-room-type .mphb-remove-from-reservation {
  color: var(--cas21-results-error, #b2452d) !important;
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type,
  body.page-id-4241 .entry-content > .mphb-room-type {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type > *,
  body.page-id-4241 .entry-content > .mphb-room-type > * {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-reserve-room-section,
  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-to-book-btn-wrapper,
  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-room-type-buttons,
  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .mphb-rooms-reservation-message-wrapper,
  body.page-id-4241 .entry-content > .mphb-room-type .mphb-reserve-room-section,
  body.page-id-4241 .entry-content > .mphb-room-type .mphb-to-book-btn-wrapper,
  body.page-id-4241 .entry-content > .mphb-room-type .mphb-room-type-buttons,
  body.page-id-4241 .entry-content > .mphb-room-type .mphb-rooms-reservation-message-wrapper {
    align-items: stretch !important;
    justify-self: stretch !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 10px !important;
    text-align: left !important;
  }

  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type .button,
  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type input[type="submit"],
  body.page-id-4241 .nv-content-wrap.entry-content > .mphb-room-type button[type="submit"],
  body.page-id-4241 .entry-content > .mphb-room-type .button,
  body.page-id-4241 .entry-content > .mphb-room-type input[type="submit"],
  body.page-id-4241 .entry-content > .mphb-room-type button[type="submit"] {
    width: 100% !important;
    text-align: center !important;
  }
}