/* ==========================================================
   CRMS PREMIUM ROOM CARD
==========================================================*/

.crms-room-card{
display:flex;
align-items:stretch;
background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
margin:35px 0;
transition:.35s ease;
}

.crms-room-card:hover{
transform:translateY(-6px);
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.crms-room-image{
width:360px;
position:relative;
flex-shrink:0;
background:#f4f6fa;
overflow:hidden;
}

.crms-room-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.5s;
}

.crms-room-card:hover img{
transform:scale(1.05);
}

.crms-room-badge{
position:absolute;
top:20px;
left:20px;
background:#1eb980;
color:#fff;
padding:7px 16px;
border-radius:30px;
font-size:13px;
font-weight:600;
}

.crms-room-content{
flex:1;
padding:35px;
display:flex;
flex-direction:column;
justify-content:space-between;
}

.crms-room-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:20px;
}

.crms-room-title{
font-size:34px;
margin:0;
font-weight:700;
color:#1d2736;
}

.crms-rating{
margin-top:8px;
font-size:15px;
color:#666;
}

.crms-rating span{
color:#999;
}

.crms-room-price{
font-size:36px;
font-weight:700;
color:#ff6464;
text-align:right;
}

.crms-room-price small{
display:block;
font-size:15px;
font-weight:500;
color:#888;
}

.crms-room-meta{
display:grid;
grid-template-columns:repeat(2,minmax(180px,1fr));
gap:14px;
margin:35px 0;
font-size:17px;
color:#555;
}

.crms-room-meta span{
display:flex;
align-items:center;
gap:8px;
}

.crms-room-features{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:30px;
}

.crms-room-features span{
background:#edf9f2;
color:#178f57;
padding:10px 16px;
border-radius:30px;
font-size:15px;
font-weight:600;
}

.crms-room-actions{
display:flex;
gap:16px;
margin-top:auto;
}

.crms-btn-primary,
.crms-btn-outline{
padding:15px 28px;
border-radius:12px;
font-size:16px;
font-weight:600;
text-decoration:none;
transition:.3s;
display:inline-flex;
align-items:center;
justify-content:center;
}

.crms-btn-primary{
background:#ff6464;
color:#fff;
}

.crms-btn-primary:hover{
background:#ff5050;
color:#fff;
}

.crms-btn-outline{
border:2px solid #ff6464;
color:#ff6464;
background:#fff;
}

.crms-btn-outline:hover{
background:#ff6464;
color:#fff;
}

@media(max-width:992px){

.crms-room-card{
flex-direction:column;
}

.crms-room-image{
width:100%;
height:280px;
}

.crms-room-top{
flex-direction:column;
}

.crms-room-price{
text-align:left;
}

.crms-room-meta{
grid-template-columns:1fr;
}

}

@media(max-width:576px){

.crms-room-content{
padding:22px;
}

.crms-room-title{
font-size:28px;
}

.crms-room-actions{
flex-direction:column;
}

.crms-btn-primary,
.crms-btn-outline{
width:100%;
}

}