.elementor-77 .elementor-element.elementor-element-4b086356{--display:flex;--min-height:36vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.6;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-77 .elementor-element.elementor-element-4b086356:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-4b086356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://preelook.com/wp-content/uploads/2025/07/Prelook-Apartments-Rooms-10.webp");background-position:center center;background-size:cover;}.elementor-77 .elementor-element.elementor-element-4b086356::before, .elementor-77 .elementor-element.elementor-element-4b086356 > .elementor-background-video-container::before, .elementor-77 .elementor-element.elementor-element-4b086356 > .e-con-inner > .elementor-background-video-container::before, .elementor-77 .elementor-element.elementor-element-4b086356 > .elementor-background-slideshow::before, .elementor-77 .elementor-element.elementor-element-4b086356 > .e-con-inner > .elementor-background-slideshow::before, .elementor-77 .elementor-element.elementor-element-4b086356 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#26272C;--background-overlay:'';}.elementor-77 .elementor-element.elementor-element-5f26e796{text-align:center;}.elementor-77 .elementor-element.elementor-element-5f26e796.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-5f26e796 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-77 .elementor-element.elementor-element-45f99d2{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:32px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-45f99d2:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-45f99d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-684283b{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}body.elementor-page-77:not(.elementor-motion-effects-element-type-background), body.elementor-page-77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-4b086356{--min-height:32vh;--padding-top:60px;--padding-bottom:60px;--padding-left:80px;--padding-right:80px;}.elementor-77 .elementor-element.elementor-element-5f26e796 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-77 .elementor-element.elementor-element-45f99d2{--padding-top:32px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-77 .elementor-element.elementor-element-684283b{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-4b086356{--min-height:24vh;--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-77 .elementor-element.elementor-element-5f26e796 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-77 .elementor-element.elementor-element-45f99d2{--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-4b086356 */.elementor-77 .elementor-element.elementor-element-4b086356 {
  width: 100vw !important;
  max-width: 100vw !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-684283b *//* ==========================================================================
   PREELOOK APARTMENTS - SEARCH RESULTS STYLING
   Desktop → Tablet → Mobile Structure
   ========================================================================== */

/* ==========================================================================
   BASE STYLES (DESKTOP FIRST)
   ========================================================================== */

.elementor-element .elementor-button {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    background-color: transparent;
    font-size: 1rem;
    color: #141310;
}

.mphb-room-type img {
    height: 340px;
    width: 100%;
    object-fit: cover;
}


.elementor-element .elementor-button .elementor-button-text {
    margin-right: 4px
}

.elementor-element .elementor-button .elementor-button-icon{
    color: #d1af5d;
}

.elementor-element .elementor-button:hover {
    color: #d1af5d;
}

/* Base Container */
.mphb_sc_search_results-wrapper {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    max-width: 1280px;
    margin: 0 auto;
    color: #141310;
    line-height: 1.5;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}

/* Results Info Bar */
.mphb_sc_search_results-info {
    background: #ffffff;
    border-left: 4px solid #D1AF5D;
    border-right: 4px solid #D1AF5D;
    padding: 1.5rem 2rem;
    margin-bottom: 0;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #141310;
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, 0.25), 0 1px 3px -1px rgba(0, 0, 0, 0.3);
    grid-column: 1 / -1;
    text-align: center;
}

/* Hidden Elements */
.mphb-reservation-cart, 
.mphb-reservation-details,
.mphb-room-type-total-capacity,
.mphb-rooms-quantity-wrapper {
    display: none;
}

.mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type) {
    margin-top: 0;
}

.mphb_sc_search_results-wrapper > .mphb-room-type:nth-child(even) {
    margin-right: 0;
}

