.mphb-calendar.mphb-datepick[data-is_show_prices="1"] .mphb-datepicker-grayscale .datepick-month td > span, .mphb-calendar.mphb-datepick[data-is_show_prices="1"] .mphb-datepicker-grayscale .datepick-month td > a {font-size:20px !important;}








/* ===== CALENDAR MAIN CONTAINER ===== */
.mphb-calendar {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* ===== NAVIGATION BAR ===== */
.datepick-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    background: #f8f9fa !important;
    border-bottom: 1px solid #e1e5e9 !important;
}

.datepick-cmd {
    background: none !important;
    border: none !important;
    color: #0070e0 !important;
    cursor: pointer !important;
    padding:0px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.datepick-cmd:hover {
    background: #f0f8ff !important;
}

.datepick-cmd-disabled {
    color: #ccc !important;
    cursor: not-allowed !important;
    background: none !important;
}

/* ===== MONTH HEADERS ===== */
.datepick-month-header {
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin: 0 !important;
    color: #1a1a1a !important;
}

.datepick-month-year {
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    background: white !important;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin: 0 4px !important;
}

/* ===== CALENDAR GRID LAYOUT ===== */

.datepick-month {
    flex: 1 !important;
}

.datepick-month table {
    width: 100% !important;
    border-collapse: collapse !important;
}

/* ===== WEEKDAY HEADERS ===== */
.datepick-dow-1,
.datepick-dow-2,
.datepick-dow-3,
.datepick-dow-4,
.datepick-dow-5,
.datepick-dow-6,
.datepick-dow-0 {
    font-weight: 500 !important;
    color: #666 !important;
    font-size: 12px !important;
    padding: 12px 0 !important;
    text-align: center !important;
    width: 14.28% !important;
    text-transform: uppercase !important;
}

/* ===== DATE CELLS BASE ===== */
.datepick-month table tbody tr td {
    text-align: center !important;
    padding: 4px 2px !important;
    position: relative !important;
    height: 50px !important;
    vertical-align: middle !important;
}

.mphb-date-cell {
    position: relative !important;
    height: 42px !important;
    width: 42px !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    transition: all 0.2s ease !important;
}

/* ===== AVAILABLE DATES ===== */
.mphb-available-date {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto !important;
    background: white !important;
    color: #1a1a1a !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.mphb-available-date:hover {
    background: #f0f8ff !important;
    border-color: #0070e0 !important;
}

/* ===== SELECTED DATE RANGE STYLING - FIRST CALENDAR JAISA ===== */
/* Start Date - Blue Filled Circle with White Text */
a.mphb-available-date.mphb-selected-date--check-in {
    background: #0070e0 !important;
    color: white !important;
    border-radius: 50% !important;
    border: 2px solid #0070e0 !important;
    font-weight: 500 !important;
}

/* Middle Dates - Light Blue Background (Rectangle) */
a.mphb-available-date.mphb-selected-date {
    background: #e6f2ff !important;
    color: #1a1a1a !important;
    border-radius: 0 !important;
    border: none !important;
    width: 100% !important;
    height: 36px !important;
    font-weight: 400 !important;
}

/* End Date - Blue Filled Circle with White Text */
a.mphb-available-date.mphb-selected-date--check-out {
    background: #0070e0 !important;
    color: white !important;
    border-radius: 50% !important;
    border: 2px solid #0070e0 !important;
    font-weight: 500 !important;
}

/* ===== UNAVAILABLE DATES ===== */
.mphb-unselectable-date--check-in,
.mphb-past-date,
.mphb-booked-date {
    background: #f8f9fa !important;
    color: #ccc !important;
    cursor: not-allowed !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto !important;
    font-size: 14px !important;
}

/* ===== WEEKEND STYLING ===== */
.datepick-weekend .mphb-available-date {
    color: #666 !important;
}

.datepick-weekend a.mphb-available-date.mphb-selected-date {
    color: #1a1a1a !important;
}

/* ===== TODAY'S DATE ===== */
.datepick-today .mphb-available-date {
    border: 2px solid #0070e0 !important;
    background: white !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
}

/* ===== PRICE DISPLAY ===== */
.mphb-date-cell__price {
    position: absolute !important;
    bottom: -16px !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 10px !important;
    color: #666 !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
}

.mphb-price {
    font-size: 9px !important;
    font-weight: 500 !important;
}

/* White price text on selected blue dates */
.mphb-selected-date--check-in .mphb-date-cell__price,
.mphb-selected-date--check-out .mphb-date-cell__price {
    color: white !important;
}

.mphb-selected-date .mphb-date-cell__price {
    color: #666 !important;
}

/* ===== OTHER MONTH CELLS ===== */
.datepick-other-month .mphb-date-cell {
    visibility: hidden !important;
}

/* ===== FOOTER CONTROLS ===== */
.datepick-ctrl {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0px !important;
    background: #f8f9fa !important;
    border-top: 1px solid #e1e5e9 !important;
}

.mphb-calendar__selected-dates {
    font-weight: 500 !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
}

.datepick-cmd-clear {
    color: #666 !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: background-color 0.2s !important;
}

.datepick-cmd-clear:hover {
    background: #f0f0f0 !important;
}

/* ===== CLEAR FIX ===== */
.datepick-clear-fix {
    clear: both !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .datepick-month-row {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 0 16px !important;
    }
    
    .datepick-nav {
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0px!important;
    }
    
    .datepick-cmd {
        padding: 6px 12px !important;
        font-size: 13px !important;
    }
    
    .mphb-date-cell {
        height: 38px !important;
        width: 38px !important;
        font-size: 13px !important;
    }
    
    .mphb-available-date {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
    }
    
    .mphb-date-cell__price {
        bottom: -14px !important;
        font-size: 9px !important;
    }
}

/* ===== SPECIFIC FIXES FOR PRICE DISPLAY ===== */
.mphb-date-cell span:first-child {
    display: block !important;
    line-height: 1 !important;
}

.mphb-date-cell__price {
    display: block !important;
}

/* ===== REMOVE ANY CONFLICTING STYLES ===== */
.mphb-calendar .mphb-date-cell a {
    text-decoration: none !important;
    color: inherit !important;
}

.mphb-calendar table {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

/* ===== ADDITIONAL STYLES FOR FIRST CALENDAR LOOK ===== */
/* Ensure continuous range background */
.datepick-month table tbody tr {
    position: relative;
}

/* Make middle dates connect properly */
.mphb-selected-date {
    position: relative;
}

/* Remove any gaps between range dates */
.datepick-month table {
    border-spacing: 0 !important;
}

/* Ensure proper hover states */
.mphb-selected-date a.mphb-available-date:hover {
    background: #d4e6ff !important;
}

/* Selected date text contrast */
.mphb-selected-date--check-in a.mphb-available-date,
.mphb-selected-date--check-out a.mphb-available-date {
    font-weight: 600 !important;
}

/* Fix for datepick-selected class */
.datepick-selected a.mphb-available-date {
    background: #e6f2ff !important;
}

.datepick-selected a.mphb-available-date.mphb-selected-date--check-in,
.datepick-selected a.mphb-available-date.mphb-selected-date--check-out {
    background: #0070e0 !important;
    color: white !important;
}





.datepick-month-row {
    display: flex !important
;
    padding: 0px !important;
    margin-bottom: 80px !important;
}






.mphb-calendar{width:1000px !important;}




























@media (max-width: 480px) {
   .mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-0.has-taxes-and-fees,
   .mphb-room-type.post-2422.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-8.has-taxes-and-fees,
   .mphb-room-type.post-2425.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-0 {
       width: 100% !important;
   }
	.room-type-parent-wrapper {
    display: flex; 
		flex-wrap: wrap !important; 
    gap: 20px;
    margin-bottom: 20px;
}
}

/* Book Button - sirf text change */
.mphb-book-button {
    font-size: 0 !important;
}
.mphb-book-button::after {
    content: "Request Booking";
    font-size: 14px;
}

/* Confirm Button - sirf text change */
.mphb-confirm-reservation {
    font-size: 18px !important;
}
.mphb-confirm-reservation::after {
    content: "Confirm Request";
    font-size: 14px;
}

td.mphb-price-breakdown-service-details {
    border-left: none !important;
}

td.mphb-price-breakdown-service-name {
    border-top: 1px solid hsla(0, 0%, 50%, .502);
    border-bottom: 1px solid hsla(0, 0%, 50%, .502);
    border-left: 1px solid hsla(0, 0%, 50%, .502);
    border-right: none !important;
    line-height: 1.5;
    padding: 15px;
    vertical-align: top;
}

.mphb-price-breakdown-services-headers {
    display: none;
}

.mphb-price-breakdown-service-details span.mphb-price {
    display: none !important;
}

.mphb-price-breakdown-services { display:none;}

@media (max-width: 480px) {
    input.button {
        width: 90%;
        max-width: 75%;
    }
    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 14px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    input.button {
        width: 80%;
        max-width: 100%;
    }
    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 16px;
    }
}
@media (max-width: 1100px) and (min-width: 800px) {
    input.button {
        width: 80%;
        max-width: 90%;
    }
    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 16px;
    }
}

