/* Sticky Header */
#site-header {
		position: fixed;
		top: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 -8px 27px rgba(0, 0, 0, 0.08);
		z-index: 1000;
		transition: top 0.8s ease, opacity 0.7s ease;
}

@media (min-width: 768px) {
    /* Put all your :hover rules inside this media query */
		/* Hover ONLY for header navigation - footer stays normal */
		.header-navigation .wp-block-navigation-item__content {
				transition: background-color 0.3s ease, color 0.3s ease;
				border-radius: 6px;
				display: inline-block;
				box-sizing: border-box;
		}

		.header-navigation .wp-block-navigation-item__content:hover {
				background-color: rgba(0, 123, 255, 0.15);  /* adjust color/opacity to your liking */
				color: #0056d2 !important;
		}

		/* Submenu hover in header only */
		.header-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
				background-color: rgba(0, 123, 255, 0.22);
				color: #003087 !important;
		}

		/* Optional parent highlight */
		.header-navigation .wp-block-navigation-item.has-child-selected > .wp-block-navigation-item__content,
		.header-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
				color: #0056d2 !important;
		}
		
	.logo-resp img {
  width: clamp(120px, 18vw, 225px) !important;
  height: auto !important;
	}

/* Keep top-level navigation items on one line */
.wp-block-navigation__container {
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

.wp-block-navigation__container > li {
    flex-shrink: 0 !important;
}

/* Smooth scroll is optional */
html {
  scroll-behavior: smooth;
}

/* 1) Global offset for ALL anchor jumps (best for sticky headers) */
html {
  scroll-padding-top: 120px; /* adjust this */
}

/* 2) Extra safety: offset ONLY your anchor target blocks */
.anchor-section {
  scroll-margin-top: 120px; /* match the number above */
}

}