/**
 * Header Navigation Styles
 *
 * Styling für die Header Navigation basierend auf Figma Design.
 *
 * @package Hundeschule_TT5_Child
 * @since 1.0.0
 */

/* Add padding-top to body to account for fixed header */
/* Header height (64px) + top offset (16px) = 80px */


/* Header Nav Wrapper - Fixed Container */
.hs-header-nav-wrapper,
.wp-block-template-part[data-area="header"] .hs-header-nav-wrapper,
.wp-block-template-part .hs-header-nav-wrapper,
.wp-block-group.hs-header-nav-wrapper,
.wp-block-group.alignfull.hs-header-nav-wrapper {
	position: fixed !important;
	top: 0.75rem;
	left: 0.75rem !important;
	right: 0.75rem !important;
	z-index: 40 !important;
	margin-bottom: 0 !important;
	width: calc(100% - 1.5rem) !important; /* Full width minus left/right spacing */
	max-width: calc(100% - 1.5rem) !important;
    padding: 0 !important;
}

@media (min-width: 640px) {
	.hs-header-nav-wrapper,
	.wp-block-template-part[data-area="header"] .hs-header-nav-wrapper,
	.wp-block-template-part .hs-header-nav-wrapper,
	.wp-block-group.hs-header-nav-wrapper,
	.wp-block-group.alignfull.hs-header-nav-wrapper {
		top: 1rem ;
		left: 1.5rem !important; /* sm:px-6 = 24px */
		right: 1.5rem !important;
		width: calc(100% - 3rem) !important;
		max-width: calc(100% - 3rem) !important;
	}
}

@media (min-width: 1024px) {
	.hs-header-nav-wrapper,
	.wp-block-template-part[data-area="header"] .hs-header-nav-wrapper,
	.wp-block-template-part .hs-header-nav-wrapper,
	.wp-block-group.hs-header-nav-wrapper,
	.wp-block-group.alignfull.hs-header-nav-wrapper {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: 100% !important;
		max-width: 1024px !important; /* Match container max-width */
	}
}

/* Inner nav group */
.hs-header-nav {
	position: relative !important;
	width: 100% !important;
    padding: 0rem !important;
}

/* Header Nav Container - Rounded, Shadow, White Background */
.hs-header-nav-container {
	background-color: #ffffff !important;
	border-radius: 20px !important;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	position: relative !important;
	min-height: 48px !important;
	gap: 1rem !important;
}

