/* =========================================================
   V10.2 — DESIGN ELEMENT REFINEMENT
   Visual correction layer only: removes residual warm/blue
   surfaces and tightens contrast, hierarchy and component
   consistency across the V08/V09 experience.
   ========================================================= */
:root{
  --navy:#123C35;
  --navy-2:#0A2B25;
  --coral:#D9A441;
  --coral-dark:#A9791B;
  --teal:#2B7A6B;
  --cream:#EAF3F1;
  --paper:#F7FBFA;
  --soft:#DCEAE7;
  --ink:#142522;
  --muted:#5F706C;
  --line:#CFDFDB;
  --shadow:0 24px 70px rgba(18,60,53,.11);
  --shadow-soft:0 12px 34px rgba(18,60,53,.065);
}

/* Global canvas: clearly clinical, cool and unified. */
html,body{background:#EAF3F1}
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(255,255,255,.78),transparent 28%),
    radial-gradient(circle at 92% 42%,rgba(43,122,107,.07),transparent 26%),
    linear-gradient(180deg,#F7FBFA 0%,#EAF3F1 48%,#E2EEEB 100%);
}

/* Header / navigation */
.site-header{background:rgba(247,251,250,.94);border-bottom-color:rgba(18,60,53,.12)}
.mobile-panel{background:rgba(239,247,244,.98);border-top-color:#CFDFDB}
.menu-toggle{background:#F7FBFA;border-color:#CFDFDB}
.desktop-nav{color:#526762}
.desktop-nav a:hover,.desktop-nav a.active{color:#123C35}
.desktop-nav .header-cta{background:#123C35}

/* Hero: remove the residual warm-white wash that was overpowering the new palette. */
.hero,.page-hero{background:#DCEBE7}
.hero:before,
.hospital-home-hero:before,
.page-hero:before{
  background:linear-gradient(90deg,rgba(247,251,250,.97) 0%,rgba(247,251,250,.91) 34%,rgba(247,251,250,.55) 57%,rgba(247,251,250,.06) 100%);
}
.hero-kicker{background:rgba(247,251,250,.74);border-color:rgba(18,60,53,.12)}
.hero-lead{color:#4E625D}
.hero-note{color:#5F706C}
.hero-mark{background:rgba(247,251,250,.76);border-color:rgba(18,60,53,.12)}

/* Section rhythm and hierarchy */
.section-soft{background:linear-gradient(180deg,#DFECE9 0%,#D7E7E3 100%)}
.proof-strip{background:#F7FBFA}
.proof-item{background:#DCEAE7}

.benefit-grid,.service-layout{background:#C9DCD7;border-color:#C9DCD7}
.benefit{background:#DCEAE7}
.benefit:hover{background:#F7FBFA}
.benefit-icon{color:#2B7A6B}

.care-point{background:#F7FBFA;border-color:#CFDFDB}
.care-point:hover{background:#fff}
.care-point span{color:#2B7A6B}
.care-feature{background:#123C35}

/* Service preview cards: give the four families a stronger visual ladder. */
.service-panel{background:linear-gradient(145deg,#FDFEFE 0%,#E7F1EE 100%)!important;border-color:#CFDFDB}
.service-panel:nth-child(2){background:linear-gradient(145deg,#FDFEFE 0%,#DDEDE9 100%)!important}
.service-panel:nth-child(3){background:linear-gradient(145deg,#FDFEFE 0%,#E7EFF0 100%)!important}
.service-panel:nth-child(4){background:linear-gradient(145deg,#FFFDF7 0%,#F3E9D1 100%)!important}
.service-panel:hover{background:#fff!important}
.icon-bubble{background:#E0EEE9;border-color:rgba(43,122,107,.12)}
.service-card-link{color:#A9791B}
.service-card-link:hover{color:#123C35}

.home-service-rail{background:#F7FBFA;border-color:#CFDFDB}
.rail-items a{background:#DCEAE7;color:#526762}
.rail-items a:hover{background:#F1E4C5;color:#123C35}

/* Hospital service browser: make the active state distinct without looking heavy. */
.service-tabs{background:rgba(247,251,250,.88);border-color:#CFDFDB}
.service-tab{color:#536762}
.service-tab:hover{color:#123C35;background:#fff}
.service-tab.active{background:#123C35;border-color:#123C35;box-shadow:0 12px 28px rgba(18,60,53,.18)}
.service-tab.active span{color:#F0C96B}
.service-detail-stage{filter:drop-shadow(0 18px 35px rgba(18,60,53,.035))}
.hospital-service-panel{background:#F7FBFA;border-color:#CFDFDB}
.service-detail-copy{background:linear-gradient(145deg,#FDFEFE 0%,#EAF3F1 100%)}
.service-detail-copy .eyebrow{color:#2B7A6B}
.service-detail-copy>p{color:#526762}
.service-detail-copy li{color:#344A45}
.service-detail-copy li:before{background:#D9A441;box-shadow:0 0 0 5px rgba(217,164,65,.10)}
.service-browser-controls{color:#5F706C}
.service-nav-btn{background:#F7FBFA;border-color:#CFDFDB;color:#123C35}
.service-nav-btn:hover{background:#fff}
.service-progress strong{color:#D9A441}

/* Gallery: remove the old blue cast and keep the same hospital palette. */
.gallery-page{background:linear-gradient(180deg,#E5F0ED 0%,#DCEBE7 100%)}
.gallery-hero{background:linear-gradient(135deg,#0A2B25,#123C35 62%,#216657)}
.gallery-hero:before{background:radial-gradient(circle at 78% 24%,rgba(217,164,65,.18),transparent 26%),radial-gradient(circle at 22% 80%,rgba(43,122,107,.14),transparent 25%)}

/* Chat / contact: consistent cool surfaces before the dark conversion band. */
.live-chat-section{background:linear-gradient(180deg,#EAF3F1 0%,#DFECE9 100%)}
.live-chat-card{background:#F7FBFA;border-color:#CFDFDB}
.live-chat-icon{background:#E0EEE9}
.contact-band{background:linear-gradient(135deg,#0A2B25 0%,#123C35 65%,#216657 100%)}
.site-footer{background:#08231F}

/* Accessibility / focus should use the new accent, not the previous visual language. */
:focus-visible{outline-color:rgba(217,164,65,.82)}

/* Mobile: retain contrast when translucent surfaces stack. */
@media(max-width:767px){
  body{background:linear-gradient(180deg,#F7FBFA 0%,#EAF3F1 100%)}
  .hospital-home-hero:before{background:linear-gradient(180deg,rgba(247,251,250,.96) 0%,rgba(247,251,250,.80) 38%,rgba(247,251,250,.25) 68%,rgba(247,251,250,.03) 100%)}
  .service-detail-copy{background:linear-gradient(180deg,#FDFEFE 0%,#EAF3F1 100%)}
}


/* V10.5 targeted correction:
   The homepage service-preview cards must sit directly on the page surface.
   Remove the shared grid slab so no permanent rectangular/blue-green block
   appears behind the four facility cards. Individual cards retain their
   own surfaces, organic corners, hover states and spacing. */
.home-service-layout {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Preserve the open, floating-card treatment on smaller screens too. */
@media (max-width: 991px) {
  .home-service-layout {
    background: transparent !important;
    border: 0 !important;
  }
}