/* Mobile - Up to 480px */
@media (max-width: 480px) {
    input.button {
        width: 50%;
        max-width: 75%;
        padding: 10px 20px;
        font-size: 14px;
    }

    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 14px;
    }
}

/* Tablet - From 481px to 768px */
@media (max-width: 768px) and (min-width: 481px) {
    input.button {
        width: 80%;
        max-width: 85%;
        padding: 12px 25px;
        font-size: 16px;
    }

    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 16px;
    }
}

/* Large Tablet - From 769px to 1024px */
@media (max-width: 1024px) and (min-width: 769px) {
    input.button {
        width: 80%;
        max-width: 90%;
        padding: 15px 30px;
        font-size: 18px;
    }

    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 1px;
    }
}

/* Desktop - From 1025px and up */
@media (min-width: 1025px) {
    input.button {
        width: 80%;
        max-width: 300px;
        padding: 20px 40px;
        font-size: 16px;
    }

    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 16px;
			width:70%;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
input.button {
        width: 80%;
        max-width: 38%;
    }
    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        font-size: 16px;
    }
}

.mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-0.has-taxes-and-fees {
    width: 100%;
}

.mphb-room-type.post-2422.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-8.has-taxes-and-fees {
    border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    margin: 0px;
	width:32%;
}

.mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-0.has-taxes-and-fees {
	border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    margin: 0px;
	width:32%;
}

