
/* =========================================================
   Dr Deen Spine Care — FINAL TEAL / WHITE DESIGN RESET
   Reference palette: #1B7C8B / #0F5F6D / white
   ========================================================= */
:root{
  --dm-primary:#1b7c8b;
  --dm-primary-2:#2490a0;
  --dm-dark:#0f5f6d;
  --dm-deep:#0a4651;
  --dm-ink:#17313a;
  --dm-muted:#6b7a80;
  --dm-line:#d8e8ea;
  --dm-soft:#eff8f9;
  --dm-soft2:#f8fbfb;
  --dm-white:#fff;
  --dm-shadow:0 14px 38px rgba(12,74,86,.10);
  --dm-shadow2:0 8px 24px rgba(12,74,86,.08);
  --dm-radius:18px;
}
html,body{background:#fff!important;color:var(--dm-ink)!important}
body,.hospital-home,.hospital-public,.public-page,.wrap,.hospital-wrap,
button,input,select,textarea{font-family:"Hind Siliguri","Noto Sans Bengali",Arial,sans-serif!important}
a{transition:.2s ease}

/* ===== Top bars / header ===== */
.dm-home-topline{background:#fff;border-bottom:1px solid var(--dm-line);color:#35565f}
.dm-home-topline .hospital-wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:700}
.dm-home-topline .left,.dm-home-topline .right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.dm-home-topline b{color:var(--dm-dark)}
.dm-home-notice{background:var(--dm-primary);color:#fff;border:0;box-shadow:none}
.dm-home-notice .hospital-wrap{height:34px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:800}
.dm-home-notice span{display:inline-block;min-width:100%;animation:dmTicker 26s linear infinite}
@keyframes dmTicker{from{transform:translateX(8%)}to{transform:translateX(-78%)}}

.mk-header,.hospital-header{background:#fff!important;border-bottom:1px solid var(--dm-line)!important;box-shadow:0 6px 18px rgba(13,83,94,.06)!important;position:sticky!important;top:0!important;z-index:80!important}
.mk-header-inner,.hospital-header-main{min-height:76px!important}
.mk-brand-logo{width:58px!important;height:58px!important;border:1px solid var(--dm-line)!important;background:#fff!important;border-radius:14px!important;padding:4px!important}
.mk-brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.mk-brand-copy strong,.hospital-brand-text strong{color:var(--dm-deep)!important;font-weight:950!important}
.mk-brand-copy small,.hospital-brand-text span{color:#667a80!important}
.padma-logo-box{border-color:var(--dm-line)!important;background:#fff!important}

.mk-nav,.hospital-nav{gap:5px!important}
.mk-nav a,.hospital-nav>a,.staff-login-menu summary{color:#28454e!important;background:transparent!important;border:0!important;border-radius:9px!important;font-weight:800!important}
.mk-nav a:hover,.mk-nav a.active,.hospital-nav>a:hover,.hospital-nav>a.active,.staff-login-menu summary:hover{background:var(--dm-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(27,124,139,.18)!important}
.mk-header-cta,.hospital-cta,.hospital-link-btn,.mk-btn-primary,.btn:not(.secondary):not(.danger){background:var(--dm-primary)!important;color:#fff!important;border-color:var(--dm-primary)!important;box-shadow:0 8px 20px rgba(27,124,139,.18)!important}
.mk-header-cta:hover,.hospital-cta:hover,.hospital-link-btn:hover,.mk-btn-primary:hover,.btn:not(.secondary):not(.danger):hover{background:var(--dm-dark)!important;border-color:var(--dm-dark)!important;transform:translateY(-1px)!important}
.mk-btn-secondary,.hospital-cta.green,.queue-actions a.alt,.ortho-smart-actions a.alt{background:#fff!important;color:var(--dm-dark)!important;border:1px solid var(--dm-line)!important;box-shadow:none!important}
.mk-btn-secondary:hover,.hospital-cta.green:hover,.queue-actions a.alt:hover,.ortho-smart-actions a.alt:hover{background:var(--dm-soft)!important;color:var(--dm-dark)!important}
.hospital-topbar{background:#fff!important;color:#35565f!important;border-bottom:1px solid var(--dm-line)!important}
.hospital-topbar .hospital-social a{background:var(--dm-soft)!important;color:var(--dm-dark)!important;border-color:var(--dm-line)!important}
.hospital-actionbar{background:#fff!important;border-top:1px solid #edf4f5!important;padding:10px 0!important}
.ortho-expertise-strip{background:var(--dm-primary)!important;color:#fff!important;border:0!important}
.ortho-expertise-track span{color:#fff!important}
.pagehero{background:var(--dm-soft)!important;border-bottom:1px solid var(--dm-line)!important}
.pagehero h1{color:var(--dm-deep)!important}
.hospital-menu-toggle,.mk-menu-toggle{color:var(--dm-dark)!important;border-color:var(--dm-line)!important;background:#fff!important}
.staff-login-pop{border:1px solid var(--dm-line)!important;box-shadow:var(--dm-shadow2)!important}
.staff-login-pop a:hover{background:var(--dm-soft)!important;color:var(--dm-dark)!important}

/* ===== Homepage hero ===== */
.mk-hero-shell{background:#fff!important;padding-top:34px!important}
.mk-home-grid{align-items:stretch!important}
.mk-hero-card,.mk-booking-card{border:1px solid var(--dm-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--dm-shadow)!important;overflow:hidden!important}
.mk-hero-main{background:linear-gradient(135deg,#fff 0%,#f7fbfb 56%,#edf8f9 100%)!important}
.mk-eyebrow,.ortho-section-kicker,.ortho-smart-badge{background:var(--dm-soft)!important;color:var(--dm-dark)!important;border:1px solid var(--dm-line)!important}
.mk-hero-copy h1,.hospital-section-head h2,.ortho-showcase-head h2,.chamber-head h2,.ortho-body-visual h2,.mk-booking-head h2{color:var(--dm-deep)!important}
.mk-hero-copy h1 em{color:var(--dm-primary)!important;font-style:normal!important}
.mk-hero-copy p,.hospital-section-head p,.ortho-body-visual p{color:var(--dm-muted)!important}
.mk-doctor-stage{background:linear-gradient(180deg,#f4fbfb,#e8f5f6)!important}
.mk-doctor-glow{background:rgba(27,124,139,.12)!important}
.mk-doctor-nameplate{background:rgba(255,255,255,.96)!important;border:1px solid var(--dm-line)!important;box-shadow:var(--dm-shadow2)!important}
.mk-doctor-nameplate strong{color:var(--dm-deep)!important}.mk-doctor-nameplate small{color:#60757b!important}
.mk-mini-logo{background:var(--dm-primary)!important;color:#fff!important}
.mk-social-proof{background:#fff!important;border:1px solid var(--dm-line)!important;color:var(--dm-deep)!important;box-shadow:var(--dm-shadow2)!important}
.mk-service-grid a{background:#fff!important;border:1px solid var(--dm-line)!important;box-shadow:none!important;color:var(--dm-deep)!important}
.mk-service-grid a:hover{border-color:#acd2d7!important;background:var(--dm-soft)!important;transform:translateY(-3px)!important;box-shadow:var(--dm-shadow2)!important}
.mk-service-grid a b{color:var(--dm-primary)!important}
.mk-service-grid img{filter:grayscale(1) sepia(.35) hue-rotate(135deg) saturate(3.5) brightness(.82)!important}
.mk-trust-strip{background:var(--dm-deep)!important;border:0!important}
.mk-trust-strip>div{border-color:rgba(255,255,255,.16)!important;color:#fff!important}
.mk-trust-strip strong,.mk-trust-strip small{color:#fff!important}.mk-trust-strip span{background:rgba(255,255,255,.12)!important;color:#fff!important}
.mk-info-row{background:#fff!important;border-top:1px solid var(--dm-line)!important}
.mk-info-row>div{border-color:var(--dm-line)!important}.mk-info-icon{background:var(--dm-soft)!important;color:var(--dm-dark)!important}
.mk-info-row strong{color:var(--dm-deep)!important}.mk-info-row small{color:var(--dm-muted)!important}

/* ===== Booking / schedule ===== */
.mk-booking-head,.hospital-booking-head{background:var(--dm-soft)!important;border-bottom:1px solid var(--dm-line)!important}
.mk-booking-head .icon,.hospital-booking-head .icon,.mk-chamber-select label>span{background:var(--dm-primary)!important;color:#fff!important}
.mk-booking-body,.hospital-booking-body{background:#fff!important}
.mk-chamber-select,.appt-slot-instruction,.appt-selected-info>div{background:var(--dm-soft2)!important;border-color:var(--dm-line)!important}
.mk-chamber-select label b,.pro-schedule-title,.appt-slot-instruction b,.appt-selected-info b{color:var(--dm-deep)!important}
.mk-chamber-select select,.hospital-doctor-select select,.field,.pro-date-button{border-color:var(--dm-line)!important;color:var(--dm-ink)!important;background:#fff!important}
.mk-chamber-select select:focus,.hospital-doctor-select select:focus,.field:focus,.pro-date-button:focus{border-color:var(--dm-primary)!important;box-shadow:0 0 0 3px rgba(27,124,139,.10)!important}
.pro-scheduler{border-color:var(--dm-line)!important;background:#fff!important}
.pro-schedule-head,.pro-day-tabs{border-color:var(--dm-line)!important}
.pro-date-button:hover{background:var(--dm-soft)!important;border-color:#a9d0d5!important}
.pro-day-tab{color:#657980!important;border-color:#e4eff0!important;background:#fff!important}
.pro-day-tab.active{background:var(--dm-soft)!important;color:var(--dm-dark)!important;box-shadow:inset 0 -3px 0 var(--dm-primary)!important}
.pro-slot-top span{background:var(--dm-soft)!important;color:var(--dm-dark)!important}
.pro-slot{border-color:#bdd9dd!important;color:var(--dm-dark)!important;background:#fff!important}
.pro-slot:hover:not(:disabled){background:var(--dm-soft)!important;border-color:var(--dm-primary)!important}
.pro-slot.active{background:var(--dm-primary)!important;color:#fff!important;border-color:var(--dm-primary)!important}
.pro-slot:disabled{background:#f1f4f4!important;color:#9aa5a8!important;border-color:#e0e7e8!important}
.pro-cal-head strong{color:var(--dm-dark)!important}.pro-cal-head button,.pro-cal-close{background:var(--dm-primary)!important;color:#fff!important}
.pro-cal-day{border-color:var(--dm-line)!important}.pro-cal-day.today{outline-color:var(--dm-primary)!important}.pro-cal-day.selected{background:var(--dm-primary)!important;color:#fff!important;border-color:var(--dm-primary)!important}
.appt-quick-modal{border-color:var(--dm-line)!important;box-shadow:0 30px 80px rgba(7,67,78,.25)!important}.appt-quick-head h3{color:var(--dm-deep)!important}.appt-quick-close{background:var(--dm-soft)!important;color:var(--dm-dark)!important;border-color:var(--dm-line)!important}
.mk-booking-note{background:var(--dm-soft)!important;border-color:var(--dm-line)!important}.mk-booking-note strong{color:var(--dm-dark)!important}
.mk-whatsapp-bar{background:var(--dm-primary)!important;color:#fff!important;border:0!important}

/* ===== Sections / cards ===== */
.hospital-section{background:#fff!important}.hospital-section.soft,.professional-gallery-showcase,.chamber-showcase{background:var(--dm-soft2)!important}
.card,.pagecard,.doctor-card,.chamber-card,.ortho-service-media-card,.ortho-pathway-card,.smart-panel,.qcard,.gallery-intro,.public-gallery-grid figure,.pro-gallery-card{border-color:var(--dm-line)!important;box-shadow:var(--dm-shadow2)!important;background:#fff!important}
.card:hover,.doctor-card:hover,.chamber-card:hover,.ortho-service-media-card:hover,.ortho-pathway-card:hover,.pro-gallery-card:hover{border-color:#afd1d6!important;box-shadow:var(--dm-shadow)!important}
.doctor-card-body h3,.chamber-card h3,.ortho-service-body h3,.ortho-pathway-card h3,.gallery-intro h2,.pro-gallery-card figcaption strong{color:var(--dm-deep)!important}
.doctor-specialty,.doctor-card-action,.chamber-contacts a,.ortho-service-more,.ortho-service-more b{color:var(--dm-dark)!important}
.doctor-card-action{background:var(--dm-soft)!important}
.chamber-card:before{background:var(--dm-primary)!important}
.chamber-brand-visual,.chamber-brand-visual.chamber-bdm,.chamber-brand-visual.chamber-padma,.chamber-brand-visual.chamber-midtown{background:var(--dm-soft)!important}
.chamber-brand-icon{background:var(--dm-primary)!important;color:#fff!important}
.chamber-brand-copy small,.chamber-brand-copy span{color:#657a80!important}.chamber-brand-copy strong{color:var(--dm-deep)!important}.chamber-brand-visual .chamber-city{color:var(--dm-dark)!important;border-color:var(--dm-line)!important}
.chamber-city{background:var(--dm-dark)!important;color:#fff!important}.chamber-number{color:#c6dfe2!important}
.chamber-time,.schedule-safety-note,.ortho-tip-card{background:var(--dm-soft)!important;border-color:var(--dm-line)!important;color:#43636b!important}.chamber-time,.schedule-safety-note b,.ortho-tip-card b{color:var(--dm-dark)!important}
.chamber-actions a{background:#fff!important;color:var(--dm-dark)!important;border-color:var(--dm-line)!important}.chamber-actions a.book{background:var(--dm-primary)!important;color:#fff!important;border-color:var(--dm-primary)!important}
.ortho-service-media-card:before{background:var(--dm-primary)!important}.ortho-service-num{background:var(--dm-primary)!important;color:#fff!important}.ortho-service-body small{color:var(--dm-primary)!important}
.ortho-pathway-card .icon{background:var(--dm-soft)!important;color:var(--dm-dark)!important}
.ortho-body-map,.ortho-smart-card{border-color:var(--dm-line)!important;background:#fff!important;box-shadow:var(--dm-shadow2)!important}.ortho-body-buttons a,.ortho-smart-actions a{background:var(--dm-primary)!important;color:#fff!important;border-color:var(--dm-primary)!important}.ortho-body-buttons a:hover{background:var(--dm-dark)!important}
.ortho-alert{background:var(--dm-soft)!important;border-color:var(--dm-line)!important}.ortho-alert .icon{background:var(--dm-primary)!important;color:#fff!important}.ortho-alert h3{color:var(--dm-deep)!important}.ortho-alert a{background:var(--dm-primary)!important;color:#fff!important}
.pro-gallery-card figcaption span{color:#708188!important}.pro-gallery-card:hover{border-color:#add0d5!important}

/* ===== Public generic pages ===== */
.pagebody{background:#fff!important}.page-list .card{background:#fff!important}
.public-gallery-grid figure:hover{border-color:#afd1d6!important}.public-gallery-grid figcaption{color:#405f67!important}
.doctor-directory-head h1,.doctor-directory-head h2,.selected-doctor h2{color:var(--dm-deep)!important}.doctor-search,.selected-doctor{border-color:var(--dm-line)!important}
.doctor-card-action,.selected-doctor .change-doctor{color:var(--dm-dark)!important;background:var(--dm-soft)!important;border-color:var(--dm-line)!important}
.md-badge{background:var(--dm-soft)!important;color:var(--dm-dark)!important}

/* ===== Live Queue ===== */
.queuepage .qdoctor{background:#fff!important;border-color:var(--dm-line)!important;box-shadow:var(--dm-shadow2)!important}
.queuepage .qdoctor a,.queue-actions a{background:var(--dm-primary)!important;color:#fff!important}
.queuepage .serving{background:var(--dm-soft)!important;border-color:var(--dm-line)!important}
.queuepage .serial{background:var(--dm-primary)!important;color:#fff!important}
.queuepage .chip,.queuepage .stat,.queuepage .next{background:#fff!important;border:1px solid var(--dm-line)!important;color:var(--dm-ink)!important}
.queuepage .stat b{color:var(--dm-primary)!important}
.queuepage th{background:var(--dm-dark)!important}.queuepage .ready{background:var(--dm-soft)!important}
.queuepage .chamber-tabs a{color:var(--dm-dark)!important;border-color:var(--dm-line)!important}.queuepage .chamber-tabs a.active{background:var(--dm-primary)!important;color:#fff!important;border-color:var(--dm-primary)!important}
.queuepage .ticker{background:var(--dm-deep)!important}

/* ===== Footer ===== */
.hospital-footer,.site-footer,footer{border-top-color:var(--dm-line)!important}
.hospital-footer{background:var(--dm-deep)!important;color:#fff!important}.hospital-footer a,.hospital-footer h3,.hospital-footer strong{color:#fff!important}

/* ===== Unified neutral/teal decorative styling ===== */
.mk-xray{filter:grayscale(1) sepia(.28) hue-rotate(135deg) saturate(2.8)!important;opacity:.15!important}
.mk-doctor-nameplate,.mk-social-proof,.chamber-card,.doctor-card,.mk-service-grid a{backdrop-filter:none!important}
*[style*="#5c148e"],*[style*="#6921a1"],*[style*="#6a1b9a"]{color:var(--dm-dark)!important}

/* ===== Mobile ===== */
@media(max-width:980px){
  .mk-header{position:sticky!important}.mk-nav-wrap{background:#fff!important;border-top:1px solid var(--dm-line)!important}
  .mk-nav a{border:1px solid var(--dm-line)!important;background:#fff!important;color:var(--dm-dark)!important}.mk-nav a.active{background:var(--dm-primary)!important;color:#fff!important}
  .dm-home-topline .hospital-wrap{padding:7px 14px;min-height:0}.dm-home-topline .right{display:none}
}
@media(max-width:640px){
  .dm-home-notice .hospital-wrap{font-size:10.5px;height:31px}.mk-hero-shell{padding-top:18px!important}
  .mk-hero-card,.mk-booking-card{border-radius:17px!important}.mk-brand-copy small{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.dm-home-notice span{animation:none!important}}
