/**
 * Stella Design — mobile offcanvas menu
 * Brand: #00364a / #00C2E0
 */

/* Hide socials if theme still outputs them */
#offcanvas .ct-header-socials,
#offcanvas [data-id="socials"],
.ct-header .ct-panel .ct-header-socials {
	display: none !important;
}

/* Panel shell */
#offcanvas.ct-panel,
#offcanvas {
	--theme-text-color: #ffffff;
	--theme-link-initial-color: #ffffff;
	--theme-link-hover-color: #00c2e0;
	--theme-border-color: rgba(255, 255, 255, 0.12);
}

#offcanvas .ct-panel-inner,
#offcanvas[data-behaviour] .ct-panel-inner {
	background: #00364a !important;
	color: #ffffff;
}

#offcanvas .ct-panel-content,
#offcanvas .ct-panel-content-inner {
	padding: 28px 28px 40px;
}

/* Close button */
#offcanvas .ct-toggle-close,
#offcanvas .ct-panel-actions {
	color: #ffffff;
}

#offcanvas .ct-toggle-close:hover {
	color: #00c2e0;
}

#offcanvas .ct-toggle-close .ct-icon {
	fill: currentColor;
}

/* Accent bar under close row */
#offcanvas .ct-panel-actions {
	border-bottom: 1px solid rgba(0, 194, 224, 0.35);
	margin-bottom: 8px;
	padding-bottom: 12px;
}

/* Menu */
#offcanvas .mobile-menu,
#offcanvas ul.mobile-menu,
#offcanvas .ct-menu-container {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

#offcanvas .mobile-menu > li,
#offcanvas ul.mobile-menu > li {
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#offcanvas .mobile-menu a,
#offcanvas .mobile-menu .ct-menu-link,
#offcanvas ul.mobile-menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 4px;
	color: #ffffff !important;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.25;
	text-decoration: none !important;
	transition: color 0.2s ease, padding-left 0.2s ease;
}

#offcanvas .mobile-menu a:hover,
#offcanvas .mobile-menu a:focus {
	color: #00c2e0 !important;
	padding-left: 6px;
}

/* Active / current — brand accent, not purple */
#offcanvas .mobile-menu .current-menu-item > a,
#offcanvas .mobile-menu .current_page_item > a,
#offcanvas .mobile-menu .current-menu-ancestor > a,
#offcanvas .mobile-menu .current-menu-parent > a {
	color: #00c2e0 !important;
}

/* Submenu */
#offcanvas .mobile-menu .sub-menu {
	list-style: none;
	margin: 0 0 8px;
	padding: 0 0 8px 12px;
	border-left: 2px solid rgba(0, 194, 224, 0.45);
}

#offcanvas .mobile-menu .sub-menu a {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 4px;
	color: rgba(255, 255, 255, 0.88) !important;
}

#offcanvas .mobile-menu .sub-menu a:hover {
	color: #00c2e0 !important;
}

/* Dropdown indicator */
#offcanvas .mobile-menu .ct-toggle-dropdown-desktop,
#offcanvas .mobile-menu button.ct-toggle-dropdown-desktop,
#offcanvas .mobile-menu .ct-menu-toggle,
#offcanvas .mobile-menu [class*="toggle"] {
	color: #00c2e0;
}

#offcanvas .mobile-menu svg {
	fill: currentColor;
}

/* Footer contacts strip inside panel (injected) */
#offcanvas .stelladesign-offcanvas-contacts {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

#offcanvas .stelladesign-offcanvas-contacts .stelladesign-hc {
	--stelladesign-accent: #ffffff;
	--stelladesign-lang: #ffffff;
	color: #ffffff;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.65rem;
	white-space: normal;
}

#offcanvas .stelladesign-offcanvas-contacts .stelladesign-hc__langs {
	border-left: none;
	padding-left: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 0.65rem;
	margin-left: 0;
}

#offcanvas .stelladesign-offcanvas-contacts .stelladesign-hc__num {
	font-size: 16px;
}