#mphb_country option:not([value="US"]) {
    display: none !important;
}

.room-type-parent-wrapper {
    display: flex;
  gap: 20px;
    margin-bottom: 20px;
}

/* Main container */
.hotel-booking-search {
  background: #f8f9fa6e;
  padding: 20px;
  border-radius: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  margin: 0 auto;
}

/* Hide original heading */
.hotel-booking-search h3 {
  display: none;
}

/* Form row - all elements in one line */
.hb-form-table {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: nowrap;
}

/* Form fields */
.hb-form-field {
  flex: 1;
  min-width: 120px;
  margin-bottom: 0;
}

/* Field labels */
.hb-form-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: white;
  font-size: 14px;
}

/* Input fields */
.hb_input_field input,
.hb-form-field-input select {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: white;
  font-size: 14px;
}

/* Submit button - 20% width and centered */
.hb-submit {
  flex: 0 0 20%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.hb-submit button {
  background:black;
  color: white;
  border: 2px solid black;
  padding: 12px 5px;
  width: 100%;
  max-width: 200px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}

.hb-submit button:hover {
  background: #6a3601;
  border-color: #6a3601;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .hb-form-table {
    flex-direction: column;
    gap: 15px;
  }
  
  .hb-form-field,
  .hb-submit {
    width: 100%;
    min-width: 100%;
  }
  
  .hb-submit button {
    max-width: 100%;
  }
}

/* Make only Properties parent menu unclickable but keep dropdown working */
.menu-item.menu-item-has-children > a[href*="our-properties"] {
    pointer-events: none !important;
    cursor: default !important;
}

/* Keep all sub-menu items clickable */
li.menu-item .sub-menu a {
    pointer-events: auto !important;
    cursor: pointer !important;
    pointer-events: all !important;
}

