/* =====================================
   RESTAURANT INFO - COMPACT MOBILE UI
===================================== */

.restaurant-info{
    background:#fff;
}


/* Cover */

.restaurant-cover{

    position:relative;
    width:100%;
    height:120px;
    overflow:hidden;

}

.restaurant-cover img{

    width:100%;
    height:100%;
    object-fit:cover;

}


/* Back Button */

.back-btn{

    position:absolute;
    top:10px;
    left:10px;

    width:32px;
    height:32px;

    border-radius:50%;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    color:#222;

    font-size:18px;

    box-shadow:0 2px 8px rgba(0,0,0,.15);

}


/* Content */

.restaurant-content{

    padding:10px 12px;

}


.restaurant-content h1{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#222;

}


/* Meta */

.restaurant-meta{

    display:flex;

    gap:8px;

    margin-top:6px;

}


.restaurant-meta span{

    font-size:12px;

    background:#f5f5f5;

    padding:4px 8px;

    border-radius:20px;

    color:#555;

}


.restaurant-meta .rating{

    background:#159447;

    color:#fff;

}


/* Address */

.restaurant-address{

    margin:8px 0;

    font-size:13px;

    color:#666;

}


/* Short Info */

.restaurant-short-info{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:12px;

    color:#444;

    margin-top:8px;

}


/* Description */

.restaurant-description{

    margin-top:8px;

    font-size:13px;

    color:#666;

    line-height:1.4;

}


/* Mobile */

@media(max-width:480px){

    .restaurant-cover{

        height:110px;

    }


    .restaurant-content h1{

        font-size:18px;

    }


    .restaurant-content{

        padding:8px 10px;

    }

}