/* ==========================================================

   ROOM CARD

========================================================== */



.jhapi-room-card{



    border:1px solid #e5e5e5;

    border-radius:12px;

    padding:20px;

    transition:.3s;

    background:#fff;



}



.jhapi-room-card:hover{



    box-shadow:0 8px 20px rgba(0,0,0,.08);



}



.jhapi-room-card h4{



    margin:0 0 15px;

    font-size:20px;

    color:#222;



}



.jhapi-room-card p{



    margin:8px 0;

    color:#555;



}



.jhapi-badge{



    display:inline-block;

    padding:6px 12px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;



}



.jhapi-badge.success{



    background:#dff7e4;

    color:#0f8b37;



}



.jhapi-badge.danger{



    background:#ffe1e1;

    color:#d92323;



}



.jhapi-room-footer{



    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:20px;



}



.jhapi-price{



    font-size:28px;

    color:#0057ff;

    font-weight:700;



}



.jhapi-book-btn{



    background:#0057ff;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:12px 24px;

    cursor:pointer;

    transition:.3s;

    font-size:15px;

    font-weight:600;



}



.jhapi-book-btn:hover{



    background:#003fd4;



}

/* ==========================================================
   MULTI-ROOM COMBINATION
========================================================== */
.jhapi-combinations{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:20px;
}

.jhapi-combination-card{
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:18px;
    background:#fff;
}

.jhapi-combination-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.jhapi-combination-head small{
    display:block;
    color:#777;
    margin-top:4px;
}

.jhapi-combination-rooms{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.jhapi-combination-room{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:12px;
    border-radius:8px;
    background:#f8f9fa;
    color:#555;
}

.jhapi-combination-room strong,
.jhapi-combination-room span{
    display:block;
}

.jhapi-combination-room span{
    margin-top:4px;
    font-size:13px;
    color:#777;
}

.jhapi-price-box small{
    color:#777;
}

.jhapi-amount{
    margin-left:4px;
}

.jhapi-selected-rooms{
    margin:20px 0;
}

.jhapi-selected-room{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:12px 14px;
    margin-top:8px;
    border:1px solid #eee;
    border-radius:8px;
}

.jhapi-error{
    padding:16px;
    border:1px solid #f1b8b8;
    border-radius:8px;
    background:#fff5f5;
    color:#a40000;
}

.jhapi-passenger-card input[readonly]{
    background:#f7f7f7;
}