/* Force dropdown to stay visible when needed */
li.menu-item:hover .sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-1.mphb-room-type-children-0 {
	border-radius:10px;
    background: white;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.mphb-room-type.post-2422.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-1.mphb-room-type-children-0 {
    width: 32%;
	border-radius:10px;
	margin: 0px;
    background: white;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.mphb-room-type.post-2425.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-1.mphb-room-type-children-0 {
    width: 32%;
	border-radius:10px;
	margin: 0px;
    background: white;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.mphb_sc_rooms-wrapper.mphb-room-types {
    display: flex;
    gap: 20px;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 270px;
	border-radius: 10px;
}

h2.mphb-room-type-title.entry-title {
    padding: 0px 20px;
}

button.button.mphb-book-button {
    margin: 0px 0px;
}
.mphb-room-type.post-2269 > p:not(.post-thumbnail) {
    padding-left: 20px;
    padding-right: 20px;
}

.mphb-room-type.post-2269 > p:not(.post-thumbnail),
.mphb-room-type.post-2422 > p:not(.post-thumbnail) {
    padding-left: 20px;
    padding-right: 20px;
}

.mphb-room-type[class*="post-"] > p:not(.post-thumbnail) {
    padding-left: 20px;
    padding-right: 20px;
	margin-top:10px;
}

.mphb-room-type .mphb-view-details-button-wrapper,
.mphb-room-type .mphb-to-book-btn-wrapper {
    margin: 0;
}

/* Buttons ko side-by-side lao */
.mphb-room-type .mphb-view-details-button-wrapper,
.mphb-room-type .mphb-to-book-btn-wrapper {
  align-items: center;
  width: auto !important;
  margin: 0 10px 25px 0 !important;
  vertical-align: middle;
}

/* Button elements ko full-width hone se roko */
.mphb-room-type .mphb-view-details-button-wrapper a.button,
.mphb-room-type .mphb-to-book-btn-wrapper .button {
  display: inline-flex !important;
  width: auto !important;
}

button.button.mphb-book-button {
    padding: 8px 50px;
    background: transparent;
    color: black;
	font-family: "Inter", Sans-serif;
    border-color:  black;
}

button.button.mphb-book-button:hover {
    background: black; 
    color: #fff;
    cursor: pointer; 
}

a.mphb-room-type-title {
    color: black;
	font-weight:600;
	font-family: "Montserrat", sans-serif;
}

h3.mphb-room-type-details-title {
    color:black;
	font-size:20px;
	font-family: "Montserrat", sans-serif;
}

ul.mphb-loop-room-type-attributes {
    font-family: "Inter", sans-serif;
}

a.button.mphb-view-details-button {
    color: black;
}

.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 100%;
}

h2.mphb-details-title {
    color: black;
	font-weight:600;
	font-family: "Montserrat", sans-serif;
	text-align:center;
}

ul.mphb-single-room-type-attributes {
    font-family: "Inter", Sans-serif;
	color:black;
}

h2.mphb-calendar-title {
    color: black;
	text-align:center;
	font-weight:600;
	padding-top:30px;
	font-family: "Montserrat", sans-serif;
}

p.mphb-regular-price strong {
    color: black;
}

p.mphb-regular-price {
	color:black;
	margin-top:10px;
	text-align:center;
}

h2.mphb-reservation-form-title {
	color: black;
	padding-top:30px;
	text-align:center;
	font-weight:600;
	margin-bottom:30px;
	font-family: "Montserrat", sans-serif;
}

.mphb-check-in-date-wrapper label {
	font-weight:600;
	text-align:left;
    margin-bottom: 10px;
	color:black;
	font-family: "Montserrat", sans-serif;
}

.mphb-check-out-date-wrapper label {
    margin-bottom: 10px;
	font-weight:600;
	color:black;
	font-family: "Montserrat", sans-serif;
}

input.mphb-reserve-btn.button {
    padding: 8px 22px;
    background:transparent;
    color:black;
	font-family: "Inter", Sans-serif;
    border-color: black;
}	

input.mphb-reserve-btn.button:hover {	
	background: black; 
    color: #fff;
	cursor: pointer;
}

input.button.mphb-button.mphb-confirm-reservation {
	padding: 8px 22px;
    background: transparent;
    color: black;
	font-family: "Inter", Sans-serif;
    border-color: black;
}

input.button.mphb-button.mphb-confirm-reservation:hover {
	background: black; 
    color: #fff;
	cursor: pointer;
}

.mphb-login-form-wrap {
    display: none;
}

h3.mphb-booking-details-title {
	padding-top:30px;
	text-align:center;
	color:black !important;
	font-weight:600;
	font-family: "Montserrat";
}

input#mphb_check_in_date-6899e94175398 {
    text-align: center;
}

input#mphb_check_out_date-6899e94175398 {
    text-align: center;
}

