.elementor-808 .elementor-element.elementor-element-872f62c:not(.elementor-motion-effects-element-type-background), .elementor-808 .elementor-element.elementor-element-872f62c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wellingtonblu.com/wp-content/uploads/2026/02/DSC_4236-1-scaled.jpg");background-position:0px 70%;background-repeat:no-repeat;background-size:cover;}.elementor-808 .elementor-element.elementor-element-872f62c > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-808 .elementor-element.elementor-element-872f62c > .elementor-container{max-width:1200px;}.elementor-808 .elementor-element.elementor-element-872f62c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10em 1em 10em 1em;}.elementor-808 .elementor-element.elementor-element-1581769b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-808 .elementor-element.elementor-element-102c2c8b{width:auto;max-width:auto;padding:0px 10px 0px 0px;border-style:solid;border-width:0px 10px 0px 0px;text-align:center;}.elementor-808 .elementor-element.elementor-element-102c2c8b .elementor-heading-title{color:var( --e-global-color-46e6298 );}.elementor-808 .elementor-element.elementor-element-42dc8256{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 1em 1em 1em;}.elementor-808 .elementor-element.elementor-element-42dc8256 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-808 .elementor-element.elementor-element-66409747.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-808 .elementor-element.elementor-element-5e87eb5c{text-align:start;}.elementor-808 .elementor-element.elementor-element-11214e77{text-align:start;}.elementor-bc-flex-widget .elementor-808 .elementor-element.elementor-element-42bfb6f2.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-808 .elementor-element.elementor-element-42bfb6f2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-808 .elementor-element.elementor-element-42bfb6f2 > .elementor-element-populated{padding:0.6em 0.6em 1em 0.6em;}.elementor-808 .elementor-element.elementor-element-252e1644{text-align:start;}.elementor-808 .elementor-element.elementor-element-6dc7d551 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-808 .elementor-element.elementor-element-fa17bdd{--display:flex;}@media(min-width:768px){.elementor-808 .elementor-element.elementor-element-384689ec{width:50%;}.elementor-808 .elementor-element.elementor-element-42bfb6f2{width:49.957%;}}@media(max-width:1024px){.elementor-808 .elementor-element.elementor-element-872f62c:not(.elementor-motion-effects-element-type-background), .elementor-808 .elementor-element.elementor-element-872f62c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 70%;}.elementor-808 .elementor-element.elementor-element-872f62c{padding:7em 1em 7em 1em;}.elementor-808 .elementor-element.elementor-element-1581769b > .elementor-element-populated{padding:1em 2em 1em 2em;}.elementor-808 .elementor-element.elementor-element-102c2c8b{border-width:0px 7px 0px 0px;}.elementor-808 .elementor-element.elementor-element-42dc8256{padding:3em 1em 0em 1em;}}@media(max-width:767px){.elementor-808 .elementor-element.elementor-element-872f62c:not(.elementor-motion-effects-element-type-background), .elementor-808 .elementor-element.elementor-element-872f62c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-808 .elementor-element.elementor-element-1581769b > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-808 .elementor-element.elementor-element-42dc8256{padding:2em 1em 0em 1em;}.elementor-808 .elementor-element.elementor-element-66409747 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-808 .elementor-element.elementor-element-42bfb6f2 > .elementor-element-populated{padding:0.7em 0.7em 1.7em 0.7em;}.elementor-808 .elementor-element.elementor-element-6dc7d551{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}}/* Start custom CSS for container, class: .elementor-element-fa17bdd *//* =========================================
   ROOMS GRID – CLEAN 3 PER ROW LAYOUT
========================================= */

.mphb_sc_rooms-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: stretch;
}

/* Fix Elementor inner container behaviour */
.mphb_sc_rooms-wrapper > * {
    display: flex;
}

/* =========================================
   CARD STRUCTURE
========================================= */

