:root {
	--aexel-nav-navy: #111827;
	--aexel-nav-gold: #b9944a;
	--aexel-nav-border: #e5e7eb;
}

.aexel-mobile-nav,
.aexel-search-panel {
	display: none;
}

/* Nextend Google access: shared across mobile, tablet and desktop. */
.aexel-social-login {
	width: min(100%, 560px);
	margin: 0 auto 28px;
	text-align: center;
}

.aexel-social-login__title {
	margin: 0 0 12px;
	color: var(--aexel-nav-navy);
	font: 700 15px/1.4 Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.aexel-social-login__button .nsl-container,
.aexel-social-login__button .nsl-container-buttons {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.aexel-social-login__button .nsl-container-buttons {
	display: block !important;
}

.aexel-social-login__button a,
.aexel-social-login__button .nsl-button,
.aexel-social-login__button [data-plugin="nsl"] {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	justify-content: center !important;
	border-radius: 10px !important;
}

.aexel-social-login__divider {
	display: flex;
	margin-top: 22px;
	align-items: center;
	gap: 12px;
	color: #7a8491;
	font: 500 12px/1.3 Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.aexel-social-login__divider::before,
.aexel-social-login__divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #e2e6eb;
}

.aexel-social-login__divider span {
	white-space: nowrap;
}

@media (max-width: 767px) {
	.aexel-social-login {
		margin-bottom: 22px;
	}

	.aexel-social-login__title {
		font-size: 14px;
	}

	.aexel-social-login__divider {
		margin-top: 18px;
		font-size: 10px;
	}
}

@media (max-width: 767px) {
	body {
		padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important;
	}

	.aexel-mobile-nav {
		position: fixed;
		z-index: 9998;
		right: 0;
		bottom: 0;
		left: 0;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		height: calc(66px + env(safe-area-inset-bottom));
		padding: 5px 4px env(safe-area-inset-bottom);
		border-top: 1px solid var(--aexel-nav-border);
		background: rgba(255, 255, 255, .97);
		box-shadow: 0 -5px 20px rgba(17, 24, 39, .08);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.aexel-mobile-nav__item {
		position: relative;
		display: flex;
		min-width: 0;
		margin: 0;
		padding: 2px 1px;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 2px;
		border: 0;
		background: transparent;
		box-shadow: none;
		color: var(--aexel-nav-navy);
		font: 600 10px/1.15 Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}

	.aexel-mobile-nav__item:hover,
	.aexel-mobile-nav__item:focus,
	.aexel-mobile-nav__item.is-active {
		color: var(--aexel-nav-gold);
	}

	.aexel-mobile-nav__item svg {
		display: block;
		width: 23px;
		height: 23px;
		fill: currentColor;
		stroke: none;
	}

	.aexel-mobile-nav__search {
		transform: translateY(-9px);
		cursor: pointer;
	}

	.aexel-mobile-nav__search-icon {
		display: grid;
		width: 43px;
		height: 43px;
		place-items: center;
		border: 3px solid #fff;
		border-radius: 50%;
		background: var(--aexel-nav-navy);
		box-shadow: 0 5px 14px rgba(17, 24, 39, .22);
		color: #fff;
	}

	.aexel-mobile-nav__search-icon svg {
		width: 21px;
		height: 21px;
	}

	.aexel-mobile-nav__cart-icon {
		position: relative;
	}

	.aexel-nav-cart-count {
		position: absolute;
		top: -7px;
		right: -10px;
		display: grid;
		min-width: 17px;
		height: 17px;
		padding: 0 4px;
		place-items: center;
		border: 2px solid #fff;
		border-radius: 999px;
		background: #d62828;
		color: #fff;
		font-size: 9px;
		line-height: 1;
	}

	.aexel-nav-cart-count.is-empty {
		display: none;
	}

	.aexel-search-panel {
		position: fixed;
		z-index: 10000;
		inset: 0;
		display: block;
		visibility: hidden;
		opacity: 0;
		transition: opacity .2s ease, visibility .2s ease;
	}

	.aexel-search-panel.is-open {
		visibility: visible;
		opacity: 1;
	}

	.aexel-search-panel__backdrop {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: rgba(15, 23, 42, .52);
	}

	.aexel-search-panel__sheet {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		padding: max(18px, env(safe-area-inset-top)) 18px 22px;
		border-radius: 0 0 20px 20px;
		background: #fff;
		box-shadow: 0 15px 40px rgba(15, 23, 42, .2);
		transform: translateY(-105%);
		transition: transform .25s ease;
	}

	.aexel-search-panel.is-open .aexel-search-panel__sheet {
		transform: translateY(0);
	}

	.aexel-search-panel__header {
		display: flex;
		margin-bottom: 14px;
		align-items: center;
		justify-content: space-between;
		color: var(--aexel-nav-navy);
		font-size: 18px;
	}

	.aexel-search-panel__close {
		display: grid;
		width: 38px;
		height: 38px;
		margin: 0;
		padding: 0;
		place-items: center;
		border: 0;
		border-radius: 50%;
		background: #f3f4f6;
		color: var(--aexel-nav-navy);
	}

	.aexel-search-panel__close svg {
		width: 20px;
		height: 20px;
		fill: none;
		stroke: currentColor;
		stroke-width: 2;
	}

	.aexel-search-panel__form {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 8px;
	}

	.aexel-search-panel__form input[type="search"] {
		width: 100%;
		height: 48px;
		margin: 0;
		padding: 0 14px;
		border: 1px solid #d1d5db;
		border-radius: 10px;
		background: #fff;
		color: var(--aexel-nav-navy);
		font-size: 15px;
	}

	.aexel-search-panel__form input[type="search"]:focus {
		border-color: var(--aexel-nav-gold);
		box-shadow: 0 0 0 3px rgba(185, 148, 74, .14);
		outline: 0;
	}

	.aexel-search-panel__form button[type="submit"] {
		display: grid;
		width: 48px;
		height: 48px;
		margin: 0;
		padding: 0;
		place-items: center;
		border: 0;
		border-radius: 10px;
		background: var(--aexel-nav-navy);
		color: #fff;
	}

	.aexel-search-panel__form button[type="submit"] svg {
		width: 21px;
		height: 21px;
		fill: currentColor;
	}

	.aexel-search-panel__form button[type="submit"] span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	body.aexel-search-open {
		overflow: hidden;
	}

	/* Compact WooCommerce account access on mobile. */
	.woocommerce-account:not(.logged-in) .woocommerce {
		--aexel-account-gold: #c9a353;
		--aexel-account-ink: #213246;
	}

	.aexel-account-tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin: 0 0 24px;
		padding: 4px;
		border: 1px solid #e5e7eb;
		border-radius: 12px;
		background: #f2f4f7;
	}

	.aexel-account-tabs button {
		height: 44px;
		margin: 0;
		padding: 0 10px;
		border: 0;
		border-radius: 9px;
		background: transparent;
		box-shadow: none;
		color: var(--aexel-account-ink);
		font: 700 14px/1 Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	}

	.aexel-account-tabs button[aria-selected="true"] {
		background: #fff;
		box-shadow: 0 2px 8px rgba(17, 24, 39, .09);
		color: var(--aexel-account-gold);
	}

	.aexel-account-forms .u-column1,
	.aexel-account-forms .u-column2 {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.aexel-account-forms [hidden] {
		display: none !important;
	}

	.aexel-account-form-heading {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		white-space: nowrap !important;
	}

	.aexel-account-forms form.woocommerce-form {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.aexel-mobile-nav,
	.aexel-search-panel {
		display: none !important;
	}
}