.elementor-1039 .elementor-element.elementor-element-461b89c{--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:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-mphbe-accommodation-gallery .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-accommodation-gallery .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1039 .elementor-element.elementor-element-1c1938d{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-1039 .elementor-element.elementor-element-1c1938d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1039 .elementor-element.elementor-element-1c1938d.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-1039 .elementor-element.elementor-element-d1e4be7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1039 .elementor-element.elementor-element-b34aefa{width:var( --container-widget-width, 1140px );max-width:1140px;--container-widget-width:1140px;--container-widget-flex-grow:0;}.elementor-1039 .elementor-element.elementor-element-b34aefa.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-1039 .elementor-element.elementor-element-24a4756{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1039 .elementor-element.elementor-element-24a4756.e-con{--align-self:stretch;}.elementor-1039 .elementor-element.elementor-element-a8ff620{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mphbe-room .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-room .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1039 .elementor-element.elementor-element-3c88c5a{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-widget-mphbe-availability .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-availability .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1039 .elementor-element.elementor-element-2b4598c{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-1039 .elementor-element.elementor-element-b330e51{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1039 .elementor-element.elementor-element-b330e51.e-con{--align-self:stretch;}.elementor-1039 .elementor-element.elementor-element-5155997{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1039 .elementor-element.elementor-element-30dd77b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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 );color:var( --e-global-color-primary );}.elementor-1039 .elementor-element.elementor-element-227c607{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-1039 .elementor-element.elementor-element-d1e4be7{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1039 .elementor-element.elementor-element-a8ff620{--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;}.elementor-1039 .elementor-element.elementor-element-3c88c5a{width:100%;max-width:100%;}.elementor-1039 .elementor-element.elementor-element-2b4598c{width:100%;max-width:100%;}}@media(max-width:880px){.elementor-1039 .elementor-element.elementor-element-3c88c5a{width:100%;max-width:100%;}.elementor-1039 .elementor-element.elementor-element-2b4598c{width:100%;max-width:100%;}}@media(max-width:600px){.elementor-1039 .elementor-element.elementor-element-3c88c5a{width:100%;max-width:100%;}.elementor-1039 .elementor-element.elementor-element-2b4598c{width:100%;max-width:100%;}}@media(min-width:601px){.elementor-1039 .elementor-element.elementor-element-461b89c{--content-width:1200px;}.elementor-1039 .elementor-element.elementor-element-d1e4be7{--content-width:1200px;}.elementor-1039 .elementor-element.elementor-element-24a4756{--content-width:1200px;}}/* Start custom CSS for mphbe-accommodation-gallery, class: .elementor-element-1c1938d *//* =========================================================
   FLEXSLIDER — LET THE PLUGIN OWN STRUCTURE, ONLY STYLE COSMETICS
   ========================================================= */

/* 1. Container reset only — safe, doesn't touch slide math */
.elementor-1039 .elementor-element.elementor-element-1c1938d .flexslider {
    position: relative !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    background-color: transparent !important;
    width: 100% !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-viewport {
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Image sizing ONLY — full image, no cropping, no quality loss */
.elementor-1039 .elementor-element.elementor-element-1c1938d .flexslider .slides img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* NOTE: no display/width/flex/transform rules on .slides or li — 
   FlexSlider's JS writes those inline itself. Overriding them 
   with !important is what breaks the track. */

/* 3. Navigation (unchanged — this part already works) */
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    z-index: 99;
    list-style: none !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 80px !important;
    height: 50px !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav a {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    display: block !important;
    margin: 0 !important;
    opacity: 1 !important;
    transition: filter 0.3s ease;
    text-indent: -9999px;
    overflow: hidden;
    color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav a::before {
    content: none !important;
    display: none !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav a.flex-prev {
    background-color: #9A70B6 !important;
    background-image: url('https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/06/Vector-3.svg') !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav a.flex-next {
    background-color: #622E88 !important;
    background-image: url('https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/06/Vector-4.svg') !important;
}
.elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav a:hover {
    filter: brightness(0.85);
}

/* 4. Responsive nav */
@media (max-width: 1024px) {
    .elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        justify-content: space-between !important;
    }
}
@media (max-width: 767px) {
    .elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav li {
        width: 70px !important;
        height: 30px !important;
    }
    .elementor-1039 .elementor-element.elementor-element-1c1938d .flex-direction-nav a {
        background-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for mphbe-accommodation-gallery, class: .elementor-element-b34aefa *//* 1. SHRINK-WRAP WORKAROUND: Force container to perfectly hug the image height */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flexslider {
    position: relative !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    background-color: transparent !important;
    height: fit-content !important; 
    display: block !important;
}

/* 2. Reset viewport and slides to natural heights */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-viewport, 
.elementor-1039 .elementor-element.elementor-element-b34aefa .flexslider .slides, 
.elementor-1039 .elementor-element.elementor-element-b34aefa .flexslider .slides > li {
    margin: 0 !important; 
    padding: 0 !important;
    height: auto !important;
    display: block !important;
}

/* 3. Allow images to dictate their natural aspect ratio without distortion */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flexslider .slides img {
    width: 100% !important;
    height: 200px !important; 
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Anchor navigation wrapper to the bottom right (Desktop Default) */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important; 
    z-index: 99;
    list-style: none !important;
}

/* 5. Base styles for the arrow blocks (Includes explicit top: 0px fix) */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav a {
    position: relative !important; 
    left: auto !important; 
    right: auto !important;
    width: 80px !important; 
    height: 50px !important;
    top: 0px !important; 
    display: block !important;
    margin: 0 !important;
    opacity: 1 !important;
    transition: filter 0.3s ease;
    
    /* Hide the default HTML text */
    text-indent: -9999px;
    overflow: hidden;
    color: transparent !important;
    
    /* SVG Background properties */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px !important; 
}

/* 6. Kill default font-icons */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav a::before {
    content: none !important;
    display: none !important;
}

/* 7. Left Button */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav a.flex-prev {
    background-color: #9A70B6 !important; 
    background-image: url('https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/06/Vector-3.svg') !important;
}

/* 8. Right Button */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav a.flex-next {
    background-color: #622E88 !important; 
    background-image: url('https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/06/Vector-4.svg') !important;
}

/* 9. Hover effect */
.elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav a:hover {
    filter: brightness(0.85); 
}

/* 10. MOBILE RESPONSIVE LOGIC (Screens under 768px) */
@media (max-width: 767px) {
    /* Expand wrapper to 100% width and push arrows to opposite corners */
    .elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav {
        width: 100% !important;
       
        left: 0 !important;
        justify-content: space-between !important;
        
    }
    
    /* Optional: Scale buttons slightly for optimal mobile UI balance */
    .elementor-1039 .elementor-element.elementor-element-b34aefa .flex-direction-nav a {
        width: 70px !important; 
        height: 30px !important;
        background-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for mphbe-room, class: .elementor-element-3c88c5a *//* =========================================================
   Single Accommodation Type - Final v3
   ========================================================= */

/* GLOBAL */
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb_sc_room-wrapper .mphb-room-type {
    background:#fff;
    padding:30px;
    border:1px solid #eaeaea;
    border-radius:10px;
    box-sizing:border-box;
    font-family:'Raleway',sans-serif!important;
    transition:.3s;
}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb_sc_room-wrapper .mphb-room-type:hover {
    box-shadow:0 4px 20px rgba(0,0,0,.05);
}

/* TITLES */
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-title,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-title a {
    font-family:'Cormorant Garamond',serif!important;
    font-size:48px!important;
    font-weight:700!important;
    line-height:1.1!important;
    color:#222!important;
    text-decoration:none!important;
    margin-bottom:15px!important;
    display:block;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type>p {
    font-size:15px;
    color:#666;
    line-height:1.6;
    margin-bottom:25px;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-details-title {
    font-family:'Cormorant Garamond',serif!important;
    font-size:28px!important;
    font-weight:700!important;
    color:#222!important;
    margin-bottom:15px!important;
    padding-bottom:8px;
    border-bottom:2px solid #f0f0f0;
}

/* ATTRIBUTE BOXES */
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-loop-room-type-attributes {
    list-style:none!important;
    padding:0!important;
    margin:0 0 25px!important;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-loop-room-type-attributes>li {
    background:#fdfdfd;
    border:1px solid #f0f0f0;
    border-radius:8px;
    padding:18px 20px;
    margin-bottom:15px;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-attribute-title {
    display:block!important;
    color:#7b529e!important;
    font-weight:700!important;
    margin-bottom:16px!important;
}

/* ==========================================================
   Amenities
========================================================== */

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-facilities .mphb-attribute-value{

    display:grid !important;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:18px 35px;

    margin-top:15px;

}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-facilities .mphb-attribute-value>span{

    display:flex !important;

    align-items:center;

    gap:14px;

    margin:0 !important;

    padding:0 !important;

}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-facilities .mphb-attribute-value>span::before{

    content:"";

    width:22px;

    height:22px;

    flex:0 0 22px;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:center;

}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-facilities .mphb-attribute-value a{

    color:#444 !important;

    font-size:15px !important;

    text-decoration:none !important;

    pointer-events:none;

}

@media(max-width:767px){

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-facilities .mphb-attribute-value{

grid-template-columns:1fr;

gap:14px;

}

}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-1-single-bed::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Single-Bed.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-2-single-beds::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/2-Single-Beds.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-king-bed::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/King-Bed.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-queens-bed::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Queen-Bed.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-ac-cooling-and-heating::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/AC.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-bar-fridge::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Fridge.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-refigerator::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Fridge.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-carpeted::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Carpet.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-electric-kettle::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Electric-Kettle.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-tea-coffee-maker::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Coffee-Maker.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-ensuite::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Ensuite.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-flat-screen-tv::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Flat-TV-Screen.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-free-toiletries::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Free-Toiletries.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-free-wifi::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Free-WIFI.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-non-smoking-room::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/No-Smoking-room.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-pocket-socket-near-the-bed::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Pocket-Socket-near-the-bed.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-shower::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Shower.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-sitting-area::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Sitting-Area.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-toilet::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Toilet.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-toilet-paper::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Toilet-Paper.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-towels-and-linens::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Towel-and-linens.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-smoke-detector::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Smoke-Detector.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-bedroom::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Bedroom.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-shampoo::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Shampoo.svg");}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .facility-carbon-monoxied-detector::before{background-image:url("https://jacaranda-guesthouse.com.au/wp-content/uploads/2026/07/Carbon-monoxied-detector.svg");}
/* PRICING */
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-regular-price{
display:flex!important;
align-items:baseline;
gap:8px;
font-size:16px!important;
margin-bottom:20px!important;
}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-price{
font-size:28px!important;
font-weight:800!important;
color:#622E88!important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper br {
    display: none !important;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-book-button,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-book-button[type="submit"],
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper input[type="submit"],
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper button {

    font-family: 'Raleway', sans-serif !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 24px !important;
    margin: 20px 0 0 0 !important;

    background-color: #622E88 !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: normal !important;

    border: none !important;
    border-radius: 6px !important;

    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;

    min-height: 54px !important;

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .1s ease !important;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-book-button:hover,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-book-button[type="submit"]:hover,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper input[type="submit"]:hover,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper button:hover {

    background-color: #000000 !important;
    color: #ffffff !important;
}

.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-book-button:active,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-book-button[type="submit"]:active,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper input[type="submit"]:active,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-to-book-btn-wrapper button:active {

    transform: scale(0.98) !important;
}

/* MOBILE */
@media(max-width:767px){
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-title,
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-title a{
font-size:36px!important;
}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb_sc_room-wrapper .mphb-room-type{
padding:20px;
}
.elementor-1039 .elementor-element.elementor-element-3c88c5a .mphb-room-type-facilities .mphb-attribute-value>span{
display:flex!important;
width:100%;
margin:0 0 16px;
}
}/* End custom CSS */
/* Start custom CSS for mphbe-availability, class: .elementor-element-2b4598c *//* =========================================================
   1. BOOKING FORM CARD CONTAINER
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb_sc_booking_form-wrapper {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    font-family: 'Raleway', sans-serif !important;
    height: 100%;
    box-sizing: border-box;
}

/* =========================================================
   2. INPUT FIELDS, LABELS & FOCUS STATES
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-booking-form p { margin-bottom: 20px !important; }

.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-booking-form label {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-booking-form input[type="text"],
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-datepick {
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #eaeaea !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    background-color: #fdfdfd !important;
    color: #444 !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* UI Logic: Focus states indicate active interaction */
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-booking-form input[type="text"]:focus,
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-datepick:focus {
    border-color: #622E88 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(98, 46, 136, 0.1) !important;
}

.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-booking-form br { display: none !important; }
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-required-fields-tip { display: none !important; }

/* =========================================================
   3. CONDITIONAL BUTTON LOGIC
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-reserve-room-section:not(.mphb-hide) ~ .mphb-reserve-btn-wrapper {
    display: none !important;
}

.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-reserve-btn-wrapper,
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-to-book-btn-wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Common Button Styles */
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-reserve-btn,
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-confirm-reservation {
    font-family: 'Raleway', sans-serif !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important; 
    padding: 16px 24px !important;
    margin: 20px 0 0 0 !important; 
    background-color: #622E88 !important; 
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: background-color 0.3s ease, transform 0.1s ease !important;
}

.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-reserve-btn:hover,
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-confirm-reservation:hover {
    background-color: #000000 !important; 
    color: #ffffff !important;
}

.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-reserve-btn:active,
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-confirm-reservation:active {
    transform: scale(0.98) !important; 
}

/* =========================================================
   4. QUANTITY SECTION
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-2b4598c .mphb-reserve-room-section {
    margin-top: 25px !important;
    border-top: 1px solid #f0f0f0 !important;
    padding-top: 25px !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for mphbe-room, class: .elementor-element-30dd77b *//* =========================================================
   1. GLOBAL FONT INJECTION & CARD WRAPPER
   Applies Roboto to the body and structures the card
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb_sc_room-wrapper .mphb-room-type {
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    font-family: 'Roboto', sans-serif !important;
    transition: box-shadow 0.3s ease;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb_sc_room-wrapper .mphb-room-type:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

/* =========================================================
   2. HEADING TYPOGRAPHY
   Larger scale using Cormorant Garamond
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-title a,
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px !important; /* Increased for maximum impact */
    font-weight: 700 !important;
    color: #222222 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 15px !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type > p {
    color: #666666;
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 25px;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-details-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 28px !important; /* Increased for better hierarchy */
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    padding-bottom: 8px !important;
}

/* =========================================================
   3. DETAILS & THE AMENITIES LIST BYPASS
   Hides MotoPress commas and forces bullet points
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-loop-room-type-attributes {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-loop-room-type-attributes > li {
    font-size: 15px !important;
    background: #fdfdfd;
    padding: 15px 20px;
    border-radius: 6px;
    border: 1px solid #f0f0f0;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-attribute-title {
    font-weight: 700 !important;
    color: #7b529e !important; 
    display: block !important; 
    margin-bottom: 8px !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-facilities .mphb-attribute-value {
    display: block !important;
    color: transparent !important; 
    font-size: 0 !important; 
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-facilities .mphb-attribute-value > span {
    display: list-item !important; 
    list-style-type: disc !important;
    list-style-position: inside !important;
    color: #444444 !important; 
    font-size: 15px !important; 
    margin-bottom: 6px !important;
    margin-left: 5px !important;
    line-height: 1.4 !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-attribute-value a {
    pointer-events: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* =========================================================
   4. PRICING DISPLAY
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-regular-price {
    font-size: 16px !important;
    color: #555555 !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-price {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #622E88 !important;
}

/* =========================================================
   5. BUTTON ALIGNMENT & HOVER DYNAMICS
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-to-book-btn-wrapper,
.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-to-book-btn-wrapper form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-to-book-btn-wrapper br {
    display: none !important; 
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-book-button {
    font-family: 'Roboto', sans-serif !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important; 
    padding: 16px 24px !important;
    margin: 20px 0 0 0 !important; 
    background-color: #622E88 !important; 
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    line-height: normal !important;
    min-height: 54px !important; 
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.1s ease !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-book-button:hover {
    background-color: #000000 !important; 
    color: #ffffff !important;
}

.elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-book-button:active {
    transform: scale(0.98) !important; 
}

/* =========================================================
   6. MOBILE RESPONSIVENESS
   Protects the layout on small screens
   ========================================================= */
@media (max-width: 767px) {
    .elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-title a,
    .elementor-1039 .elementor-element.elementor-element-30dd77b .mphb-room-type-title {
        font-size: 36px !important; /* Prevents text wrap overflow on phones */
    }
}/* End custom CSS */
/* Start custom CSS for mphbe-availability, class: .elementor-element-227c607 *//* =========================================================
   1. BOOKING FORM CARD CONTAINER
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb_sc_booking_form-wrapper {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    font-family: 'Roboto', sans-serif !important;
}

/* =========================================================
   2. INPUT FIELDS & LABELS
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-booking-form p { margin-bottom: 20px !important; }

.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-booking-form label {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-booking-form input[type="text"],
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-datepick {
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #eaeaea !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    background-color: #fdfdfd !important;
    color: #444 !important;
    box-sizing: border-box !important;
}

.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-booking-form br { display: none !important; }
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-required-fields-tip { display: none !important; }

/* =========================================================
   3. SMART BUTTON TOGGLE (THE FIX)
   Hides the "Check Availability" button when 
   "Confirm Reservation" is visible.
   ========================================================= */
/* When the reservation section is NOT hidden, hide the primary button wrapper */
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-reserve-room-section:not(.mphb-hide) ~ .mphb-reserve-btn-wrapper {
    display: none !important;
}

.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-reserve-btn-wrapper,
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-to-book-btn-wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Common Button Styles for both buttons */
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-reserve-btn,
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-confirm-reservation {
    font-family: 'Roboto', sans-serif !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important; 
    padding: 16px 24px !important;
    margin: 20px 0 0 0 !important; 
    background-color: #622E88 !important; 
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: background-color 0.3s ease, transform 0.1s ease !important;
}

.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-reserve-btn:hover,
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-confirm-reservation:hover {
    background-color: #000000 !important; 
    color: #ffffff !important;
}

/* =========================================================
   4. QUANTITY SECTION
   ========================================================= */
.elementor-1039 .elementor-element.elementor-element-227c607 .mphb-reserve-room-section {
    margin-top: 25px !important;
    border-top: 1px solid #f0f0f0 !important;
    padding-top: 25px !important;
    width: 100% !important;
}/* End custom CSS */