/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

body{  font-family: "Poppins", sans-serif;}
.bg-blue1{background: #00157c;}
.text-blue1{color: #00157c;}
#bootscore-navbar .menu-item .nav-link{color:#fff;}
    /* Top utility bar */
    .topbar {
      background:#fff;
      border-bottom:1px solid #eee;
      font-size:0.95rem;
    }
    .topbar .social a { color:#e74c3c; } /* red-ish circular icons like screenshot */
    .topbar .btn-sub {
      border:1px solid #e74c3c;
      color:#e74c3c;
      border-radius:6px;
      padding:.35rem .9rem;
      font-weight:600;
    }
    .topbar .btn-sub:hover { background:#e74c3c; color:#fff; }
  .doctor-card { background:#fff; }
  .doc-photo { height: 180px;
    object-fit: cover;
    object-position: top; }
  .doctor-slick .slick-list { margin: 0 -8px; }
  .doctor-slick .slick-slide > div { margin: 5px 8px; } /* inner gutter */
  .fs-13{font-size:13px;}
    /* Brand row */
    .brand-row {
      padding:14px 0;
      border-bottom:1px solid #f0f0f0;
      background:#fff;
    }
    .navbar-brand{
    width:25%
    }
    .brand-logo {
      font-weight:700;
      letter-spacing:1px;
      font-size:1.2rem;
    }
    .brand-mark {
      width:30px; height:30px;
      border-radius:50%;
      background:linear-gradient(135deg,#ff8a65,#ff5e62);
      display:inline-block;
      margin-right:.3rem;
      vertical-align:middle;
    }
    .search-wrap .form-control {
      border-radius:999px;
      padding-left:2.2rem;
      background:#fafafa;
    }
    .search-wrap .bi-search {
      position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#e74c3c;
    }

    /* Navbar */
    .main-nav .nav-link { font-weight:600; }

    /* Breaking news */
    .breaking-bar {
      border-top:1px solid #f4f4f4;
      border-bottom:1px solid #f4f4f4;
      background:#fff;
    }
    .breaking-label {
      display:flex; align-items:center; gap:.5rem;
      font-weight:700; color:#333;
    }
    .breaking-label .bi-rss-fill { color:#e74c3c; }
    .ticker {
      overflow:hidden; white-space:nowrap; position:relative;
    }
    .ticker-track {
      display:inline-block; padding-left:100%;
      animation:ticker 40s linear infinite;
    }
    .ticker a { color:#333; text-decoration:none; margin-right:2rem; }
    .ticker a:hover { text-decoration:underline; }
    @keyframes ticker {
      0% { transform:translateX(0); }
      100% { transform:translateX(-100%); }
    }

    /* Helpers */
    .rounded-search { border-radius:999px; }

    /* Layout fidelity */
    .featured-card { border-radius: 14px; overflow: hidden; }
    .featured-img { width:100%; height: 280px; object-fit: cover; }
    .featured-gradient {
      position:absolute; inset:0; pointer-events:none;
      background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.78) 96%);
      z-index:1;
    }
    .featured-overlay { z-index:2; }
    .category-pill { background: rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.2); }
    .meta { color: rgba(255,255,255,.8); }

    /* Right column items */
    .thumb .ratio { border-radius: 12px; overflow: hidden; }
    .object-fit-cover { object-fit: cover; }
    .side-title { font-weight: 700; line-height: 1.25; margin: 0 0 .35rem 0; }
    .side-item { padding-bottom: .35rem; border-bottom: 1px solid #eef1f4; }
    .side-item:last-child { border-bottom: 0; }
.doctor-slick .slick-list { margin: 0 -8px; }           /* pulls outer edges back in [web:204] */
    /* Responsive fine-tuning */
    @media (min-width: 1200px){
      .featured-img { height: 560px; } /* closer to screenshot scale on xl */
    }

    .featured-card { border-radius: 14px; overflow: hidden; }
    .featured-gradient {
      position:absolute; inset:0; pointer-events:none;
      background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.78) 95%);
      z-index:1;
    }
    .featured-overlay { z-index:2; }
    .category-pill { background: rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.2); }
    .meta { color: rgba(255,255,255,.85); }

    /* Slick arrows above overlay */
    .slick-prev:before, .slick-next:before { color:#fff; }
    .slick-dots li button:before { color:#fff; }
    .slick-dots { bottom: 10px; }
    
    
    #docs_home .rounded-pill{
       font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 228px;
    text-align: left;
}

.btn-primary{
   background: #3557ff!important;
    border-color: #3557ff!important;
}
/* Unique namespace */
.doctor-hero__card { background:#f7f8fb; }      /* soft panel look */
.doctor-hero__title { line-height:1.2; }

.doctor-hero__icon{
  width:36px; height:36px; border-radius:8px;
  background:#e9f0ff; color:#0d6efd;
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 36px; font-size:18px;
}
.hospital-slick .slick-slide .card-body{
        height: 180px
}
/* Image fit */
.doctor-hero__img{ object-fit:cover; }

    .post-card { border: 0; border-radius: 1rem; overflow: hidden; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.06); transition: transform .25s ease, box-shadow .25s ease; }
    .post-card:hover { transform: translateY(-4px); box-shadow: 0 10px 32px rgba(0,0,0,.10); }
    .post-card-img-wrap { position: relative; aspect-ratio: 16 / 10; background: #f5f7fb; }
    .post-card-img-wrap img { width: 100%; object-fit: cover; object-position: top;display: block; }
    .post-card-img-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.35) 100%); pointer-events: none; }
    .post-card-badge { position: absolute; top: .75rem; left: .75rem; z-index: 2; font-weight: 600; letter-spacing: .2px; }
    .badge-gradient { background: linear-gradient(135deg,#6366f1,#22d3ee); color: #fff; box-shadow: 0 4px 14px rgba(34,211,238,.45); }
    .post-card-body { padding: 1rem 1rem .5rem 1rem; }
    .post-card-title { margin: 0 0 .35rem; font-size: 1.05rem; line-height: 1.3; }
    .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .post-card-text { color: #555; font-size: .95rem; }
    .post-card-meta { display: flex; align-items: center; gap: .5rem; padding: 0 1rem 1rem; }
    .chip { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; color: #6b7280; background: #f3f4f6; border-radius: 999px; padding: .35rem .6rem; }
    .chip i { color: #9aa1aa; }
    .chip .dot { width: .5rem; height: .5rem; border-radius: 50%; background: #a3a3a3; }
    .post-card-footer { padding: .75rem 1rem 1rem; background: transparent; border-top: 0; }
    .btn-soft-primary { background: rgba(99,102,241,.12); color: #3f46e0; border: 0; }
    .btn-soft-primary:hover { background: rgba(99,102,241,.18); color: #2e36d4; }
    @media (max-width:575.98px){
    .navbar-brand{
    width:60%
    }
    .brand-logo {
      font-weight:700;
      letter-spacing:1px;
      font-size:1.2rem;
    } 
#bootscore-navbar .menu-item .nav-link{
color: unset;
}
  .post-card-meta{
    flex-wrap:wrap;            /* allow wrap to next line */
    row-gap:.35rem;            /* tighter vertical spacing */
    column-gap:.5rem;          /* keep horizontal gap consistent */
    padding:0 .75rem .75rem;   /* slightly reduced padding on phones */
  }
  .post-card-meta > *{
    flex:0 1 100%;             /* each item on its own line */
  }


.doctor-slick .slick-slide > div {
    margin: 5px 40px;
}
.slick-prev {
    left: 0px;
}
.slick-next {
    right: 0;
}
}