h3.mphb-gateway-chooser-title {
    color:black;
	text-align:center;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

th {
    text-align: left;
}

input.button {
    padding: 8px 22px;
    background: transparent;
    color: black;
    font-family: "Inter", Sans-serif;
    border-color: black;
}

input.button:hover  {
	background: black; 
    color: #fff;
	cursor: pointer;
}

p.mphb-room-type-title a {
    color:black;
	text-align:center;
    font-family: "Inter", Sans-serif;
}

h3.mphb-room-number {
    color: black !important;
    font-weight: 600;
	text-align:center;
    padding-top: 30px;
    font-family: "Montserrat", sans-serif;
}

h4.mphb-price-breakdown-title {
    color: black;
	text-align:center;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

h3.mphb-customer-details-title {
	color: black;
	width:100%;
    font-weight: 600;
	text-align:center;
    font-family: "Montserrat", sans-serif;
}

label {
    margin-bottom: 10px;
    color: black;
    font-family: "Inter", Sans-serif;
}

.mphb-calendar.mphb-datepick.inlinePicker.mphb-calendar--direct-booking.is-datepick {
    display: inline-flex;
}

.mphb-single-room-type-attributes {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mphb-single-room-type-attributes li {
  text-align: center; 
  margin: 10px 0; 
}

.mphb-attribute-title, .mphb-attribute-value {
  display: inline-block; 
	vertical-align: middle;
}

span.mphb-attribute-title.mphb-adults-title {
    font-weight: 700;
}

span.mphb-attribute-title.mphb-view-title {
	font-weight: 700;
}

span.mphb-attribute-title.mphb-size-title {
	font-weight: 700;
}

span.mphb-attribute-title.mphb-bed-type-title {
	font-weight: 700;
}

p.mphb-check-in-date {
    text-align: center;
}

p.mphb-check-out-date {
    text-align: center;
}

p.mphb-room-type-title {
    text-align: center;
}

p.mphb-adults-chooser {
    text-align: center;
}

p.mphb-guest-name-wrapper {
    text-align: center;
}

h4.mphb-services-details-title {
    text-align: center;
	color:black;
}

ul.mphb_sc_checkout-services-list.mphb_checkout-services-list {
    text-align:center;
}

a.mphb-price-breakdown-accommodation.mphb-price-breakdown-expand {
    color: black;
	text-align:center;
}

td {
    text-align: left;
}

p.mphb_sc_checkout-submit-wrapper {
    text-align: center;
}

p.mphb-total-price {
    text-align: center;
}

section#mphb-billing-details {
    text-align: center;
	display:none;
}

input#mphb_room_details-0-guest-name {
    text-align: left;
}

select#mphb_room_details-0-adults {
    text-align: left;
}

.mphb-check-in-date-wrapper input, .mphb-check-out-date-wrapper input {
	text-align:left;
}

p.mphb-required-fields-tip {
    text-align: center;
	display:none;
}

input#mphb-customer-name,
input#mphb-customer-last-name,
input#mphb-customer-email,
input#mphb-customer-phone,
input#mphb-customer-country {
  text-align: center;
}

p.mphb-errors-wrapper {
    text-align: center;
	display:none;
}

#mphb-customer-details {
  display: flex;
  flex-wrap: wrap; 
  gap: 12px; 
}

#mphb-customer-details p {
  width: 48%;
  margin: 0;
  padding: 10px 0;
  box-sizing: border-box;
}

#mphb-customer-details p.mphb-customer-note, 
#mphb-customer-details p.mphb-customer-country {
  width: 100%; 
}

input, select, textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.mphb-payment-messages {
    text-align: center;
}

