/**
 * HiGuppy Shop Gutenberg sections.
 *
 * @package HiGuppy
 * @since 1.5.0
 */

body.woocommerce-shop .higuppy-shop-gb-shell,
body.post-type-archive-product .higuppy-shop-gb-shell,
body.tax-product_cat .higuppy-shop-gb-shell,
body.tax-product_tag .higuppy-shop-gb-shell {
	display: grid;
	gap: 18px;
	margin: 0 0 20px;
}

.higuppy-shop-breadcrumb {
	background: linear-gradient(135deg, #eaf6ff 0%, #ffffff 100%);
	border: 1px solid rgba(23, 71, 184, 0.1);
	border-radius: 16px;
	padding: 10px 16px;
}

.higuppy-shop-breadcrumb .woocommerce-breadcrumb {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #667085;
}

body.woocommerce-shop .higuppy-shop-gb-shell .higuppy-shop-hero {
	margin: 0;
}

body.woocommerce-shop .higuppy-shop-gb-shell .higuppy-shop-hero__meta {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.woocommerce-shop .higuppy-shop-gb-shell .higuppy-shop-hero__meta li {
	background: rgba(23, 71, 184, 0.08);
	color: #0e2f86;
	font-size: 12px;
	font-weight: 700;
	padding: 7px 12px;
	border-radius: 999px;
}

body.woocommerce-shop .higuppy-shop-gb-shell .higuppy-shop-intro__badges,
body.woocommerce-shop .higuppy-shop-footer-shell .higuppy-shop-intro__badges {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body.woocommerce-shop .higuppy-shop-gb-shell .higuppy-shop-intro__badge,
body.woocommerce-shop .higuppy-shop-footer-shell .higuppy-shop-intro__badge {
	display: inline-flex;
	align-items: center;
	padding: 9px 14px;
	border-radius: 999px;
	border: 1px solid #e3ebf7;
	background: #fff;
	color: #1747b8;
	font-size: 13px;
	font-weight: 700;
}

.higuppy-shop-promo {
	background: linear-gradient(130deg, #0e2f86 0%, #1747b8 65%, #2d67d7 100%);
	border-radius: 24px;
	padding: clamp(18px, 3vw, 28px);
	color: #fff;
	box-shadow: 0 18px 45px rgba(23, 71, 184, 0.14);
}

.higuppy-shop-promo h2,
.higuppy-shop-promo p {
	color: inherit;
}

.higuppy-shop-promo .wp-block-buttons {
	margin-top: 12px;
	gap: 10px;
}

.higuppy-shop-promo__btn .wp-block-button__link {
	border-radius: 999px;
	font-weight: 800;
	background: #fdbb2d;
	color: #13203a;
	border: 0;
}

.higuppy-shop-promo__btn--ghost .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.65);
}

@media (max-width: 767px) {
	.higuppy-shop-promo {
		border-radius: 18px;
	}
}

/* Footer marketing + hero (below the product grid). */
.higuppy-shop-footer-shell {
	max-width: 1160px;
	margin: 34px auto 20px;
	padding: 0 16px;
	display: grid;
	gap: 18px;
}

.higuppy-shop-footer-marketing {
	display: grid;
	gap: 18px;
}

.higuppy-shop-gb-shell--top {
	margin: 0;
	padding: 0;
}

body.woocommerce-shop .higuppy-shop-gb-shell--top .higuppy-shop-breadcrumb,
body.post-type-archive-product .higuppy-shop-gb-shell--top .higuppy-shop-breadcrumb,
body.tax-product_cat .higuppy-shop-gb-shell--top .higuppy-shop-breadcrumb {
	display: none;
}

.higuppy-shop-footer-shell .higuppy-shop-intro {
	margin: 0;
	padding: 0;
}

.higuppy-shop-hero.higuppy-shop-hero--footer {
	margin: 0;
}

.higuppy-shop-hero.higuppy-shop-hero--footer h2 {
	margin: 0 0 12px;
	font-size: clamp(1.5rem, 3.4vw, 2.1rem);
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #1747b8;
}

@media (max-width: 767px) {
	.higuppy-shop-footer-shell {
		margin-top: 22px;
		padding: 0 10px;
	}
}