/* ==========================================================
   WALDO'S WARES — responsive.css
   Mobile-first breakpoints
   ========================================================== */

/* ----------------------------------------------------------
   HEADER — mobile
   ---------------------------------------------------------- */
@media (max-width: 768px) {
	.ww-header__toggle {
		display: flex;
	}

	.ww-header__nav {
		display: none;
		position: absolute;
		top: 72px;
		left: 0;
		right: 0;
		background-color: var(--dark-ember);
		border-bottom: 1px solid var(--burnt-walnut);
		z-index: 9998;
	}

	.ww-header__nav.ww-nav--open {
		display: block;
	}

	.ww-nav-list {
		flex-direction: column;
		gap: 0;
		padding: 16px 0;
	}

	.ww-nav-list li a {
		display: block;
		padding: 12px 32px;
		font-size: 14px;
	}

	.ww-header__inner {
		padding: 0 20px;
	}
}

/* ----------------------------------------------------------
   FOOTER — mobile
   ---------------------------------------------------------- */
@media (max-width: 640px) {
	.ww-footer__inner {
		flex-direction: column;
		gap: 24px;
		padding: 32px 24px;
		text-align: center;
	}

	.ww-footer__social {
		flex-wrap: wrap;
		justify-content: center;
	}

	.ww-footer__bottom {
		padding: 16px 24px;
	}
}

/* ----------------------------------------------------------
   TABLET — max 1024px
   ---------------------------------------------------------- */
@media (max-width: 1024px) {
	.ww-featured__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ww-footer-widgets__inner {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	.ww-about__intro {
		grid-template-columns: 1fr;
	}

	.ww-about__photo {
		max-width: 280px;
		margin: 0 auto;
		display: block;
	}
}

/* ----------------------------------------------------------
   MOBILE — max 768px
   ---------------------------------------------------------- */
@media (max-width: 768px) {
	/* Hero */

	.ww-hero__title {
		font-size: 1.8rem;
	}

	/* Featured products */
	.ww-featured__grid {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	/* Differentiators */
	.ww-differentiators__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	/* Testimonials */
	.ww-testimonials__grid {
		grid-template-columns: 1fr;
	}

	/* Footer */
	.ww-footer-widgets__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.ww-footer-social {
		flex-wrap: wrap;
	}

	/* About */
	.ww-about {
		margin: 40px auto;
	}

	/* WooCommerce shop — 2 columns on tablet */
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* ----------------------------------------------------------
   SMALL MOBILE — max 480px
   ---------------------------------------------------------- */
@media (max-width: 480px) {
	.ww-featured__grid {
		grid-template-columns: 1fr;
	}

	.ww-hero__cta {
		padding: 12px 28px;
		font-size: 13px;
	}

	.ww-maker {
		padding: 56px 20px;
	}

	.ww-featured,
	.ww-differentiators,
	.ww-testimonials {
		padding: 56px 20px;
	}

	/* WooCommerce shop — 1 column on small mobile */
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: 1fr !important;
	}
}