/* Dono date fields ek line mein */
.mphb-check-in-date-wrapper,
.mphb-check-out-date-wrapper {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

/* Inputs full width lein */
.mphb-check-in-date-wrapper input,
.mphb-check-out-date-wrapper input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.mphb-reserve-btn-wrapper {
  width: 33% !important;
  margin-top: 15px;
  text-align: center; 
}

.mphb-reserve-btn-wrapper input {
  padding: 10px 20px;
}

p.mphb-check-in-date-wrapper {
    margin-right: 4px;
	text-align:left;
}

p.mphb-check-out-date-wrapper {
    margin-left: 5px;
	text-align:left;
}

.datepick.datepick-multi.mphb-datepicker-grayscale {
    width: 1000px !important;
}

/* Room details section - Flex for alignment */
.mphb-room-details {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

/* For each field container (p tag) */
.mphb-room-details p {
  width: 48%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* Label styling */
.mphb-room-details label {
  display: block; 
	text-align:left;
  margin-bottom: 5px;
}

/* Styling for select and input fields */
.mphb-room-details select,
.mphb-room-details input {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

/* For the hidden input fields */
.mphb-room-details input[type="hidden"] {
  display: none;
}

/* If you want to align the submit button */
.mphb-reserve-btn-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.mphb-reserve-btn-wrapper input {
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Adjustments for date pickers (if needed) */
.datepick.datepick-multi.mphb-datepicker-grayscale {
  width: 100%;
}

h3.mphb-room-number {
    width: 100%;
}

p.mphb-room-type-title {
    width: 100%;
}

.accommodations {
    display: none;
}

.mphb-room-type .mphb-view-details-button-wrapper, .mphb-room-type .mphb-to-book-btn-wrapper {
	margin-left:20px !important;
}

p.mphb_sc_search_results-info {
    font-family: 'Inter', sans-serif;
}

p.mphb-empty-cart-message {
    font-family: 'Inter', sans-serif;
	color:black;
}

.mphb-reserve-room-section {
	padding:0px 0px 20px 20px;
}

input.mphb-reserve-btn.button {
    width: 200px;
    max-width: 800px !important;
}

p.mphb-reserve-btn-wrapper {
    width: 100% !important;
}

p.mphb-view-details-button-wrapper {
    display: none;
}

section#mphb-services-details-0 {
    width: 100%;
	font-family:"Montserrat", sans-serif;
}

input#mphb_room_details-0-service-2424-id {
    width: auto;
}

label.mphb-checkbox-label {
    display: contents;
}

.mphb-room-type.post-2422.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-18.mphb-room-type-children-0 {
	border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	margin:0px;
	width:100%;
}

.mphb-room-type.post-2425.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-0 {
	border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	margin:0px;
	width:32%;
}

.mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-1.mphb-room-type-children-0 {
    border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    width: 100% !important;
}

.mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-5.has-taxes-and-fees {
    width: 33.3%;
	border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    margin: 0px;
}

@media (max-width: 480px) {
	.mphb-room-type.post-2269.mphb_room_type.type-mphb_room_type.status-publish.has-post-thumbnail.mphb-room-type-adults-10.mphb-room-type-children-5.has-taxes-and-fees {
    width: 100%;
	}
}

#elementor-popup-modal-5548 .dialog-widget-content {
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

/* Force center the popup */
#elementor-popup-modal-5521 .dialog-widget-content {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 640px !important;
    max-width: 90vw !important;
}

/* Popup container ko fixed height aur scrollable banayein */
#elementor-popup-modal-5552 .dialog-message {
    max-height: 650px !important;
	height:600px;
    overflow-y: auto !important;
    width: 640px !important;
}

/* Popup content ko proper display karein */
#elementor-popup-modal-5552 .elementor-5552 {
    padding: 0px !important;
}

/* Scrollbar styling */
#elementor-popup-modal-5552 .dialog-message::-webkit-scrollbar {
    width: 8px;
}

#elementor-popup-modal-5552 .dialog-message::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

#elementor-popup-modal-5552 .dialog-widget-content {
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

/* Close button ko force show karein */
#elementor-popup-modal-5521 .dialog-close-button {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
    width: 30px !important;
    height: 30px !important;
}

/* Close icon ko visible karein */
#elementor-popup-modal-5521 .dialog-close-button svg {
    display: block !important;
    fill: #000 !important;
    width: 15px !important;
    height: 15px !important;
}






















