/**
 * Theme Name: Primenous Astra Child
 * Theme URI: https://primenous.com/
 * Description: Update-safe child theme for the Primenous storefront redesign.
 * Author: Primenous Studio
 * Template: astra
 * Version: 1.0.0
 * Text Domain: astra-primenous
 */

:root {
	--primenous-ink: #0a0a0a;
	--primenous-paper: #f7f5f1;
	--primenous-graphite: #343434;
	--primenous-accent: #9e1b24;
	--primenous-border: rgba(10, 10, 10, 0.16);
	--primenous-space-xs: 0.5rem;
	--primenous-space-sm: 1rem;
	--primenous-space-md: 2rem;
	--primenous-space-lg: clamp(3rem, 7vw, 7rem);
	--primenous-content: 88rem;
}

/* Shared Astra shell for every redesigned front-end template. */
body #ast-desktop-header .site-primary-header-wrap {
	max-width: none;
	padding-inline: clamp(1.25rem, 3vw, 3rem);
}

body #ast-desktop-header .ast-builder-grid-row {
	grid-template-columns: auto minmax(0, 1fr) auto;
	column-gap: clamp(1.5rem, 3vw, 3.5rem);
	min-height: 88px;
}

body #ast-desktop-header .site-header-primary-section-center {
	grid-column: 1;
	grid-row: 1;
}

body #ast-desktop-header .site-header-primary-section-left {
	grid-column: 2;
	grid-row: 1;
}

body #ast-desktop-header .site-header-primary-section-right {
	grid-column: 3;
	grid-row: 1;
}

body #ast-desktop-header .main-header-menu {
	flex-wrap: nowrap;
}

body #ast-desktop-header .main-header-menu > .menu-item > .menu-link {
	padding-inline: clamp(0.45rem, 0.85vw, 0.85rem);
	font-size: clamp(0.67rem, 0.75vw, 0.78rem);
	font-weight: 600;
	letter-spacing: 0.035em;
	white-space: nowrap;
}

body #ast-desktop-header .site-logo-img img {
	width: 128px;
}

body .ast-woo-header-cart-total,
body .ast-header-account,
body .site-title {
	display: none;
}

body .ast-mobile-menu-trigger-minimal {
	min-width: 44px;
	min-height: 44px;
}

body .site-primary-footer-wrap {
	padding: 0;
	background: var(--primenous-ink);
}

body .site-primary-footer-wrap .ast-builder-grid-row-container-inner {
	width: min(100% - 3rem, var(--primenous-content));
	margin-inline: auto;
	padding-block: clamp(4rem, 8vw, 7rem);
}

@media (max-width: 544px) {
	body #ast-mobile-header .site-primary-header-wrap,
	body #ast-mobile-header .ast-builder-grid-row {
		width: 100%;
		max-width: 100%;
	}

	body #ast-mobile-header .site-primary-header-wrap {
		padding-inline: 1rem;
	}

	body #ast-mobile-header .ast-builder-grid-row {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	body #ast-mobile-header .site-logo-img img {
		width: 104px;
		max-width: 104px;
	}
}