/* Header Container */
.dr1048header {
	position: sticky;
	top: 0;
	z-index: 9999;
	background: linear-gradient(90deg, #3e2723, #5d4037, #8d6e63);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

/* Inner Layout */
.nav-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 18px;
	max-width: 1200px;
	margin: auto;
}

/* Logo Styling */
.logo {
	display: flex;
	align-items: center;
	gap: 14px;
}

.clinic-logo {
	width: 76px; /* Increased size */
	height: 76px;
	border-radius: 50%;
	background-color: #fff3e0;
	padding: 6px;
	border: 2px solid #ffcc80;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	object-fit: cover;
}

/* Logo Text */
.logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.4;
}

.logo-text .eng {
	font-weight: 900;
	font-size: 1.2rem;
	color: #ffcc80;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.logo-text .telugu {
	font-size: 1.05rem;
	font-weight: 700;
	color: #ffe0b2;
	font-family: 'Noto Serif Telugu', serif;
	text-shadow: 1px 1px 0 #8d6e63, 0 0 4px rgba(255, 152, 0, 0.4);
}

.logo-text .location {
	font-size: 0.8rem;
	color: #d7ccc8;
	font-style: italic;
}

/* Nav Links */
nav {
	transition: transform 0.3s ease;
}

.nav-links {
	display: flex;
	list-style: none;
	gap: 20px;
}

.nav-links a {
	text-decoration: none;
	color: #fffde7;
	font-weight: 600;
	font-size: 0.95rem;
	transition: color 0.3s ease;
}

.nav-links a:hover {
	color: #ffcc80;
}

/* Hamburger Button */
.hamburger {
	display: none;
	background: none;
	border: none;
	color: #fff;
	font-size: 2rem;
	cursor: pointer;
}

/* Mobile Responsive */
@media ( max-width : 768px) {
	nav {
		position: fixed;
		top: 76px;
		right: 0;
		width: 250px;
		height: 100vh;
		background: #4e342e;
		transform: translateX(100%);
		transition: transform 0.3s ease;
		padding: 20px;
	}
	nav.open {
		transform: translateX(0);
	}
	.nav-links {
		flex-direction: column;
		gap: 16px;
	}
	.nav-links a {
		padding: 10px;
		border-radius: 6px;
		background: rgba(255, 255, 255, 0.05);
	}
	.hamburger {
		display: block;
	}
}