/**
 * Typography — header / chrome (Storefront header, nav, WooCommerce notices)
 * Scoped with .asc-chrome-context where possible to reduce !important and theme coupling.
 *
 * @package Arsin_Storefront_Customizer
 */

.asc-chrome-context .storefront-breadcrumb {
	margin: 0 0 0.8em;
	padding: var(--asc-spacing-sm) 0;
	background-color: var(--asc-color-bg-alt);
}

.asc-chrome-context #site-navigation-menu-toggle,
.asc-chrome-context .menu-toggle {
	font-family: var(--asc-font-family);
}

@media (max-width: 768px) {
	.asc-chrome-context .site-header-cart {
		display: none;
	}

	.asc-chrome-context .handheld-navigation .menu,
	.asc-chrome-context .main-navigation .menu {
		padding-top: 10px;
	}

	.asc-chrome-context .handheld-navigation .menu ul,
	.asc-chrome-context .main-navigation .menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		background: var(--asc-color-bg);
		border-radius: var(--asc-border-radius);
	}

	.asc-chrome-context .handheld-navigation .menu li,
	.asc-chrome-context .main-navigation .menu li {
		margin: 0;
		padding: 0;
		border-bottom: var(--asc-border-width) solid var(--asc-color-border);
	}

	.asc-chrome-context .handheld-navigation .menu li:last-child,
	.asc-chrome-context .main-navigation .menu li:last-child {
		border-bottom: none;
	}

	.asc-chrome-context .handheld-navigation .menu a,
	.asc-chrome-context .main-navigation .menu a {
		display: block;
		padding: var(--asc-spacing-md) var(--asc-spacing-lg);
		min-height: var(--asc-touch-min);
		color: var(--asc-color-primary);
		font-size: var(--asc-font-size-small);
	}

	.asc-chrome-context .handheld-navigation .menu li.current_page_item a,
	.asc-chrome-context .main-navigation .menu li.current_page_item a {
		font-weight: var(--asc-font-weight-semibold);
		background: var(--asc-color-bg);
	}

	.asc-chrome-context .handheld-navigation .menu a:hover,
	.asc-chrome-context .main-navigation .menu a:hover {
		background: var(--asc-color-bg);
		color: var(--asc-color-primary);
	}
}

@media (min-width: 768px) {
	.asc-chrome-context .site-branding,
	.asc-chrome-context .site-search,
	.asc-chrome-context .site-header-cart,
	.asc-chrome-context .site-logo-anchor,
	.asc-chrome-context .site-logo-link,
	.asc-chrome-context .custom-logo-link {
		margin-bottom: unset;
	}

	.asc-chrome-context .site-header {
		padding-top: 1.617924em;
		padding-bottom: 0;
	}

	.asc-chrome-context .storefront-primary-navigation {
		min-height: auto;
	}

	.asc-chrome-context .storefront-primary-navigation .main-navigation {
		line-height: 0.5;
		padding: 15px 0;
	}

	.asc-chrome-context .storefront-primary-navigation .main-navigation ul.menu > li > a {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
	}

	.asc-chrome-context .site-header-cart .cart-contents {
		padding: 1.1em 0;
	}
}

/* Legacy selectors — fallback when body.asc-chrome-context is absent */
.storefront-breadcrumb {
	margin: 0 0 0.8em !important;
	padding: var(--asc-spacing-sm) 0 !important;
	background-color: var(--asc-color-bg-alt);
}

#site-navigation-menu-toggle,
.menu-toggle {
	font-family: var(--asc-font-family) !important;
}

.asc-chrome-context .woocommerce-message .button,
.asc-chrome-context .woocommerce-info .button,
.asc-chrome-context .woocommerce-error .button,
.asc-chrome-context .woocommerce-noreviews .button,
.asc-chrome-context p.no-comments .button {
	float: left;
	padding: var(--asc-spacing-xs) var(--asc-spacing-lg);
	min-height: var(--asc-touch-min);
	background: var(--asc-color-bg-alt);
	color: var(--asc-color-primary);
	box-shadow: none;
	line-height: 1.618;
	border-width: 0;
	border-radius: 0;
	margin-top: var(--asc-spacing-xs);
}

.wc-block-product-filters__overlay-header,
.wc-block-product-filters__overlay-header button,
.wc-block-product-filters__overlay-footer,
.wc-block-product-filters__overlay-footer button {
	font-family: var(--asc-font-family);
}

.asc-chrome-context .wc-forward::after,
.asc-chrome-context .woocommerce-Button--next::after {
	display: none;
}

.wc-forward::after,
.woocommerce-Button--next::after {
	display: none !important;
}