/*
Theme Name: POPi
Theme URI: https://www.instagram.com/hey_its_popii/
Description: Minimal, editorial shop theme for POPi. Built on Twenty Twenty-Five.
Author: POPi
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.7
Text Domain: popi
*/

/* Header: menu left, logo centre, cart right */
.wp-block-group.popi-header {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
}
.wp-block-group.popi-header > :first-child { justify-self: start; }
.wp-block-group.popi-header > :last-child { justify-self: end; }
.popi-logo img { display: block; }

/* Small uppercase labels */
.popi-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 0.75rem !important;
}

/* WooCommerce product grids (shortcode + classic output) */
.woocommerce ul.products li.product a img,
.wc-block-components-product-image img {
	background: #EDEDED;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	width: 100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 0.9rem !important;
	font-weight: 400;
	padding-top: 0.75rem !important;
}
.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--contrast) !important;
	font-size: 0.9rem !important;
	font-weight: 400;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
	border-radius: 0 !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	padding: 0.9rem 1.6rem !important;
}
.woocommerce ul.products li.product .button { display: none; } /* cleaner grid: click the product to choose size */
.woocommerce span.onsale { background: var(--wp--preset--color--contrast); }

/* No gap between last section and footer */
footer.wp-block-template-part { margin-top: 0 !important; }
.wc-block-components-product-image, .wc-block-components-product-image img { background: #EDEDED; }
.wp-block-woocommerce-product-collection .wp-block-post-title { font-weight: 400; letter-spacing: 0; }
.wp-block-woocommerce-product-collection .wp-block-post-title a { text-decoration: none; }
.single-product .wp-block-post-title { font-size: clamp(1.6rem, 3vw, 2.2rem) !important; }

/* Homepage hero: photo left, text right; stacked on phones */
.popi-hero .popi-hero-img { margin: 0; }
.popi-hero .popi-hero-img img { width: 100%; height: 88vh; object-fit: cover; object-position: center 35%; display: block; }
.popi-hero .popi-hero-text { padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); }
.popi-hero .popi-hero-text p:not(.popi-eyebrow) { max-width: 26rem; }
@media (max-width: 781px) {
	.popi-hero .popi-hero-img img { height: 70vh; }
	.popi-hero .popi-hero-text { padding: var(--wp--preset--spacing--50); }
}
.wp-block-columns.popi-hero.has-background { padding: 0 !important; }