/* Classic mobile drawer — shared by navbar v1–v4 */

@media (min-width: 769px) {
	header.navbar-v1 ~ .navbar-v1__drawer.navbar-mobile-drawer-classic,
	header.navbar-v2 ~ .navbar-v2__drawer.navbar-mobile-drawer-classic {
		display: none !important;
	}
}

@media (max-width: 768px) {
	header.navbar-v1 ~ .navbar-v1__drawer.navbar-mobile-drawer-classic,
	header.navbar-v2 ~ .navbar-v2__drawer.navbar-mobile-drawer-classic,
	header.navbar-v3 + .nav-links.navbar-v3__drawer.navbar-mobile-drawer-classic,
	header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic {
		width: min(340px, 88vw);
		max-width: 88vw;
		gap: 0;
		padding: 0 0 calc(24px + env(safe-area-inset-bottom, 0px));
		padding-top: 0;
		background-color: var(--sc-navbar-mobile-drawer-classic-bg, var(--navbar-background-color, #fff));
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
		left: auto !important;
		right: auto !important;
	}

	header.navbar-v1 ~ .navbar-v1__drawer.navbar-mobile-drawer-classic.active,
	header.navbar-v2 ~ .navbar-v2__drawer.navbar-mobile-drawer-classic.active,
	header.navbar-v3 + .nav-links.navbar-v3__drawer.navbar-mobile-drawer-classic.active,
	header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic.active {
		padding-top: 0;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__close {
		display: flex;
		position: relative !important;
		top: auto !important;
		inset-inline-start: auto !important;
		inset-inline-end: auto !important;
		right: auto !important;
		left: auto !important;
		align-self: flex-start;
		align-items: center;
		justify-content: center !important;
		width: auto !important;
		max-width: none;
		height: auto !important;
		margin: 12px 14px 8px;
		padding: 8px;
		border: none;
		border-radius: 0;
		background: transparent;
		color: var(--sc-navbar-mobile-drawer-classic-close-text, var(--navbar-text-color, #111));
		font-size: 22px;
		line-height: 1;
		cursor: pointer;
		z-index: 2;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__close i {
		transform: none !important;
	}

	header.navbar-v3 + .nav-links.navbar-v3__drawer.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__close {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		width: auto !important;
		height: auto !important;
		justify-content: center !important;
		border-radius: 0;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__search {
		display: flex;
		align-items: center;
		gap: 8px;
		width: calc(100% - 28px);
		max-width: calc(100% - 28px);
		margin: 0 14px 12px;
		padding: 0 14px;
		min-height: 44px;
		box-sizing: border-box;
		background: var(--sc-navbar-mobile-drawer-classic-search-bg, color-mix(in srgb, var(--navbar-text-color, #111) 8%, var(--navbar-background-color, #fff)));
		border: none;
		border-radius: 0;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__search-input {
		flex: 1 1 0;
		width: 0;
		min-width: 0;
		border: none;
		background: transparent;
		color: var(--sc-navbar-mobile-drawer-classic-search-input-text, var(--navbar-text-color, #111));
		font-size: 14px;
		outline: none;
		padding: 10px 0;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__search-input::placeholder {
		color: var(--sc-navbar-mobile-drawer-classic-search-placeholder-text, #9ca3af);
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__search-submit {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 32px;
		height: 32px;
		padding: 0;
		border: none;
		border-radius: 0;
		background: transparent;
		color: var(--sc-navbar-mobile-drawer-classic-search-icon-text, #6b7280);
		font-size: 16px;
		cursor: pointer;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__nav {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__item {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 16px 18px;
		margin: 0;
		border-radius: 0;
		border-bottom: 1px solid var(--sc-navbar-mobile-drawer-classic-item-border, #e5e7eb);
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		font-size: 13px;
		font-weight: 600;
		color: var(--sc-navbar-mobile-drawer-classic-item-text, var(--navbar-text-color, #111));
		box-sizing: border-box;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__item--icon {
		gap: 10px;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__item--icon i {
		font-size: 15px;
		width: 18px;
		text-align: center;
		flex-shrink: 0;
	}

	.nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__item::after {
		display: none !important;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown {
		width: 100%;
		border-bottom: 1px solid var(--sc-navbar-mobile-drawer-classic-item-border, #e5e7eb);
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown .dropdown-btn {
		width: 100%;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown .dropdown-btn a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 16px 18px;
		margin: 0;
		border-radius: 0;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		font-size: 13px;
		font-weight: 600;
		color: var(--sc-navbar-mobile-drawer-classic-item-text, var(--navbar-text-color, #111));
		box-sizing: border-box;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown .dropdown-btn a .fa-chevron-down {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 52px;
		align-self: stretch;
		margin-block: -16px;
		margin-inline-end: -18px;
		padding: 0;
		border-inline-start: 1px solid var(--sc-navbar-mobile-drawer-classic-item-border, #e5e7eb);
		font-size: 14px;
		transform: rotate(-90deg);
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown .dropdown-content {
		position: static;
		box-shadow: none;
		opacity: 0;
		visibility: hidden;
		max-height: 0;
		overflow: hidden;
		padding: 0;
		margin: 0;
		background: var(--sc-navbar-mobile-drawer-classic-submenu-bg, var(--navbar-background-color, #fafafa));
		border: none;
		transition: opacity 0.25s ease, max-height 0.25s ease;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown.active .dropdown-content {
		opacity: 1 !important;
		visibility: visible !important;
		max-height: 2000px;
		padding: 4px 0 8px;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown.active .dropdown-content:has(.sc-cat-nav) {
		max-height: none;
		height: auto;
		overflow: visible;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown-content:has(.sc-cat-nav) .sc-cat-nav__link,
	.nav-links.navbar-mobile-drawer-classic .dropdown-content:has(.sc-cat-nav) .sc-cat-nav__sub-link {
		color: var(--sc-navbar-mobile-drawer-classic-submenu-cat-nav-link-text, var(--navbar-text-color, #111)) !important;
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown-content:has(.sc-cat-nav) .sc-cat-nav__link:hover,
	.nav-links.navbar-mobile-drawer-classic .dropdown-content:has(.sc-cat-nav) .sc-cat-nav__link:focus-visible,
	.nav-links.navbar-mobile-drawer-classic .dropdown-content:has(.sc-cat-nav) .sc-cat-nav__sub-link:hover,
	.nav-links.navbar-mobile-drawer-classic .dropdown-content:has(.sc-cat-nav) .sc-cat-nav__sub-link:focus-visible {
		color: var(--sc-navbar-mobile-drawer-classic-submenu-cat-nav-link-hover-text, var(--navbar-hover-text-color, var(--primary-brand-color, #c9a227))) !important;
		background: var(--sc-navbar-mobile-drawer-classic-submenu-cat-nav-link-hover-bg, color-mix(in srgb, var(--primary-brand-color, #c9a227) 12%, transparent));
	}

	.nav-links.navbar-mobile-drawer-classic .dropdown-content a {
		padding: 12px 18px;
		border-radius: 0;
		text-transform: none;
		letter-spacing: normal;
		font-weight: 500;
		font-size: 14px;
	}

	.nav-links.active.navbar-mobile-drawer-classic .nav-close-btn.navbar-mobile-drawer-classic__close {
		display: flex;
	}
}

@media (max-width: 992px) {
	header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic {
		width: min(340px, 88vw);
		max-width: 88vw;
		gap: 0;
		padding: 0 0 calc(24px + env(safe-area-inset-bottom, 0px));
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
	}

	header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic.active {
		padding-top: 0;
	}

	header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic .nav-close-btn {
		position: relative;
		top: auto;
		inset-inline-end: auto;
		inset-inline-start: auto;
		align-self: flex-start;
		margin: 12px 14px 8px;
		border-radius: 0;
		width: auto;
		height: auto;
	}

	.navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic a {
		border-radius: 0;
	}
}

@media (max-width: 480px) {
	header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic {
		width: min(340px, 88vw);
		padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	}
}

@media (max-width: 768px) {
	[dir="rtl"] header.navbar-v1 ~ .navbar-v1__drawer.navbar-mobile-drawer-classic,
	[dir="rtl"] header.navbar-v2 ~ .navbar-v2__drawer.navbar-mobile-drawer-classic,
	[dir="rtl"] header.navbar-v3 + .nav-links.navbar-v3__drawer.navbar-mobile-drawer-classic,
	[dir="rtl"] header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic {
		right: auto !important;
		left: auto !important;
		inset-inline-start: 0;
		box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
	}

	[dir="rtl"] header.navbar-v1 ~ .navbar-v1__drawer.navbar-mobile-drawer-classic:not(.active),
	[dir="rtl"] header.navbar-v2 ~ .navbar-v2__drawer.navbar-mobile-drawer-classic:not(.active),
	[dir="rtl"] header.navbar-v3 + .nav-links.navbar-v3__drawer.navbar-mobile-drawer-classic:not(.active),
	[dir="rtl"] header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic:not(.active) {
		transform: translateX(calc(100% + 12px)) !important;
		-webkit-transform: translateX(calc(100% + 12px)) !important;
		visibility: hidden;
		pointer-events: none;
	}

	[dir="rtl"] header.navbar-v1 ~ .navbar-v1__drawer.navbar-mobile-drawer-classic.active,
	[dir="rtl"] header.navbar-v2 ~ .navbar-v2__drawer.navbar-mobile-drawer-classic.active,
	[dir="rtl"] header.navbar-v3 + .nav-links.navbar-v3__drawer.navbar-mobile-drawer-classic.active,
	[dir="rtl"] header.navbar-v4 + .navbar-v4__drawer.nav-links.navbar-mobile-drawer-classic.active {
		transform: translateX(0) !important;
		-webkit-transform: translateX(0) !important;
		right: auto !important;
		left: auto !important;
	}
}

[dir="rtl"] .nav-links.navbar-mobile-drawer-classic .navbar-mobile-drawer-classic__close {
	align-self: flex-start;
	right: auto !important;
	left: auto !important;
}

[dir="rtl"] .nav-links.navbar-mobile-drawer-classic .dropdown .dropdown-btn a .fa-chevron-down {
	transform: rotate(90deg);
}