/*
 * Navigation compatibility fixes — The Kink Collective theme
 * -----------------------------------------------------------
 * The original Zoho Sites markup relies on Zoho's own front-end
 * JavaScript to (a) copy the mobile drawer's menu list into the empty
 * desktop nav slot, and (b) toggle a few responsive display states.
 * That script is part of the Zoho Sites platform and can't be carried
 * over to WordPress, so this stylesheet + kc-nav-fix.js replace just
 * enough of its behavior for the header to work correctly again:
 *   - the desktop (>=992px) horizontal menu, now that header.php
 *     duplicates the real menu list into it directly
 *   - hiding that duplicate on narrow/mobile widths, where the
 *     existing burger + drawer menu (already in the markup) takes over
 */

/* Standard visually-hidden-but-accessible utility (WP core normally
   provides this via wp-includes/css/dashicons etc.; defining it here too
   so page.php's screen-reader-only page title doesn't show up visually). */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (min-width: 992px) {
	.theme-header .theme-navigation-and-icons > .theme-menu-area[data-zp-nonresponsive-container] {
		display: flex !important;
	}
}

@media (max-width: 991px) {
	.theme-header .theme-navigation-and-icons > .theme-menu-area[data-zp-nonresponsive-container] {
		display: none !important;
	}
}

/* Mobile drawer: open/closed state toggled by kc-nav-fix.js adding/removing
   "kc-menu-open" on the drawer, since the platform JS that used to do this
   isn't present. */
.theme-responsive-menu-area .theme-menu-area .theme-menu {
	transition: max-height 0.25s ease;
}
.theme-responsive-menu-area .theme-menu-area .theme-menu.kc-menu-open {
	max-height: 2000px !important;
	overflow: visible !important;
	visibility: visible !important;
}