/* Top Bar */
.top-bar {
	background-color: var(--secondary-color);
	color: var(--light);
	padding: 0.5rem 0;
	font-size: 0.9rem;
}
.logo img {
	max-width:170px;
    vertical-align:middle;
}
.top-bar-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color:var(--light);
}

.top-bar-content a {
	color:var(--light);
}

.top-bar-contact {
	display: flex;
	gap: 1.5rem;
}

.top-bar-social {
	display: flex;
	gap: 1rem;
}

/* Search Header */
.search-header {
	padding: 1rem 0;
	background-color: white;
	border-bottom: 1px solid var(--light);
}

.search-header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
}

.search-bar {
	flex-grow: 1;
	max-width: 600px;
	position: relative;
}

.search-bar input {
	width: 100%;
	padding: 0.75rem;
	padding-right: 3rem;
	border: 2px solid var(--gray);
	border-radius: 4px;
	font-size: 1rem;
}

.search-bar button {
	width:initial;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 1rem;
	background: none;
	border: none;
	color: var(--gray);
	cursor: pointer;
}

.header-actions {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}
.header-actions > * {
	font-size:1.2rem;
}

.header-actions a {
	color: var(--dark);
	text-decoration:none;
}

/* Main Navigation */
.header {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #808080;
	background-color: var(--tertiary);
	color: var(--light);
	padding: 1rem 0;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.nav {
	display: flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
}

.nav-links {
	display: flex;
	gap: 1.5rem;
	list-style: none;
}

.nav-links a {
	color: var(--light);
	text-decoration: none;
	transition: color 0.3s ease;
}

.nav-links a:hover {
	color: var(--accent);
}

/* Responsive Design */
@media (max-width: 768px) {
	.nav {
		flex-direction: column;
		gap: 1rem;
	}

	.nav-links {
		flex-direction: column;
		align-items: center;
	}

	.top-bar-content,
	.search-header-content {
		flex-direction: column;
		gap: 1rem;
	}

	.search-bar {
		width: 100%;
		max-width: none;
	}

	.header-actions {
		width: 100%;
		justify-content: center;
	}
}