/* Individual Room Cards */
.mphb-room-type {
    background: #ffffff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(20, 19, 16, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.mphb-room-type:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(20, 19, 16, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}




/* Room Content */
.mphb-room-type > h2,
.mphb-room-type > .mphb-regular-price,
.mphb-room-type > .mphb-view-details-button-wrapper,
.mphb-room-type > .mphb-reserve-room-section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.mphb-room-type-details-title {
    padding: 0 24px;
    font-size: 1.125rem !important;
    margin-bottom: 1rem;
}

/* Room Title */
.mphb-room-type-title {
    font-size: 1.5rem !important;
    font-weight: 700;
    margin: 1.5rem 0 1rem 0 !important;
    letter-spacing: -0.025em;
}

.mphb-room-type-title a {
    color: #141310;
    text-decoration: none;
    transition: color 200ms ease;
}

.mphb-room-type-title a:hover {
    color: #D1AF5D;
}

/* Room Description */
.mphb-room-type > p {
    color: #666666;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0rem;
}

.mphb-room-type p:not(:first-of-type) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Price Display */
.mphb-regular-price {
    background: #fffbf0;
    margin: 1rem 0;
    padding: 1.25rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.mphb-regular-price strong {
    color: #666666;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 4px;
    display: none;
}

.mphb-price {
    color: #D1AF5D;
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
}

.mphb-price-period {
    color: #999999;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    margin-top: 0.25rem;
    text-decoration: none !important;
    border-bottom: none !important;
    cursor: default !important;
}

.mphb-price-period[title] {
    cursor: default !important;
    text-decoration: none !important;
}

.mphb-regular-price .mphb-price-period {
    border: none !important;
    text-decoration: none !important;
    display: inline-block;
}

/* Discount/Price Wrapper */
.mphb-price-discount-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mphb-price-original {
    color: #999999;
    text-decoration: line-through;
    font-size: 18px;
    font-weight: 400;
    margin-top: 2px;
}

.mphb-price-current {
    color: #D1AF5D !important;
    font-weight: 700 !important;
    font-size: 24px;
}

.mphb-price-discount-wrapper .mphb-price-period {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.mphb-discount-badge {
    background: #4C9155;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.mphb-urgency-badge {
    background: #FCEEEE;
    color: #b83c2e;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.mphb-price-wrapper.has-discount {
    display: none;
}

/* View Details Button */
.mphb-view-details-button-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 0;
    margin-bottom: -8px;
}

.mphb-view-details-button-wrapper:first-of-type, 
.mphb-view-details-button-wrapper:last-of-type {
    display: none;
}

.mphb-loop-room-type-attributes .mphb-view-details-button-wrapper {
    padding-left: 0 !important;
}

.mphb-view-details-button-wrapper a.elementor-button-link.elementor-button {
    padding: 12px 24px;
}

.mphb-view-details-button {
    display: inline-block;
    background: transparent;
    color: #141310;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    transition: color 200ms ease;
    letter-spacing: 0.5px;
}

.mphb-view-details-button:hover {
    color: #D1AF5D;
}

/* Reserve Room Section */
.mphb-reserve-room-section {
    padding-bottom: 1.5rem;
    padding-top: 0;
    background: #fffbf0;
}

.mphb-rooms-quantity {
    padding: 8px 12px;
    border: 2px solid #e0e0e0;
    border-radius: 0.5rem;
    font-family: inherit;
    font-size: 0.875rem;
    color: #141310;
    background: #ffffff;
    margin-right: 0.5rem;
}

.mphb-available-rooms-count {
    color: #666666;
    font-size: 0.875rem;
}

/* Book Button */
.mphb-book-button,
.mphb-confirm-reservation {
    background: #D1AF5D;
    color: #ffffff;
    border: none;
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    font-family: inherit;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: background 200ms ease;
    width: 100%;
    text-transform: uppercase;
}

.mphb-book-button:hover,
.mphb-confirm-reservation:hover {
    background: #C5A24A;
}

/* Reservation Messages */
.mphb-rooms-reservation-message-wrapper {
    margin: 1rem 0;
}

.mphb-remove-from-reservation {
    color: #dc2626;
    font-size: 0.875rem;
    text-decoration: none;
}

/* Amenities */
.mphb-room-amenities-wrapper {
    padding: 0;
    margin: 0 auto;
    background: transparent;
}

.mphb-room-amenities-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0 1.5rem;
    align-items: center;
    min-height: 6.281rem;
    align-content: flex-start;
}

.mphb-amenity-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666666;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
}

