/* ==========================================
   CareFingers Cards
========================================== */


/* ==========================================
   Base Card
========================================== */
.cf-card{

    border-radius:16px;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 4px 15px rgba(0,0,0,.08);

    transition:.30s ease;

    overflow:hidden;

    background:#fff;

}

.cf-card:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 28px rgba(0,0,0,.15);

}


/* ==========================================
   Card Header
========================================== */

.card-header-custom{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:12px 18px;

    border-radius:12px 12px 0 0;

}

/* Header Text */

.card-header-custom .pharmacy-header-text{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:18px;

    font-weight:700;

}

/* Header Icon */

.card-header-custom img{

    width:26px;

    height:26px;

    object-fit:contain;

}


/* ==========================================
   Card Body
========================================== */

.cf-card-body{

    display:flex;

    flex-direction:column;

    flex:1 1 auto;

    gap:10px;

}


/* ==========================================
   Card Footer
========================================== */
.cf-card-footer{

    margin-top:18px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    flex-wrap:wrap;

}


/* ==========================================
   Card Image
========================================== */
.cf-card-image{

    width:100%;

    border-radius:12px;

    overflow:hidden;

}

.cf-card-image img{

    width:100%;

    height:auto;

    display:block;

    transition:.30s;

}

.cf-card:hover .cf-card-image img{

    transform:scale(1.05);

}


/* ==========================================
   Card Title
========================================== */
.cf-card-title{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#083a53;
    line-height:1.4;
    word-break:break-word;
    overflow-wrap:break-word;
}

/* ==========================================
   Card Top
========================================== */

.cf-card-top{
    margin-top:10px;
}


/* ==========================================
   Card Title Wrapper
========================================== */

.cf-card-title-wrap{
    width:100%;
}

/* ==========================================
   Card Title Row
========================================== */

.cf-card-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

/* ==========================================
   Card Subtitle
========================================== */
.cf-card-subtitle{

    color:#666;

    font-size:.95rem;

}


/* ==========================================
   Card Badge
========================================== */
.cf-badge{

    display:inline-flex;

    align-items:center;

    padding:5px 10px;

    border-radius:30px;

    background:#e8f7f5;

    color:var(--secondary);

    font-size:.8rem;

    font-weight:600;

}

/* ==========================================
   Card Button
========================================== */

.cf-card .btn{

    border-radius:8px;

    font-weight:600;

    padding:.5rem 1rem;

}


/* ==========================================
   Card Rating
========================================== */

.cf-card-rating{

    display:flex;

    align-items:center;

    gap:6px;

    margin-top:6px;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

}

/* Rating Stars */

.cf-card-stars{

    display:flex;

    align-items:center;

    gap:2px;

}

.cf-card-stars i{

    font-size:16px;

}

/* Rating Value */

.cf-card-rating-value{

    color:#083a53;

    font-weight:700;

}

/* Rating Count */

.cf-card-rating-count{

    color:#6c757d;

    font-weight:500;

}

/* Star  */

.star{
    color:#ddd;
    font-size:16px;
}

.star.filled{
    color:#f5b301;
}
/* ==========================================
   Card Hover Effect
========================================== */



/* ==========================================
   Premium Card
========================================== */



/* ==========================================
   Statistics Card
========================================== */




/* ==========================================
   Profile Card
========================================== */

/* Card */

.cf-card{

    background:#F0F8FF;

    border:none;

    border-radius:15px;

    display:flex;

    flex-direction:column;

    padding:1rem;

    height:100%;

    box-sizing:border-box;

    position:relative;

    transition:transform .2s ease, box-shadow .2s ease;

}

/* Hover */

.cf-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,128,128,.4);

}

/* Card Body */

.cf-card .card-body{

    display:flex;

    flex-direction:column;

    flex:1 1 auto;

}

/* Text */

.cf-card h5,
.cf-card p{

    word-break:break-word;

    overflow-wrap:break-word;

}

/* Card Grid */

.row.g-4{

    row-gap:25px !important;

}

/* Smooth Animation */

.pharmacy-card-col{

    transition:all .5s ease;

}




/* Doctor Card */
/* Clinic Card */
/* Pharmacy Card */
/* Hospital Card */
/* Other Facility Card */