/*
 Theme Name:   Mediax Child  
 Theme URI:    https://wordpress.themeholy.com/mediax
 Description:  This is a child theme for Mediax - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     mediax
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  mediax-child
*/

/*  [ Add your custom css below ] */

.bbds-department-archive {
    background: #f5f8fc;
    padding: 42px 0 76px;
}

.bbds-container {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
}

.bbds-department-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 42px;
    padding: 48px 24px 40px;
    border-radius: 16px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #16b6e8 0%, #176fc8 58%, #174aa9 100%);
    box-shadow: 0 18px 42px rgba(21, 91, 175, .19);
}

.bbds-department-hero::before,
.bbds-department-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}

.bbds-department-hero::before { width: 240px; height: 240px; inset: -140px auto auto -60px; }
.bbds-department-hero::after { width: 190px; height: 190px; inset: auto -65px -125px auto; }

.bbds-department-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.2;
}

.bbds-hotline {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 23px;
    border-radius: 999px;
    background: #fff;
    color: #1556a8;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(0,0,0,.12);
    transition: transform .2s ease, box-shadow .2s ease;
}

.bbds-hotline:hover { color: #0c3f83; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.16); }

.bbds-offer {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 24px 0 0;
    overflow: hidden;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}

.bbds-offer span {
    display: inline-block;
    min-width: max-content;
    padding-left: 100%;
    animation: bbds-marquee-rtl 14s linear infinite;
    will-change: transform;
}
.bbds-offer:hover span { animation-play-state: paused; }
@keyframes bbds-marquee-rtl { from { transform: translateX(0); } to { transform: translateX(-100%); } }

.bbds-term-description {
    margin: -14px 0 34px;
    padding: 20px 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(14,42,88,.06);
}

.bbds-doctor-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.bbds-profile-card {
    overflow: hidden;
    margin: 0;
    border: 1px solid #d9e5f6;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(13,50,105,.10);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.bbds-profile-card:hover {
    transform: translateY(-7px);
    border-color: #9fc5ff;
    box-shadow: 0 20px 46px rgba(13,50,105,.17);
}

.bbds-profile-image {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 4.35;
    margin: 10px 10px 0;
    border-radius: 12px;
    background: linear-gradient(180deg,#eaf5ff,#dcecff);
}

.bbds-profile-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}
.bbds-profile-card:hover .bbds-profile-image img { transform: scale(1.035); }
.bbds-profile-placeholder { display:grid; height:100%; place-items:center; font-size:76px; }

.bbds-profile-body { padding: 15px 18px 20px; text-align: center; }

.bbds-card-hotline {
    display: inline-block;
    margin-bottom: 8px;
    color: #111827;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
.bbds-card-hotline span { color: #e53935; }

.bbds-profile-name {
    margin: 0 0 11px;
    font-size: clamp(21px, 2vw, 27px);
    font-weight: 900;
    line-height: 1.15;
}
.bbds-profile-name a { color: #071d58; text-decoration: none; }
.bbds-profile-name a:hover { color: #1067d8; }

.bbds-field {
    margin: 8px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}

.bbds-field-specialist {
    padding: 8px 10px;
    border: 1.5px solid #2587ff;
    border-radius: 6px;
    color: #1474e9;
    background: #f7fbff;
}

.bbds-field-degree { color: #d81b8c; }
.bbds-field-hospital { color: #ef1d2f; }
.bbds-field-position { color: #169c31; }

.bbds-visiting-time {
    display: grid;
    gap: 5px;
    margin: 12px 0 14px;
    color: #1d2736;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
.bbds-visiting-label { color: #f05a18; font-size: 15px; font-weight: 900; }

.bbds-book-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    padding: 11px 42px 11px 16px;
    border-radius: 9px;
    background: linear-gradient(135deg,#168cff,#0866df);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 9px 20px rgba(13,111,231,.25);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.bbds-book-button:hover { color:#fff; transform:translateY(-2px); box-shadow:0 13px 26px rgba(13,111,231,.34); filter:saturate(1.1); }
.bbds-button-arrow { position:absolute; right:15px; font-size:20px; transition:transform .2s ease; }
.bbds-book-button:hover .bbds-button-arrow { transform:translateX(4px); }

.bbds-load-status {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 54px;
    margin-top: 28px;
    color: #176fc8;
    font-weight: 800;
    text-align: center;
}
.bbds-load-status[data-state="loading"]::before {
    content:"";
    width:22px;
    height:22px;
    margin-right:10px;
    border:3px solid #d7e7fb;
    border-top-color:#1471d8;
    border-radius:50%;
    animation:bbds-spin .8s linear infinite;
}
.bbds-load-status[data-state="done"] { color:#17944b; }
.bbds-load-status[data-state="error"] { color:#d62828; }
@keyframes bbds-spin { to { transform:rotate(360deg); } }

.bbds-card-enter { opacity:0; transform:translateY(24px); transition:opacity .5s ease var(--bbds-delay), transform .5s ease var(--bbds-delay); }
.bbds-card-enter.is-visible { opacity:1; transform:translateY(0); }

.bbds-no-doctor { padding:45px 24px; border-radius:14px; background:#fff; text-align:center; box-shadow:0 10px 28px rgba(15,45,91,.08); }

body.tax-department .breadcumb-wrapper,
body.tax-department .breadcumb-area,
body.tax-department .breadcrumb-wrapper,
body.tax-department .page-breadcrumb-wrap { display:none !important; }

@media (max-width: 991px) {
    .bbds-doctor-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 767px) {
    .bbds-department-archive { padding:25px 0 55px; }
    .bbds-container { width:min(100% - 22px,1180px); }
    .bbds-department-hero { padding:36px 15px 32px; margin-bottom:28px; }
    .bbds-department-hero h1 { font-size:31px; }
    .bbds-offer { font-size:15px; line-height:1.65; }
    .bbds-doctor-grid { grid-template-columns:1fr; gap:20px; }
}

@media (prefers-reduced-motion: reduce) {
    .bbds-offer { white-space:normal; text-align:center; }
    .bbds-offer span { padding-left:0; animation:none; }
    .bbds-card-enter { opacity:1; transform:none; transition:none; }
}