/**
 * Market My Place - Buyer-side polish.
 * Deliberately light: the browse design is kept, this only adds an
 * open-home badge and subtle hover/focus refinement.
 * @since 5.5.4
 */

/* Open home badge on property cards */
.mmp-openhome-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 3;
    background: rgba(31, 157, 85, 0.95);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    pointer-events: none;
}

.mmp-openhome-badge i { margin-right: 4px; }

/* Subtle card lift on hover */
.ere-property .property-item,
.ere-property .ere__property-item-inner {
    transition: transform .18s ease, box-shadow .18s ease;
}

.ere-property .property-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
}

/* Gentle image zoom inside cards */
.ere-property .property-thumbnail {
    overflow: hidden;
}

.ere-property .property-thumbnail img {
    transition: transform .35s ease;
}

.ere-property .property-item:hover .property-thumbnail img {
    transform: scale(1.04);
}

/* Visible keyboard focus for accessibility */
.ere-property a:focus-visible,
.mmp-booking-form a:focus-visible,
.mmp-booking-form button:focus-visible {
    outline: 2px solid #1e3a6e;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Badge needs a positioned ancestor */
.ere-property .property-thumbnail,
.ere-property .ere__property-image {
    position: relative;
}

/* ---- 5.5.5: property page hierarchy ---- */
.single-property-area .ere__single-property-price,
.single-property-area .property-price {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #1e3a6e !important;
}

.single-property-area .ere__single-property-title h1,
.single-property-area .property-title h1 {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
}

.single-property-area .btn-primary,
.mmp-booking-form .btn-primary {
    padding: 12px 28px;
    font-weight: 700;
    border-radius: 8px;
}

/* Empty floors block (heading with no rows) stays hidden */
.single-property-element.property-floors:not(:has(.ere__floor-item, .floor-item, table)) {
    display: none;
}