.elementor-696 .elementor-element.elementor-element-bb06212{--display:flex;--overlay-opacity:0.8;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-696 .elementor-element.elementor-element-bb06212:not(.elementor-motion-effects-element-type-background), .elementor-696 .elementor-element.elementor-element-bb06212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ziaguestinn.com/wp-content/uploads/2026/10/other-Hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-696 .elementor-element.elementor-element-bb06212::before, .elementor-696 .elementor-element.elementor-element-bb06212 > .elementor-background-video-container::before, .elementor-696 .elementor-element.elementor-element-bb06212 > .e-con-inner > .elementor-background-video-container::before, .elementor-696 .elementor-element.elementor-element-bb06212 > .elementor-background-slideshow::before, .elementor-696 .elementor-element.elementor-element-bb06212 > .e-con-inner > .elementor-background-slideshow::before, .elementor-696 .elementor-element.elementor-element-bb06212 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 82%);}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-696 .elementor-element.elementor-element-9f3cc8b{--divider-border-style:solid;--divider-color:var( --e-global-color-5b5e4a5 );--divider-border-width:1px;width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-696 .elementor-element.elementor-element-9f3cc8b.elementor-element{--align-self:center;}.elementor-696 .elementor-element.elementor-element-9f3cc8b .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-696 .elementor-element.elementor-element-9f3cc8b .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-696 .elementor-element.elementor-element-9f3cc8b .elementor-divider__text{color:var( --e-global-color-5b5e4a5 );font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;letter-spacing:0.6px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-696 .elementor-element.elementor-element-12c4d88{text-align:center;}.elementor-696 .elementor-element.elementor-element-12c4d88 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:50px;font-weight:700;color:var( --e-global-color-afbee39 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-696 .elementor-element.elementor-element-1316931{text-align:center;font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.4px;color:var( --e-global-color-14337b4 );}.elementor-696 .elementor-element.elementor-element-3c95eb75{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-696 .elementor-element.elementor-element-3c95eb75:not(.elementor-motion-effects-element-type-background), .elementor-696 .elementor-element.elementor-element-3c95eb75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afbee39 );}@media(max-width:1024px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-696 .elementor-element.elementor-element-9f3cc8b .elementor-divider-separator{width:30%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-696 .elementor-element.elementor-element-bb06212{--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-696 .elementor-element.elementor-element-9f3cc8b{--container-widget-width:55%;--container-widget-flex-grow:0;width:var( --container-widget-width, 55% );max-width:55%;}.elementor-696 .elementor-element.elementor-element-9f3cc8b .elementor-divider-separator{width:100%;}.elementor-696 .elementor-element.elementor-element-9f3cc8b .elementor-divider__text{font-size:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-696 .elementor-element.elementor-element-12c4d88 .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-696 .elementor-element.elementor-element-1316931{font-size:14px;}.elementor-696 .elementor-element.elementor-element-3c95eb75{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-7e914b6f *//* Parent Wrapper Flex Grid Setup */
.custom-hotel-results,
.mphb_sc_search_results-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
    width: 100% !important;
}

/* Individual Card Width and Margin Fix */
.custom-hotel-results .mphb-room-type,
div.mphb-room-type {
    flex: 0 0 calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    background-color: #E9EBF7 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    margin: 0 0 24px 0 !important; /* Adds bottom space/gap between rows */
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Ensure Headings and Forms inside wrapper take full width */
.custom-hotel-results > h2,
.custom-hotel-results > p,
.custom-hotel-results > form,
.mphb_sc_search_results-wrapper > h2,
.mphb_sc_search_results-wrapper > p,
.mphb_sc_search_results-wrapper > form {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/* Image Strict Height (300px Cover) */
.custom-hotel-results .mphb-loop-room-type-thumbnail,
.custom-hotel-results .mphb-room-type-thumbnail,
.custom-hotel-results .mphb-loop-room-type-thumbnail a,
.custom-hotel-results .post-thumbnail,
.custom-hotel-results .mphb-loop-room-type-thumbnail img,
.custom-hotel-results .mphb-room-type-thumbnail img,
.custom-hotel-results .post-thumbnail img,
div.mphb-room-type .post-thumbnail img {
    width: 100% !important;
    height: 300px !important;
    max-height: 300px !important;
    min-height: 300px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Content Container Inside Card */
.custom-hotel-results .mphb-room-type-content,
.custom-hotel-results .mphb-loop-room-type-text,
div.mphb-room-type {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    text-align: left !important;
}

/* Title Styling */
.custom-hotel-results .mphb-room-type-title,
.custom-hotel-results .mphb-room-type-title a,
.custom-hotel-results h2.mphb-room-type-title,
.custom-hotel-results h3.mphb-room-type-title {
    font-family: 'Jost', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #293593 !important;
    text-decoration: none !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    padding: 20px 18px 1px 8px !important;
}

/* Details Section Title */
.custom-hotel-results h3.mphb-room-type-details-title,
.custom-hotel-results .mphb-room-type-details-title {
    font-family: 'Jost', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    margin: 8px 0 6px 0 !important;
    line-height: 1.2 !important;
    padding: 0 18px !important;
}

/* Details List Wrapper */
.custom-hotel-results .mphb-room-type-attributes,
.custom-hotel-results ul.mphb-attributes-list,
.custom-hotel-results .mphb-loop-room-type-attributes {
    list-style: none !important;
    padding: 0 24px !important;
    margin: 0 0 12px 0 !important;
}

.custom-hotel-results .mphb-attributes-list li,
.custom-hotel-results .mphb-loop-room-type-attributes li {
    line-height: 1.5 !important;
    position: relative !important;
    padding-left: 18px !important;
    margin-bottom: 4px !important;
}

/* Golden Checkmark Icon */
.custom-hotel-results .mphb-attributes-list li::before,
.custom-hotel-results .mphb-loop-room-type-attributes li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #d4af37 !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

/* Attribute Label Titles */
.custom-hotel-results span.mphb-attribute-title,
.custom-hotel-results .mphb-attribute-title {
    font-family: 'Jost', sans-serif !important;
    color: #1a237e !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-right: 4px !important;
}

/* Facilities Title Color */
.custom-hotel-results .mphb-attribute-title.mphb-facilities-title {
    color: #293593 !important;
    font-weight: 500 !important;
}

/* Attribute Values */
.custom-hotel-results span.mphb-attribute-value,
.custom-hotel-results .mphb-attribute-value,
.custom-hotel-results .mphb-attributes-list li a {
    font-family: 'Jost', sans-serif !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    pointer-events: none !important;
}

.custom-hotel-results li.mphb-room-type-facilities,
.custom-hotel-results li.mphb-room-type-facilities span,
.custom-hotel-results li.mphb-room-type-facilities a {
    color: #0f172a !important;
    font-weight: 400 !important;
}

/* Price Styling */
.elementor-696 .elementor-element.elementor-element-7e914b6f .mphb-regular-price,
.elementor-696 .elementor-element.elementor-element-7e914b6f .mphb-price,
.elementor-696 .elementor-element.elementor-element-7e914b6f .mphb-price-period,
.elementor-696 .elementor-element.elementor-element-7e914b6f .mphb-price-title  {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    margin: 1px 10px 20px 0 !important;

}

.custom-hotel-results .mphb-regular-price,
.mphb-regular-price {
    padding-left: 18px !important; /* Only adds gap on the left */
}

/* Button & Select Dropdown Styling */
.custom-hotel-results .mphb-view-details-button,
.custom-hotel-results .mphb-book-button,
.custom-hotel-results a.button,
.custom-hotel-results .mphb-confirm-reservation-button {
    display: inline-block !important;
    width: auto !important;
    min-width: 150px !important;
    align-self: center !important;
    background-color: #283593 !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 10px 24px !important;
    border-radius: 99px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    
    margin-top: auto !important;
    margin-left: 18px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.custom-hotel-results .mphb-view-details-button:hover,
.custom-hotel-results .mphb-book-button:hover,
.custom-hotel-results a.button:hover {
    background-color: #C9A84D !important;
    color: #ffffff !important;
}

/* Responsive Mobile Override */
@media (max-width: 768px) {
    .custom-hotel-results .mphb-room-type,
    div.mphb-room-type {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}







/* Container alignment for Quantity Dropdown Wrapper */
.custom-hotel-results .mphb-rooms-quantity-wrapper,
.custom-hotel-results p.mphb-rooms-quantity-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Align to the right side */
    padding: 0 18px !important;
    margin-bottom: 12px !important;
}

/* Compact Dropdown Field (Right Aligned) */
.custom-hotel-results select.mphb-rooms-quantity,
select.mphb-rooms-quantity {
    width: auto !important;
    min-width: 90px !important; /* Compact size */
    max-width: 120px !important;
    padding: 8px 12px !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    border: 1.5px solid #293593 !important;
    border-radius: 99px !important;
    outline: none !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(41, 53, 147, 0.08) !important;
    transition: all 0.2s ease !important;
}

/* Hover & Focus State with #293593 Color */
.custom-hotel-results select.mphb-rooms-quantity:hover,
.custom-hotel-results select.mphb-rooms-quantity:focus {
    border-color: #293593 !important;
    box-shadow: 0 0 0 3px rgba(41, 53, 147, 0.2) !important;
}

/* Available Rooms Count Text (Right Aligned under dropdown) */
.custom-hotel-results .mphb-available-rooms-count,
.custom-hotel-results span.mphb-available-rooms-count {
    display: block !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 13px !important;
    color: #64748b !important;
    margin-top: 4px !important;
    text-align: right !important;
}


/* Recommendation Form Outer Box Styling */
.custom-hotel-results form#mphb-recommendation,
form#mphb-recommendation {
    width: 100% !important;
    background-color: #E9EBF7 !important;
    border: 1.5px solid #293593 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin-bottom: 32px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    box-sizing: border-box !important;
}

/* Recommended Title (Recommended for X adult) */
.custom-hotel-results h2.mphb-recommendation-title,
h2.mphb-recommendation-title {
    font-family: 'Jost', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #293593 !important;
    margin-bottom: 16px !important;
}

/* Recommended Item Title Link Color (#293593) */
.custom-hotel-results form#mphb-recommendation a,
form#mphb-recommendation ul li a {
    font-family: 'Jost', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #293593 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.custom-hotel-results form#mphb-recommendation a:hover,
form#mphb-recommendation ul li a:hover {
    color: #C9A84D !important;
}

/* Max Occupancy Text */
.custom-hotel-results form#mphb-recommendation .mphb-recommendation-space,
form#mphb-recommendation ul li {
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    color: #475569 !important;
}

/* Price & Total Text Styling */
.custom-hotel-results form#mphb-recommendation .mphb-price,
.custom-hotel-results form#mphb-recommendation .mphb-total-price {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* Reserve Button Styling (#293593) */
.custom-hotel-results form#mphb-recommendation input[type="submit"],
.custom-hotel-results form#mphb-recommendation button,
form#mphb-recommendation input[type="submit"] {
    background-color: #293593 !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 10px 28px !important;
    border-radius: 99px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    margin-top: 12px !important;
}

/* Reserve Button Hover State (#C9A84D) */
.custom-hotel-results form#mphb-recommendation input[type="submit"]:hover,
.custom-hotel-results form#mphb-recommendation button:hover,
form#mphb-recommendation input[type="submit"]:hover {
    background-color: #C9A84D !important;
    color: #ffffff !important;
}

/* Search Results Header Top Info Text */
.custom-hotel-results p.mphb_sc_search_results-info,
p.mphb_sc_search_results-info {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #293593 !important;
    margin-bottom: 20px !important;
}

/* ==========================================================================
   RESERVATION ADDED MESSAGE & CONFIRMATION BUTTONS (CLEAN & OPTIMIZED)
   ========================================================================== */

/* 1. Reservation Message Text (18px Left Offset) */
.custom-hotel-results .mphb-rooms-reservation-message,
p.mphb-rooms-reservation-message {
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #293593 !important;
    margin-bottom: 12px !important;
}

/* 2. Remove Link Styling (#293593 & Gold Hover) */
.custom-hotel-results .mphb-remove-from-reservation,
a.mphb-remove-from-reservation {
    display: inline-block !important;
    padding-left: 18px !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #293593 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.custom-hotel-results .mphb-remove-from-reservation:hover,
a.mphb-remove-from-reservation:hover {
    color: #C9A84D !important;
}

/* 3. Confirm Reservation Button Core Design (#293593 Navy Solid BG) */
.custom-hotel-results .mphb-confirm-reservation,
.custom-hotel-results button.mphb-confirm-reservation,
button.mphb-button.mphb-confirm-reservation,
.mphb-confirm-reservation {
    background-color: #293593 !important;
    background: #293593 !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 10px 24px !important;
    border-radius: 99px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-left: 18px !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
}

/* 4. Confirm Reservation Button Hover State (#C9A84D Gold BG) */
.custom-hotel-results .mphb-confirm-reservation:hover,
.custom-hotel-results button.mphb-confirm-reservation:hover,
button.mphb-button.mphb-confirm-reservation:hover,
.mphb-confirm-reservation:hover {
    background-color: #C9A84D !important;
    background: #C9A84D !important;
    color: #ffffff !important;
    border: none !important;
}/* End custom CSS */