
/* Sai Neelkanth Hospital: blue/orange-only experience layer */
:root{--brand-blue:#093624;--brand-blue-deep:#093624;--brand-orange:#7E9088;--brand-ink:#093624;--brand-pale:#FFFFFF}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
.language-switch{flex:0 0 auto;position:relative}
.language-switch select{
  appearance:none;-webkit-appearance:none;
  min-width:90px;max-width:106px;padding:9px 24px 9px 12px;margin:0;
  border:1px solid #7E9088;border-radius:9px;background:#FFFFFF;color:#093624;
  font:700 12px/1.4 'DM Sans',sans-serif;cursor:pointer;
}
.language-switch:after{content:"⌄";position:absolute;right:8px;top:50%;transform:translateY(-57%);pointer-events:none;color:#093624}
.language-switch select:focus-visible{outline:3px solid #093624;outline-offset:2px}
/* Service search, combined with the existing 19 working service actions. */
.service-finder{
  margin:16px 0 25px;padding:19px 22px 11px;border:1px solid #FFFFFF;
  background:linear-gradient(135deg,#FFFFFF,#FFFFFF 68%,#FFFFFF);
  border-radius:16px;box-shadow:0 8px 30px rgba(9,54,36,.045)
}
.service-finder>label{display:block;font-size:13px;font-weight:800;color:#093624;margin-bottom:10px}
.service-search-line{position:relative}
.service-finder input[type=search]{
  width:100%;height:53px;padding:12px 106px 12px 48px;margin:0;
  border-radius:11px;background:#FFFFFF;border:1px solid #7E9088;
  font-size:14px;color:#093624;transition:border-color .22s,box-shadow .22s
}
.service-finder input[type=search]:focus{border-color:#093624;box-shadow:0 0 0 3px #0936241E;outline:none}
.service-finder input[type=search]::placeholder{color:#205B42;opacity:1}
.search-decoration{
  position:absolute;left:15px;top:50%;transform:translateY(-51%);
  font-size:25px;color:#093624;pointer-events:none
}
.search-shortcut{
  position:absolute;right:13px;top:50%;transform:translateY(-50%);
  background:#FFFFFF;color:#093624;border-radius:7px;padding:5px 8px;
  font-size:10px;pointer-events:none;font-weight:700
}
.service-finder-meta{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.service-finder-meta p{font-size:12px;color:#205B42;margin:8px 0 0}
.service-finder-meta button{font-size:12px;color:#093624;font-weight:700;border:0;background:transparent;padding:6px}
.service-finder-meta button:hover{text-decoration:underline}
.service-search-empty{margin:10px 0 7px;padding:16px;border:1px dashed #7E9088;border-radius:9px;background:#FFFFFF}
.service-search-empty strong{color:#093624;font-size:14px}
.service-search-empty p{color:#205B42;font-size:13px;margin:5px 0 10px}
.service-search-empty a{color:#093624;font-weight:800;font-size:13px}
.specialities .service-link[hidden]{display:none!important}
/* Doctor profile polish: accessible, image-ready placeholders, no fake photographs. */
.doctor-card{overflow:hidden}
.doctor-card::after{
  content:"";position:absolute;inset:0 auto auto 0;
  width:100%;height:4px;
  background:linear-gradient(90deg,#093624,#7E9088,#7E9088);
  transform:scaleX(.23);transform-origin:left;
  transition:transform .65s cubic-bezier(.2,.75,.2,1);pointer-events:none;
}
.doctor-card-women::after{background:linear-gradient(90deg,#7E9088,#7E9088,#093624)}
.doctor-card:hover::after,.doctor-card:focus-within::after{transform:scaleX(1)}
.doctor-monogram{
  transition:transform .6s cubic-bezier(.2,.75,.2,1),border-radius .6s ease,box-shadow .6s ease
}
.doctor-card:hover .doctor-monogram,.doctor-card:focus-within .doctor-monogram{
  transform:translateY(-4px) rotate(-3deg);
  border-radius:24px 8px 24px 8px;
  box-shadow:0 18px 34px #09362430
}
.doctor-card-women:hover .doctor-monogram,.doctor-card-women:focus-within .doctor-monogram{box-shadow:0 18px 34px #7E90883A}
.doctor-focus span{transition:background-color .3s ease,transform .3s ease}
.doctor-card:hover .doctor-focus span{transform:translateY(-2px)}
/* Fixed bottom quick actions shown ONLY on phones. */
.mobile-actions{display:none}
@media(max-width:1100px){
  header{gap:11px}
  header nav{gap:13px}
  .language-switch select{min-width:85px}
}
@media(max-width:760px){
  header{gap:6px}
  header .language-switch{order:1}
  header>.button{order:2}
  header>.menu{order:3;margin-left:5px}
  .language-switch select{min-width:77px;max-width:90px;padding:8px 22px 8px 7px;font-size:11px}
  .service-finder{padding:14px 13px 8px;border-radius:12px}
  .service-finder input[type=search]{font-size:13px;padding:10px 15px 10px 40px;height:49px}
  .search-shortcut{display:none}
  .search-decoration{left:12px;font-size:23px}
  .mobile-actions{
    display:grid;grid-template-columns:1fr 1fr 1.26fr;
    position:fixed;z-index:29;
    left:0;right:0;bottom:0;bottom:env(safe-area-inset-bottom,0px);
    background:#FFFFFF;border-top:1px solid #FFFFFF;
    padding:8px 12px;gap:8px;box-shadow:0 -8px 25px #09362420
  }
  .mobile-action{
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;
    min-height:49px;padding:5px 7px;background:#FFFFFF;
    border-radius:10px;font-size:10px;font-weight:800;color:#093624;text-align:center
  }
  .mobile-action span:first-child{font-size:18px;line-height:1.2}
  .mobile-action-primary{background:#7E9088;color:#093624}
  .mobile-action:hover,.mobile-action:focus-visible{outline:2px solid #093624;outline-offset:1px}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .chat-launch{bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:30}
  #chat{bottom:calc(135px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 176px);overflow-y:auto}
  footer{padding-bottom:25px}
}
@media(max-width:400px){
  header>.button.small{padding:8px 7px;font-size:10px}
  .brand-symbol{width:69px;height:51px}
  header .language-switch select{min-width:68px;max-width:78px}
  header>.menu{font-size:23px}
  .mobile-actions{padding:7px 8px;gap:6px}
  .mobile-action{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .doctor-card::after,.doctor-monogram,.doctor-focus span,.service-finder input[type=search]{
    transition:none!important;animation:none!important;transform:none!important
  }
}

/* Tablet navigation correction: avoid crowding the new language switch. */
@media(min-width:761px) and (max-width:1100px){
  header{gap:12px}
  header .menu{
    display:block;order:3;background:none;border:0;color:#093624;
    font-size:24px;margin-left:1px
  }
  header nav{
    display:none;position:absolute;top:95px;left:0;right:0;
    flex-direction:column;gap:9px;background:#FFFFFF;padding:20px 5%;
    border-bottom:1px solid #FFFFFF;box-shadow:0 11px 25px #09362418
  }
  header nav.open{display:flex}
  header nav a{padding:7px 0}
  header .language-switch{order:1;margin-left:auto}
  header>.button{order:2;margin-left:0}
}
@media(max-width:760px){
  .mobile-actions{bottom:0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
}
/* Consistent, legible orange CTA text and dark blue links. */
.mobile-action-primary,.hero .button,header>.button,form>.button,.button.light{
  color:#093624
}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{
  outline-color:#093624;outline-offset:3px
}