.mphb-amenity-icon {
    color: #D1AF5D;
    font-size: 1rem;
    width: 20px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mphb-amenity-text {
    color: #666;
    font-weight: 400;
}

/* Hidden Elements */
.mphb-room-type-facilities .mphb-facilities-title,
.mphb-room-type-facilities .mphb-attribute-title, 
.mphb-room-type-size, 
.mphb-room-type-bed-type,
.mphb-clear {
    display: none;
}

.mphb-loop-room-type-attributes {
    margin-bottom: 0;
    padding: 0;
}

/* Clear floats */
.mphb_sc_search_results-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

/* ==========================================================================
   TABLET STYLES (max-width: 1023px)
   ========================================================================== */

@media (max-width: 1023px) {
    .mphb_sc_search_results-wrapper{
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    
    .mphb_sc_search_results-info {
        margin-bottom: 0;
    }
    
    .mphb-room-amenities-list {
    min-height: unset;
}
}

/* ==========================================================================
   MOBILE STYLES (max-width: 767px)
   ========================================================================== */

@media (max-width: 767px) {
    /* Base Container */
    .mphb_sc_search_results-wrapper {
        display: flex;
        flex-direction: column;
        gap:1.5rem
    }
    
    p.mphb_sc_search_results-info {
        text-align: center;
        background: #ffffff;
        padding: 1rem 2rem;
        margin: 1rem 0 -.5rem 0;

    }
    
    h3.mphb-room-type-details-title {
        padding: 16px 24px 0;
    }
    
    .mphb-room-type img {
        height: 220px;
    }
    
    /* Button Text Size */
    .elementor-element .elementor-button {
        font-size: 0.9375rem;
    }
    
    /* Room Cards */
    .mphb_sc_search_results-wrapper > .mphb-room-type {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0

    }
    
    /* Room Content Padding */
    .mphb-room-type > h2,
    .mphb-room-type > .mphb-regular-price,
    .mphb-room-type > .mphb-view-details-button-wrapper,
    .mphb-room-type > .mphb-reserve-room-section {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .mphb-room-type-details-title {
        padding: 16px 16px 8px 16px;
        font-size: 1.0625rem !important;
        margin-top:1rem;
    }
    
    /* Typography */
    .mphb-room-type-title,
    .mphb-price {
        font-size: 1.5rem !important;
        margin-top: 0;
    }
    
    .mphb-room-type > p {
        font-size: 0.9375rem;
    }
    
    .mphb-price-period[title] {
        font-size: 0.9375rem;
    }
    
    p.mphb-view-details-button-wrapper {
        padding-top:1.25rem;
    }
    
    .mphb-regular-price {
        margin: -0.75rem 0;
        padding: 1.25rem;
    }

    
    /* Amenities Mobile */
    .mphb-room-amenities-list {
        gap: 0.75rem;
    }
    
    .mphb-amenity-item {
        font-size: 0.8125rem;
        gap:0.25rem;
    }
    
    .mphb-amenity-icon {
        font-size: 0.875rem;
    }
    
    /* Price Discount Mobile */
    .mphb-price-discount-wrapper {
        gap: 8px;
    }
    
    .mphb-price-original {
        font-size: 1.0625rem;
        margin-top:4px;
    }
    
    
    .mphb-discount-badge,
    .mphb-urgency-badge {
        margin-left: 0;
        padding: 4px 8px;
        font-size: 0.8125rem;
        line-height: 1.5em;
    }
    
    .mphb-price-discount-wrapper .mphb-price-period {
        font-size: .9375rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45f99d2 */.elementor-77 .elementor-element.elementor-element-45f99d2 {
  width: 100vw !important;
  max-width: 100vw !important;
}/* End custom CSS */