/* Basic, clean styles for the clinic website */
:root{--accent:#2b6ea3;--muted:#666}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;color:#222;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.card h5{color:var(--accent)}
.site-footer{background:#f8f9fb;padding:1rem 0;margin-top:2rem;border-top:1px solid #eee}

/* Small utility adjustments */
.lead{color:#333}
.navbar-brand{color:var(--accent) !important}
@media (max-width:700px){
	.container{padding:.75rem}
}

/* Hero section styling */
.hero {
	background-size: cover;
	background-position: center;
	color: #fff;
	position: relative;
}
.hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45));
	z-index: 0;
}
.hero .container { position: relative; z-index: 1; }
.hero .display-5, .hero .lead { color: #fff !important; text-shadow: 0 2px 6px rgba(0,0,0,0.6); }