/*
 * 1RR property card styles — used on landing pages (/homes/{city}/ etc.)
 * by the _1rr_render_landing_card() function in 1rr-property-card.php.
 *
 * Source: copied from critical-home.css lines 171-196 (the .rr-rail-card*
 * block). The homepage inlines those rules from critical-home.css; landings
 * load this standalone file via wp_enqueue_style. Keep the rule bodies in
 * sync with critical-home.css if either side changes.
 *
 * Grid override at the bottom: rr-rail-card-wrap defaults to flex:0 0 280px
 * for the horizontal scroll-rail context on the homepage. On landings (CSS
 * Grid via .rr-landing-listings) we want the card to fill its grid cell —
 * the override unsets the flex sizing and scroll-snap.
 */

.rr-rail-card-wrap{flex:0 0 280px;scroll-snap-align:start;position:relative}
.rr-rail-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e9f0;border-radius:8px;overflow:hidden;text-decoration:none;color:#1d2330;transition:box-shadow .15s,transform .15s}
.rr-rail-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px)}
.rr-rail-card-heart{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:background .15s,transform .15s}
.rr-rail-card-heart:hover{background:rgba(0,0,0,.78);transform:scale(1.06)}
.rr-rail-card-heart:active{transform:scale(.92)}
.rr-rail-card-heart.is-saved{background:#f54343;color:#fff}
.rr-rail-card-heart.is-saved svg path{fill:#fff;stroke:#fff}
.rr-rail-card-heart svg{display:block}
.rr-rail-card-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f0f0f0}
.rr-rail-card-img{width:100%;height:100%;object-fit:cover;display:block}
.rr-rail-card-badge{position:absolute;top:8px;left:8px;background:#F54343;color:#fff;font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:3px 8px;border-radius:4px;z-index:2}
.rr-rail-card-body{padding:10px 14px 14px}
.rr-rail-card-price{font-size:17px;font-weight:700;color:#004274}
.rr-rail-card-title{font-size:13px;color:#1d2330;margin:2px 0 6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rr-rail-card-specs{display:flex;gap:8px;font-size:12px;color:#6b7280;flex-wrap:wrap}

/* Landing-grid override: cards fill their CSS Grid cell instead of the
   horizontal-scroll rail's fixed 280px flex basis. */
.rr-landing-listings .rr-rail-card-wrap{flex:none;scroll-snap-align:none;width:100%}
.rr-landing-listings .rr-rail-card{height:100%}

@media(max-width:600px){
	.rr-rail-card{flex-basis:auto;max-width:none}
}