.mphb-room-type {
    flex: 0 0 calc(33.333% - 20px); /* EXACTLY 3 per row */
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
    margin: 0 !important;
    transition: all 0.25s ease;
}

.mphb-room-type:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.08);
}

/* =========================================
   IMAGE
========================================= */

.mphb-loop-room-thumbnail {
    margin: 0 !important;
    line-height: 0;
}

.mphb-loop-room-thumbnail img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    display: block;
}

/* =========================================
   CONTENT SPACING
========================================= */

.mphb-room-type-title,
.mphb-room-type p,
.mphb-regular-price {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.mphb-room-type-title {
    margin: 24px 0 10px 0 !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.mphb-room-type p:not(.mphb-regular-price) {
    flex-grow: 1;
    margin-bottom: 16px;
    color: #555;
    line-height: 1.7;
    font-size: 14px;
}

/* =========================================
   PRICE
========================================= */

.mphb-regular-price {
    font-size: 15px;
    font-weight: 600;
    color: #c6a74e;
    margin-bottom: 20px;
}

/* =========================================
   BUTTON AREA (BOTTOM LOCKED)
========================================= */

.mphb-view-details-button-wrapper,
.mphb-to-book-btn-wrapper {
    padding: 0 24px 24px 24px !important;
    margin: 0 !important;
}

/* This pushes buttons to bottom */
.mphb-view-details-button-wrapper {
    margin-top: auto !important;
}

/* =========================================
   BUTTON STYLING
========================================= */

.mphb-room-type .button {
    padding: 11px 20px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
    border: none;
    transition: all 0.2s ease;
}

.mphb-room-type .button.mphb-view-details-button {
    background: #f3f3f3;
    color: #333;
    margin-right: 10px;
}

.mphb-room-type .button.mphb-view-details-button:hover {
    background: #e5e5e5;
}

.mphb-room-type .button.mphb-to-book-btn {
    background: #001d4c;
    color: #ffffff;
}

.mphb-room-type .button.mphb-to-book-btn:hover {
    background: #003080;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1024px) {
    .mphb-room-type {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 768px) {
    .mphb-room-type {
        flex: 0 0 100%;
    }
}

/* =========================================
   BRAND COLOR UPDATE
========================================= */

/* Titles */
.mphb-room-type-title {
    color: #00235A !important;
}

/* Remove any pink from links/buttons */
.mphb-room-type a {
    color: #00235A;
}

/* =========================================
   BOOK BUTTON (PREMIUM STYLE)
========================================= */

.mphb-room-type .button.mphb-to-book-btn {
    background: #00235A;
    color: #ffffff;
    border: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Hover: same color, subtle animation */
.mphb-room-type .button.mphb-to-book-btn:hover {
    background: #00235A;
    color: #ffffff;
    transform: scale(1.05);
    opacity: 0.9;
}

/* =========================================
   VIEW DETAILS BUTTON (CLEAN NEUTRAL)
========================================= */

.mphb-room-type .button.mphb-view-details-button {
    background: #f4f6f8;
    color: #00235A;
    border: 1px solid #e2e6ea;
}

.mphb-room-type .button.mphb-view-details-button:hover {
    background: #e9edf2;
}


/* =========================================
   FORCE BOOK BUTTON BRAND COLOR
========================================= */

.mphb-room-type .mphb-book-button,
.mphb-room-type .mphb-to-book-btn,
.mphb-room-type .button.mphb-book-button,
.mphb-room-type .button.mphb-to-book-btn {
    background-color: #00235A !important;
    color: #ffffff !important;
    border: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Hover – same color, subtle animation */
.mphb-room-type .mphb-book-button:hover,
.mphb-room-type .mphb-to-book-btn:hover,
.mphb-room-type .button.mphb-book-button:hover,
.mphb-room-type .button.mphb-to-book-btn:hover {
    background-color: #00235A !important;
    color: #ffffff !important;
    transform: scale(1.05);
    opacity: 0.9;
}/* End custom CSS */