:root{
  --primary:#2E4A6B;
  --primary-dark:#243B55;
  --secondary:#8FAF6D;
  --secondary-dark:#7A9B59;
  --accent:#D4A537;
  --accent-dark:#C1932F;
  --background:#F4F6F8;
  --surface:#FFFFFF;
  --text-primary:#333333;
  --text-light:#6B7280;
  --border-light:#E5E7EB;
}

html,body{ background: var(--background); color: var(--text-primary); }
body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a{ color: var(--primary); transition: color 180ms ease, opacity 180ms ease; }
a:hover, a:focus{ color: var(--accent); text-decoration: none; }


.navbar-default{ background: transparent; border: 0; }
.navbar-default.small{ background: rgba(46, 74, 107, 0.88); }

.navbar-default .navbar-nav>li>a{
  color: rgba(255,255,255,0.92) !important;
  letter-spacing: .4px;
  transition: color 180ms ease, opacity 180ms ease;
}
.navbar-default.small .navbar-nav>li>a{ color: rgba(255,255,255,0.96) !important; }
.navbar-default .navbar-nav>li>a:hover{ color: var(--accent) !important; }


.navbar-default .navbar-nav > li > a.active::before,
.navbar-default .navbar-nav > li > .nav-link.active::before{
  background: var(--accent) !important;
}


.site-title h3 span{ color: var(--accent) !important; }


.btn-5{
  background: var(--primary) !important;
  border-color: transparent !important;
}
.btn-5:hover, .btn-5:focus{
  background: var(--primary-dark) !important;
}


.service-box, .single-team, .pricing-table, .single-testimonial, .contact-box{
  background: var(--surface) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(17,24,39,0.06);
}


input, textarea, select{
  border-color: var(--border-light) !important;
}
input:focus, textarea:focus, select:focus{
  border-color: rgba(46, 74, 107, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(46, 74, 107, 0.14) !important;
  outline: none !important;
}


footer, .footer, #footer{
  background: var(--primary-dark) !important;
  color: rgba(255,255,255,0.92) !important;
}
footer a, .footer a, #footer a{ color: rgba(255,255,255,0.92) !important; }
footer a:hover, .footer a:hover, #footer a:hover{ color: var(--accent) !important; }


.therapist-cta-row{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.therapist-cta-row.team-actions{
  justify-content: center;
  gap: 12px;
}

.therapist-cta-row.team-actions .btn-5.whitebutton{
  margin: 0 !important;
  flex: 0 0 auto;
}

.therapist-row{
  margin-top: 20px;
}

.therapist-card{
  background: var(--surface);
  border: 1px solid var(--border-light);
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(17,24,39,0.06);
  overflow: hidden;
  margin-bottom: 24px;
}

.therapist-image-wrap{
  background: #eef2f7;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.therapist-image{
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: contain;
  display: block;
}

.therapist-card-body{
  padding: 24px;
}

.therapist-card-body h4{
  margin: 0 0 6px;
  color: var(--primary-dark);
  font-weight: 700;
}

.therapist-role{
  color: var(--accent-dark);
  font-weight: 600;
  margin-bottom: 12px;
}

.therapist-card-body p{
  color: var(--text-primary);
}

@media (max-width: 767px){
  .therapist-image-wrap{
    min-height: 240px;
    padding: 12px;
  }
  .therapist-image{
    max-height: 300px;
  }
}