/*
Theme Name: Kick Nova
Theme URI: https://kicknova.pk
Description: Custom child theme for the Kick Nova premium sneaker store, built on Twenty Twenty-Five.
Author: Kick Nova
Template: twentytwentyfive
Version: 1.0.0
Text Domain: kicknova
*/

/* ==========================================================================
   Header / Navigation — Kick Nova
   ========================================================================== */

.kicknova-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: var(--wp--preset--color--pure-white);
	border-bottom: 1px solid var(--wp--preset--color--hairline-grey);
	padding-top: var(--wp--preset--spacing--xs);
	padding-bottom: var(--wp--preset--spacing--xs);
	padding-left: var(--wp--preset--spacing--s);
	padding-right: var(--wp--preset--spacing--s);
}

.kicknova-header__nav .wp-block-navigation-item a {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.kicknova-header__actions {
	gap: var(--wp--preset--spacing--2xs);
}

.kicknova-header__search {
	max-width: 220px;
}

.kicknova-header a:focus-visible,
.kicknova-header button:focus-visible,
.kicknova-header input:focus-visible {
	outline: 2px solid var(--wp--preset--color--nova-red);
	outline-offset: 2px;
}

@media (max-width: 781px) {
	.kicknova-header__search,
	.kicknova-header__account {
		display: none;
	}
}

/* ==========================================================================
   Homepage — Kick Nova
   ========================================================================== */

.kicknova-hero {
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--s);
	text-align: center;
}

.kicknova-hero__media {
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--wp--preset--color--off-white);
	border: 1px dashed var(--wp--preset--color--hairline-grey);
	margin-bottom: var(--wp--preset--spacing--m);
	padding: var(--wp--preset--spacing--s);
}

.kicknova-hero__media-note {
	color: var(--wp--preset--color--stone-grey);
	font-size: var(--wp--preset--font-size--small);
	max-width: 480px;
	margin: 0 auto;
}

.kicknova-hero__subtitle {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	color: var(--wp--preset--color--charcoal);
}

.kicknova-hero__ctas {
	justify-content: center;
	margin-top: var(--wp--preset--spacing--s);
}

.kicknova-section {
	padding: var(--wp--preset--spacing--l) var(--wp--preset--spacing--s);
}

.kicknova-section--muted {
	background-color: var(--wp--preset--color--off-white);
}

.kicknova-why {
	margin-top: var(--wp--preset--spacing--s);
	gap: var(--wp--preset--spacing--m);
}

.kicknova-categories .wp-block-woocommerce-product-categories {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--wp--preset--spacing--s);
	list-style: none;
	padding: 0;
	margin-top: var(--wp--preset--spacing--s);
}

.kicknova-final-cta {
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--s);
	text-align: center;
	background-color: var(--wp--preset--color--off-black);
	color: var(--wp--preset--color--pure-white);
}

.kicknova-final-cta h2 {
	color: var(--wp--preset--color--pure-white);
}

/* ==========================================================================
   Footer — Kick Nova
   ========================================================================== */

.kicknova-footer {
	padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--s);
	border-top: 1px solid var(--wp--preset--color--hairline-grey);
	gap: var(--wp--preset--spacing--s);
}

.kicknova-footer__nav .wp-block-navigation-item a,
.kicknova-footer__social .wp-block-navigation-item a {
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

@media (max-width: 781px) {
	.kicknova-footer {
		flex-direction: column;
		align-items: flex-start;
	}
}