/**
 * https://www.jvalpo.com/
 * jValpo is a software provider offers custom software development services,
 * including web and mobile app development, IT consulting, and Internet marketing.
 *  email us: jamal.jvalpo@gmail.com    or Call us: 07730027677
 */
body{background:#f0f2f5;padding:10px;}
.card{border-radius:15px;}
.slot-btn{
    margin:3px;
    flex: 1 1 auto;
}
.slots-container{
    display:flex;
    flex-wrap:wrap;
}
.slot-btn.available{background:#4CAF50;color:#fff;}
.slot-btn.booked{background:#ff4d4d;color:#fff;cursor:not-allowed;}
.slot-btn.partially{background:#ffa500;color:#fff;cursor:not-allowed;}
.legend span{display:inline-block;width:15px;height:15px;margin-right:5px;}
.flatpickr-day.disabled-day{background:#ccc !important;color:#888 !important;cursor:not-allowed;}
.flatpickr-day.fully-booked{background:#ff4d4d !important;color:#fff !important;}
.flatpickr-day.partially-booked{background:#ffa500 !important;color:#fff !important;}
.flatpickr-day.available{background:#4CAF50 !important;color:#fff !important;}

/* Clinic Header */
.clinic-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;}
.clinic-logo{width:180px;max-width:100%;height:auto;margin-bottom:5px;}
.clinic-name{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:2rem;font-weight:bold;color:#4CAF50;margin:0;}
@media (max-width:576px){.clinic-logo{width:80px;}.clinic-name{font-size:1.5rem;}}
@media (min-width:768px){
    body{
        padding:20px;
    }
}