@media (min-width: 768px) {
	.hs-header-nav-container {
		border-radius: 28px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

@media (min-width: 1024px) {
	.hs-header-nav-container {
		max-width: 1024px !important; /* 64rem = 1024px */
	}
}

/* Logo + Title Group */
.hs-header-logo-title {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important; /* gap-2 = 8px */
	flex-shrink: 0 !important;
	z-index: 1 !important;
}

.hs-site-logo img {
	height: 2rem !important; /* h-10 = 40px */
	width: auto !important;
	padding: 2px 0 !important;
	display: block !important;
}

.hs-site-logo {
	display: flex !important;
	align-items: center !important;
}

.hs-site-title {
	color: rgb(255, 153, 0) !important; /* text-orange-500 */
	font-size: 1rem !important; /* text-base = 16px */
	font-weight: 700 !important;
	margin: 0 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
    text-decoration: none !important;
}

.hs-site-title:hover a{
    text-decoration: none !important;
}

@media (min-width: 768px) {
	.hs-site-title {
		font-size: 1.125rem !important; /* md:text-lg = 18px */
	}
}

/* Desktop Navigation - Hidden on Mobile, Centered */
.hs-header-desktop-nav {
	display: none !important;
}

@media (min-width: 1024px) {
	.hs-header-desktop-nav {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		z-index: 0 !important;
		width: auto !important;
		max-width: calc(100% - 400px) !important; /* Prevent overlap with logo/buttons */
	}
	
	/* Hide navigation toggle button on desktop - Force hide all toggle buttons */
	.hs-header-desktop-nav .wp-block-navigation__responsive-container-open,
	.hs-header-desktop-nav .wp-block-navigation__responsive-container-close,
	.hs-header-desktop-nav button[aria-label*="menu"],
	.hs-header-desktop-nav button[aria-label*="Menu"],
	.hs-header-desktop-nav button[aria-label*="Open"],
	.hs-header-desktop-nav button[aria-label*="Close"],
	.hs-header-desktop-nav .wp-block-navigation__responsive-container-open.always-shown {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	
	/* Ensure navigation container is always visible on desktop */
	.hs-header-desktop-nav .wp-block-navigation__responsive-container {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		z-index: auto !important;
	}
}

/* Navigation Links Styling */
.hs-header-desktop-nav .wp-block-navigation__responsive-container-open,
.hs-header-desktop-nav .wp-block-navigation__responsive-container,
.hs-header-desktop-nav .wp-block-navigation {
	display: flex !important;
	align-items: center !important;
	gap: 2rem !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
}

.hs-header-desktop-nav .wp-block-navigation ul {
	display: flex !important;
	align-items: center !important;
	gap: 2rem !important;
	flex-wrap: nowrap !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hs-header-desktop-nav .wp-block-navigation-item__content {
	color: #666666 !important; /* text-gray-600 */
	font-size: 0.875rem !important; /* text-sm = 14px */
	text-decoration: none !important;
	transition: color 0.2s ease !important;
	white-space: nowrap !important;
    font-weight: 500 !important;
}

.hs-header-desktop-nav .wp-block-navigation-item__content:hover {
	color: rgb(255, 153, 0) !important; /* hover:text-orange-500 */
}

.hs-header-desktop-nav .wp-block-navigation-item__content:focus-visible {
	outline: 2px solid rgb(255, 153, 0) !important;
	outline-offset: 2px !important;
}

/* Active Navigation Link */
.hs-header-desktop-nav .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.hs-header-desktop-nav .wp-block-navigation-item.current-page-ancestor .wp-block-navigation-item__content,
.hs-header-desktop-nav .wp-block-navigation-item[aria-current="page"] .wp-block-navigation-item__content {
	color: rgb(255, 153, 0) !important; /* text-orange-500 */
}

/* Desktop Contact Buttons - Hidden on Mobile */
.hs-header-desktop-actions {
	display: none !important;
}

@media (min-width: 1024px) {
	.hs-header-desktop-actions {
		display: flex !important;
		align-items: center !important;
		gap: 0.5rem !important; /* gap-2 = 8px */
		flex-shrink: 0 !important;
		z-index: 1 !important;
		margin-left: auto !important;
	}
	
	/* WordPress Buttons Block styling */
	.hs-header-desktop-actions .wp-block-buttons {
		display: flex !important;
		align-items: center !important;
		gap: 0.5rem !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: nowrap !important;
	}
	
	/* Remove default WordPress button styles */
	.hs-header-desktop-actions .wp-block-button.hs-contact-button {
		box-shadow: none !important;
		background: transparent !important;
	}
	
	/* Ensure button link has correct styling */
	.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link {
		background-color: rgb(255, 153, 0) !important;
		color: #ffffff !important;
		border: none !important;
		box-shadow: none !important;
		font-size: 0 !important; /* Hide any text */
		line-height: 0 !important;
	}
	
	.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:hover {
		background-color: rgb(255, 153, 0) !important;
		transform: scale(1.05) !important;
	}
	
	.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:focus-visible {
		outline: 2px solid rgb(255, 153, 0) !important;
		outline-offset: 2px !important;
	}
	
	/* Hide empty buttons and p tags containing empty buttons */
	.hs-header-desktop-actions .hs-contact-button:empty,
	.hs-header-desktop-actions .hs-contact-button:not(:has(svg)):not(:has(span)),
	.hs-header-desktop-actions p:has(> a.hs-contact-button:empty),
	.hs-header-desktop-actions p:has(> a.hs-contact-button:not(:has(svg)):not(:has(span))) {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Remove p tag margins and make them inline */
	.hs-header-desktop-actions p {
		margin: 0 !important;
		padding: 0 !important;
		display: inline !important;
	}
	
	/* Hide ALL contact buttons EXCEPT those in .hs-header-desktop-actions */
	.hs-header-nav-container .hs-contact-button:not(.hs-header-desktop-actions .hs-contact-button),
	.hs-header-nav-container .hs-contact-button-mobile:not(.hs-header-desktop-actions .hs-contact-button-mobile),
	.hs-header-nav-container a[href^="mailto:"]:not(.hs-header-desktop-actions a[href^="mailto:"]),
	.hs-header-nav-container a[href*="wa.me"]:not(.hs-header-desktop-actions a[href*="wa.me"]),
	.hs-header-nav-container a[href*="whatsapp"]:not(.hs-header-desktop-actions a[href*="whatsapp"]) {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
}

/* Hide duplicate buttons that might be added by navigation block or anywhere else */
@media (min-width: 1024px) {
	/* Hide buttons in navigation block */
	.hs-header-desktop-nav .hs-contact-button,
	.hs-header-desktop-nav .hs-contact-button-mobile,
	.hs-header-desktop-nav a[href^="mailto:"],
	.hs-header-desktop-nav a[href*="wa.me"],
	.hs-header-desktop-nav a[href*="whatsapp"],
	.hs-header-desktop-nav .wp-block-social-links,
	.hs-header-desktop-nav .wp-block-buttons {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
	
	/* Hide buttons in logo/title area */
	.hs-header-logo-title .hs-contact-button,
	.hs-header-logo-title .hs-contact-button-mobile,
	.hs-header-logo-title a[href^="mailto:"],
	.hs-header-logo-title a[href*="wa.me"],
	.hs-header-logo-title a[href*="whatsapp"] {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
	
	/* Only show navigation links, nothing else */
	.hs-header-desktop-nav .wp-block-navigation-item,
	.hs-header-desktop-nav .wp-block-navigation-link {
		display: inline-block !important;
	}
	
	/* Ensure only buttons in .hs-header-desktop-actions are visible */
	.hs-header-nav-container > *:not(.hs-header-desktop-actions) .hs-contact-button,
	.hs-header-nav-container > *:not(.hs-header-desktop-actions) .hs-contact-button-mobile {
		display: none !important;
	}
}

/* Contact Button Base Styles */
.hs-contact-button,
.hs-header-desktop-actions .wp-block-button.hs-contact-button,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link {
	width: 2.25rem !important; /* w-9 = 36px */
	height: 2.25rem !important; /* h-9 = 36px */
	border-radius: 9999px !important; /* rounded-full */
	background-color: rgb(255, 153, 0) !important; /* bg-orange-500 */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 2.25rem !important;
	min-height: 2.25rem !important;
}

/* WordPress Button Block wrapper styling */
.hs-header-desktop-actions .wp-block-button.hs-contact-button {
	padding: 0 !important;
	margin: 0 !important;
	width: 2.25rem !important;
	height: 2.25rem !important;
}

.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* On desktop, hide ALL contact buttons by default, then show only those in .hs-header-desktop-actions */
@media (min-width: 1024px) {
	/* Hide all contact buttons in the header container */
	.hs-header-nav-container .hs-contact-button {
		display: none !important;
	}
	
	/* Show only buttons inside .hs-header-desktop-actions that have SVG content */
	.hs-header-desktop-actions .hs-contact-button:has(svg),
	.hs-header-desktop-actions .wp-block-button.hs-contact-button:has(svg),
	.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:has(svg) {
		display: flex !important;
	}
	
	/* Hide empty buttons (without SVG or text content) */
	.hs-header-desktop-actions .hs-contact-button:empty,
	.hs-header-desktop-actions .hs-contact-button:not(:has(svg)):not(:has(span)),
	.hs-header-desktop-actions .wp-block-button.hs-contact-button:not(:has(svg)),
	.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:not(:has(svg)),
	.hs-header-desktop-actions p:has(.hs-contact-button:empty),
	.hs-header-desktop-actions p:has(.hs-contact-button:not(:has(svg))) {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Hide empty p tags that only contain empty buttons */
	.hs-header-desktop-actions p:has(> a.hs-contact-button:empty),
	.hs-header-desktop-actions p:has(> a.hs-contact-button:not(:has(svg))) {
		display: none !important;
	}
}

.hs-contact-button:hover,
.hs-header-desktop-actions .wp-block-button.hs-contact-button:hover,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:hover {
	transform: scale(1.05) !important;
}

.hs-contact-button:focus-visible,
.hs-header-desktop-actions .wp-block-button.hs-contact-button:focus-visible,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:focus-visible,
.hs-contact-button-mobile:focus-visible {
	outline: 2px solid rgb(255, 153, 0) !important;
	outline-offset: 2px !important;
}

.hs-contact-button svg,
.hs-header-desktop-actions .wp-block-button.hs-contact-button svg,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link svg {
	width: 1.125rem !important; /* w-4.5 = 18px */
	height: 1.125rem !important; /* h-4.5 = 18px */
	color: #ffffff !important;
	stroke-width: 1.5 !important;
	flex-shrink: 0 !important;
}

/* Mobile Contact Button (in drawer) */
.hs-contact-button-mobile {
	flex: 1 1 0% !important; /* flex-1 */
	height: 3rem !important; /* h-12 = 48px */
	border-radius: 1rem !important; /* rounded-2xl = 16px */
	background-color: rgb(255, 153, 0) !important; /* bg-orange-500 */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important; /* gap-2 = 8px */
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 0.875rem !important; /* text-sm */
	font-weight: 500 !important; /* font-medium */
	transition: background-color 0.2s ease !important;
	border: none !important;
	cursor: pointer !important;
    padding: 0.75rem;
}

.hs-contact-button-mobile:hover {
	background-color: rgb(255, 140, 0) !important; /* hover:bg-orange-600 */
}

.hs-contact-button-mobile svg {
	width: 1.25rem !important; /* w-5 = 20px */
	height: 1.25rem !important; /* h-5 = 20px */
	stroke-width: 2.5 !important;
}

/* Mobile Menu Toggle Button - Visible on Mobile/Tablet, Hidden on Desktop */
.hs-header-mobile-toggle {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	z-index: 1 !important;
	margin-left: auto !important;
}

@media (min-width: 1024px) {
	.hs-header-mobile-toggle {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}

.hs-mobile-menu-toggle {
	width: 2.25rem !important; /* w-9 = 36px */
	height: 2.25rem !important; /* h-9 = 36px */
	border-radius: 9999px !important; /* rounded-full */
	background-color: rgb(255, 153, 0) !important; /* bg-orange-500 */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	cursor: pointer !important;
	transition: transform 0.2s ease !important;
	padding: 0 !important;
}

@media (min-width: 1024px) {
	.hs-mobile-menu-toggle {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
}

.hs-mobile-menu-toggle:hover {
	transform: scale(1.05) !important;
}

.hs-mobile-menu-toggle:focus-visible {
	outline: 2px solid rgb(255, 153, 0) !important;
	outline-offset: 2px !important;
}

.hs-mobile-menu-toggle svg {
	width: 1.25rem !important; /* w-5 = 20px */
	height: 1.25rem !important; /* h-5 = 20px */
	color: #ffffff !important;
	stroke-width: 2.5 !important;
}

.hs-mobile-menu-toggle .hs-close-icon {
	display: none !important;
}

.hs-mobile-menu-toggle[aria-expanded="true"] .hs-menu-icon {
	display: none !important;
}

.hs-mobile-menu-toggle[aria-expanded="true"] .hs-close-icon {
	display: block !important;
}

/* Mobile Menu Overlay */
.hs-mobile-menu-overlay {
	position: fixed !important;
	inset: 0 !important;
	background-color: rgba(0, 0, 0, 0.5) !important; /* bg-black/50 */
	z-index: 30 !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0.3s ease, visibility 0.3s ease !important;
	pointer-events: none !important;
}

@media (min-width: 1024px) {
	.hs-mobile-menu-overlay {
		display: none !important;
	}
}

.hs-mobile-menu-overlay.is-active {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* Mobile Menu Drawer */
.hs-mobile-menu-drawer {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	height: 100dvh !important;
	width: 320px !important;
	background-color: #ffffff !important;
	z-index: 40 !important;
	box-shadow: -4px 0 6px -1px rgba(0, 0, 0, 0.1), -2px 0 4px -1px rgba(0, 0, 0, 0.06) !important;
	transform: translateX(100%) !important;
	transition: transform 0.3s ease-in-out !important;
	display: flex !important;
	flex-direction: column !important;

    .hs-mobile-menu-content{
        width: 100% !important;

        .wp-block-navigation{
            width: 100% !important;
        }
    }


}

@media (min-width: 640px) {
	.hs-mobile-menu-drawer {
		width: 320px !important; /* sm:w-[320px] */
	}
}

@media (min-width: 1024px) {
	.hs-mobile-menu-drawer {
		display: none !important;
	}
}

.hs-mobile-menu-drawer.is-open {
	transform: translateX(0) !important;
}

/* Mobile Menu Header */
.hs-mobile-menu-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	border-bottom: 1px solid #f3f4f6 !important; /* border-gray-100 */
    width: 100%;
}

.hs-mobile-menu-logo {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important; /* gap-2 = 8px */
}

.hs-mobile-menu-logo .hs-site-logo img {
	height: 2rem !important; /* h-8 = 32px */
	width: auto !important;
}

.hs-mobile-menu-logo .hs-site-title {
	font-size: 1.125rem !important; /* text-lg = 18px */
	font-weight: 700 !important;
	color: rgb(255, 153, 0) !important; /* text-orange-500 */
}

.hs-mobile-menu-close {
	width: 2.25rem !important; /* w-9 = 36px */
	height: 2.25rem !important; /* h-9 = 36px */
	border-radius: 9999px !important; /* rounded-full */
	background-color: #f3f4f6 !important; /* bg-gray-100 */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	padding: 0 !important;
}

.hs-mobile-menu-close:hover {
	background-color: #e5e7eb !important; /* hover:bg-gray-200 */
}

.hs-mobile-menu-close:focus-visible {
	outline: 2px solid rgb(255, 153, 0) !important;
	outline-offset: 2px !important;
}

.hs-mobile-menu-close svg {
	width: 1.25rem !important; /* w-5 = 20px */
	height: 1.25rem !important; /* h-5 = 20px */
	color: #666666 !important; /* text-gray-600 */
	stroke-width: 2.5 !important;
}

/* Mobile Menu Content */
.hs-mobile-menu-content {
	flex: 1 1 0% !important;
	overflow-y: auto !important;
}

.hs-mobile-menu-content .wp-block-navigation__responsive-container-open,
.hs-mobile-menu-content .wp-block-navigation__responsive-container {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important; /* space-y-2 = 8px */
	width: 100% !important;
}

.hs-mobile-menu-content ul {
	width: 100% !important;
}

.hs-mobile-menu-content li {
	width: 100% !important;
}

.hs-mobile-menu-content .wp-block-navigation-item__content {
	display: block !important;
	padding: 0.75rem 1rem !important; /* px-4 py-3 */
	border-radius: 1rem !important; /* rounded-2xl = 16px */
	font-size: 1rem !important; /* text-base = 16px */
	text-decoration: none !important;
	color: #374151 !important; /* text-gray-700 */
	transition: all 0.2s ease !important;
	width: 100% !important;
}

.hs-mobile-menu-content .wp-block-navigation-item__content:hover {
	background-color: #fff7ed !important; /* hover:bg-orange-50 */
	color: rgb(255, 153, 0) !important; /* hover:text-orange-500 */
}

.hs-mobile-menu-content .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.hs-mobile-menu-content .wp-block-navigation-item.current-page-ancestor .wp-block-navigation-item__content {
	background-color: rgb(255, 153, 0) !important; /* bg-orange-500 */
	color: #ffffff !important; /* text-white */
}

/* Mobile Menu Footer */
.hs-mobile-menu-footer {
	border-top: 1px solid #f3f4f6 !important; /* border-gray-100 */
}

.hs-mobile-menu-footer-label {
	font-size: 0.75rem !important; /* text-xs = 12px */
	color: #6b7280 !important; /* text-gray-500 */
	margin-bottom: 0.75rem !important; /* mb-3 = 12px */
	margin-top: 0 !important;
}

.hs-mobile-menu-footer-buttons {
	display: flex !important;
	gap: 0.75rem !important; /* gap-3 = 12px */
}

/* Prevent body scroll when menu is open */
body.hs-menu-open {
	overflow: hidden !important;
}


#modal-2{
    top: 6rem;
    padding: 0rem 1rem;

 
}

.hs-mobile-menu-content{
    margin-left: 0 !important;
}

/* Hide duplicate mail buttons in mobile menu navigation */
.hs-mobile-menu-content .hs-contact-button,
.hs-mobile-menu-content a[href^="mailto:"]:not(.hs-contact-button-mobile),
.hs-mobile-menu-content .wp-block-navigation-item a[href^="mailto:"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Hide all desktop-style contact buttons in mobile menu drawer */
.hs-mobile-menu-drawer .hs-contact-button {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Ensure only mobile buttons with text and icon are shown in footer */
.hs-mobile-menu-footer .hs-contact-button {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Hide any mailto links in mobile menu that are not the mobile button */
.hs-mobile-menu-drawer a[href^="mailto:"]:not(.hs-contact-button-mobile) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* .hs-mobile-menu-content .wp-block-navigation-is-layout-flex{
    display: none !important;
} */

.hs-mobile-menu-drawer{
#modal-1{
    margin-top: 6rem !important;
}

.wp-block-navigation__responsive-container-close {
    display: none !important;
}

.wp-block-navigation__responsive-dialog{
    padding: 0rem 1rem;
}

.hs-mobile-menu-footer{
    margin: 0 !important;
}

.wp-block-navigation__responsive-container-open{
    display: none !important;
}

}