/**
 * Header and search overlay styles
 *
 * @package Enypografa
 */

/* Header */
.site-header {
	background-color: #fff;
}
.site-header .custom-logo-link {
	display: inline-block;
}
.site-header .custom-logo-link img {
	height: 65px;
	width: auto;
	max-height: 65px;
}

/* Mobile header: smaller logo beside menu toggler */
.header-mobile-bar {
	gap: 0.75rem;
}
.header-mobile-brand {
	min-width: 0;
}
.header-mobile-brand .custom-logo-link img {
	height: auto;
	max-height: 40px;
	width: auto;
}
.site-logo-link--mobile {
	font-size: 1rem;
	line-height: 1.2;
}
.header-mobile-toggler {
	flex-shrink: 0;
	line-height: 1;
	min-width: 2.5rem;
	min-height: 2.5rem;
}
.header-mobile-toggler-icon {
	font-size: 1.75rem;
	line-height: 1;
}
.header-date {
	font-size: 0.9rem;
	color: #6c757d;
}

/* Header top widget (weather): constrain width so it fits in left column */
.header-weather-widget {
    min-width: 100px;
}

.header-weather-widget .ww-box{
	font-family: 'Manrope', sans-serif !important;
}

.header-weather-widget .ww-box[max-width~="329px"] .ww_col1 {
	flex-wrap: nowrap !important;
	padding: 0 !important;
}

.header-weather-widget .current-conditions svg {
	width:40px !important; 
	height:40px !important;
}

.header-weather-widget .current-temp span {	
	font-size: 0.9rem;
	color: #6c757d;
}

.header-weather-widget .ww-box[max-width~="200px"] .current-temp {
	margin-top:0 !important;
}

.header-weather-widget .ww_source {
	display:none !important;
}
	

.header-top-widget {
	/*max-width: 260px;*/
}
/* Ensure external weather widget iframe is visible and scales to container */
.header-top-widget iframe {
	/*display: block;
	width: 100% !important;
	max-width: 100%;*/
}

/* Header social links: brand colors on hover */
.header-social-link {
	color: #212529;
	text-decoration: none;
	transition: color 0.2s ease;
}
.header-social-link--facebook:hover {
	color: #1877F2;
}
.header-social-link--twitter:hover {
	color: #000000;
}
.header-social-link--instagram:hover {
	color: #E4405F;
}
.header-social-link--youtube:hover {
	color: #FF0000;
}
.header-social-link--linkedin:hover {
	color: #0A66C2;
}

/* Nav menu & dropdown – uppercase */
.site-header .nav-link,
.site-header .dropdown-menu .dropdown-item {
	text-transform: uppercase;
}

/* Full-width menu strip: top and bottom border #6DAECD, vertical padding so link separators don’t touch */
.navbar-border-wrap {
	border-bottom: 1px solid #6DAECD;
}
.navbar-border-wrap .container {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* Nav links: no vertical padding (shorter right border), right border as separator */
.site-header .navbar-nav .nav-item .nav-link {
	line-height: 1;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.95rem;
	padding-right: 0.95rem;
	border-right: 1px solid #6DAECD;
}
.site-header .navbar-nav .nav-item:last-child .nav-link {
	border-right: none;
}

@media (max-width: 991.98px) {
	/* Logo + toggler stay above the fullscreen menu layer */
	.site-header > .container {
		position: relative;
		z-index: 1030;
	}

	/* Full-height mobile panel: no height animation (conflicts with fixed overlay) */
	.site-header #mainNav.collapse {
		transition: none !important;
	}

	.navbar-border-wrap .container {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	/* Open menu: fixed panel fills viewport below header chrome (top set via --mobile-nav-top in JS) */
	body.mobile-nav-open {
		overflow: hidden;
	}

	.site-header #mainNav.navbar-collapse.show {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: var(--mobile-nav-top, 5.5rem);
		width: 100%;
		max-width: none;
		height: auto;
		min-height: calc(100vh - var(--mobile-nav-top, 5.5rem));
		min-height: calc(100dvh - var(--mobile-nav-top, 5.5rem));
		z-index: 1020;
		margin: 0 !important;
		padding: 0.75rem 1.25rem 1.5rem;
		background-color: #fff;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		align-items: stretch !important;
		justify-content: flex-start !important;
	}

	.site-header .navbar-nav {
		width: 100%;
	}

	/* First-level items: no bottom border */
	.site-header .navbar-nav > .nav-item > .nav-link {
		border-right: none;
		border-bottom: none;
		padding-top: 0.65rem;
		padding-bottom: 0.65rem;
	}

	/* Second level (submenu links) */
	.site-header .navbar-nav .dropdown-menu {
		border: none;
		box-shadow: none;
		margin-top: 0;
		padding-top: 0.25rem;
		padding-bottom: 0.5rem;
	}
	.site-header .navbar-nav .dropdown-menu .dropdown-item {
		color: #6daecd;
		padding-top: 0.45rem;
		padding-bottom: 0.45rem;
	}
	.site-header .navbar-nav .dropdown-menu .dropdown-item:hover,
	.site-header .navbar-nav .dropdown-menu .dropdown-item:focus {
		color: #5a9ab8;
		background-color: transparent;
	}
}

/* Dropdown / mega menu */
.site-header .dropdown-menu {
	border-radius: 0;
}
.site-header .dropdown-mega {
	width: 600px;
}

/* Search overlay */
.search-overlay {
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.97);
	z-index: 1050;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.search-overlay.active {
	opacity: 1;
	visibility: visible;
}
.search-overlay .search-form {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	padding-inline: 0.5rem;
	box-sizing: border-box;
}
.search-overlay .form-control {
	width: 400px;
	max-width: 100%;
	font-size: 1.25rem;
}

/* Desktop: hover to open dropdown (no click required) */
@media (min-width: 992px) {
	.site-header .navbar .dropdown {
		padding-bottom: 0.45rem;
		margin-bottom: -0.45rem;
	}

	.site-header .navbar .dropdown:hover > .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}

/* News ticker below header */
.news-ticker-wrap {
	overflow: hidden;
	padding: 1rem 0;
}
.news-ticker-inner {
	overflow: hidden;
}
.news-ticker-inner--with-feed-title {
	display: flex;
	align-items: center;
	gap: 1rem;
	overflow: visible;
}
.news-ticker-marquee {
	overflow: hidden;
	flex: 1 1 auto;
	min-width: 0;
}
.news-ticker-feed-title {
	flex-shrink: 0;
	font-size: 1.125rem;
	padding-bottom: 7px;
	font-weight: 700;
	color: #212529;
	text-decoration: none;
	white-space: nowrap;
}
.news-ticker-feed-title:hover {
	color: #6daecd;
}
.news-ticker-track {
	display: inline-flex;
	align-items: center;
	animation: news-ticker-scroll 50s linear infinite;
}
.news-ticker-wrap:hover .news-ticker-track {
	animation-play-state: paused;
}
.news-ticker-item {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	white-space: nowrap;
	padding: 0 1rem;
	font-size: 0.9rem;
	color: #212529;
	text-decoration: none;
	flex-shrink: 0;
}
.news-ticker-item:hover {
	text-decoration: none;
	color: #6daecd;
}
.news-ticker-item:hover .news-ticker-item-title {
	text-decoration: underline;
}
.news-ticker-item-img-wrap {
	display: inline-flex;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	background: #dee2e6;
}
.news-ticker-item-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.news-ticker-sep {
	flex-shrink: 0;
	color: #adb5bd;
	font-size: 0.65rem;
	padding: 0 0.25rem;
	user-select: none;
}
@keyframes news-ticker-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}