/* Calendar container width fixes */
.datepick {
    width: 659.594px !important;
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
    overflow: hidden;
}

/* Month row width */
.datepick-month-row {
    display: flex;
    width: 100%;
}

/* Individual month containers */
.datepick-month {
    flex: 1;
    min-width: 0;
    width: 50%;
}

.datepick-month.first {
    border-right: 1px solid #eee;
}

/* Table width fixes */
.datepick table {
    width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed;
}

.datepick th,
.datepick td {
    width: 14.28%;
    text-align: center;
    padding: 8px 2px;
    border: none;
}

/* Date cells */
.mphb-date-cell {
    display: block;
    min-height: 50px;
    padding: 8px 2px;
    text-decoration: none;
    color: #333;
    border: 1px solid transparent;
    position: relative;
    font-size: 14px;
}

/* Navigation bar */
.datepick-nav {
    display: flex;
    justify-content: space-between;
    padding: 0px !imporatnt;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.datepick-cmd {
    text-decoration: none;
    color: #337ab7;
    font-weight: bold;
    padding: 5px 10px;
}

/* Control bar */
.datepick-ctrl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    width: 100%;
}

/* Month header */
.datepick-month-header {
    text-align: center;
    padding: 10px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}

/* Responsive behavior */
@media (max-width: 700px) {
    .datepick {
        width: 100% !important;
    }
    
    .datepick-month-row {
        flex-direction: column;
    }
    
    .datepick-month {
        width: 100%;
    }
	div#swiper-wrapper-31cb6070ba289ea2{transition: none;
    animation: none;}
    
    .datepick-month.first {
        border-right: none;
        border-bottom: 1px solid #eee;
    }
}

/* Date states */
.mphb-available-date {
    background-color: #f9f9f9;
    cursor: pointer;
}

.mphb-past-date, 
.mphb-booked-date, 
.mphb-unselectable-date--check-in {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
}

.mphb-extra-date {
    background-color: transparent;
    color: #ddd;
}

.datepick-today .mphb-date-cell {
    background-color: #ffffcc;
    font-weight: bold;
}

.datepick-weekend .mphb-date-cell {
    color: #d9534f;
}

/* Price styling */
.mphb-date-cell__price {
    display: block;
    font-size: 0.8em;
    color: #666;
    margin-top: 2px;
}

.mphb-price {
    font-weight: bold;
}

/* Clear fix */
.datepick-clear-fix {
    clear: both;
}

.mphb-calendar .mphb-datepicker-grayscale .datepick-month th, .datepick-popup .mphb-datepicker-grayscale .datepick-month th {
    padding: 0px 0px 0px 22px !
		important;
}

p.mphb-regular-price .mphb-price {
    font-size: 18px !important;
    font-weight: 800 !important;
}

form#booking-form-2269 .datepick-month-row {
    display: flex !important
;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

h3.mphb-room-type-details-title {
    color: black;
    font-size: 20px;
    padding-left: 15px;
    font-family: "Montserrat", sans-serif;
}



@media (max-width: 480px) {
.mphb_sc_rooms-wrapper.mphb-room-types{display:block;}

}

.datepick-popup .mphb-datepicker-grayscale.mphb-datepick-popup .datepick-month td .mphb-past-date, .datepick-popup .mphb-datepicker-grayscale.mphb-datepick-popup .datepick-month td .mphb-unselectable-date {
    background-color: #F8F9FA !important;
    cursor: none !imporatnt;
            pointer-events: none !important;
}

@media (max-width: 480px) {
	.datepick {
    margin: 0;
}
	.datepick.datepick-multi.mphb-datepicker-grayscale {
    width: 350px !important;
}
	.mphb-calendar{width:350px !important; 
	}
	
	.datepick-month-row {
    margin-bottom: 20px !important;
}
	.mphb-calendar.mphb-datepick[data-is_show_prices="1"] .mphb-datepicker-grayscale .datepick-month td > span, .mphb-calendar.mphb-datepick[data-is_show_prices="1"] .mphb-datepicker-grayscale .datepick-month td > a {font-size:16px !important;}
	
	input.button.mphb-button.mphb-confirm-reservation {
		padding: 8px 8px;}
}