/**
 * Titres pages Woo panier / checkout — alignés sur le H1 catégorie.
 *
 * Référence : .techniconcept-shop-listing__header (woocommerce-listing.css).
 * Shell = même container site (--tc-container-pad-inline-*).
 */

.techniconcept-shop-page {
	background: var(--wp--preset--color--background);
	/*
	 * Même gutters que le listing (.techniconcept-shop-listing__shell)
	 * et le chrome site (--tc-container-pad-inline-*).
	 */
	padding-block: var(--wp--preset--spacing--50, 1.5rem)
		calc(var(--wp--preset--spacing--50, 1.5rem) + 1.125rem);
	/* Annule le max-width contentSize du layout constrained FSE. */
	max-width: none !important;
	width: 100% !important;
	padding-inline: var(
			--tc-container-pad-inline-start,
			var(--wp--style--root--padding-left, 1.5rem)
		)
		var(
			--tc-container-pad-inline-end,
			var(--wp--style--root--padding-right, 1.5rem)
		) !important;
	margin-inline: 0 !important;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.techniconcept-shop-page {
		padding-block-end: calc(var(--wp--preset--spacing--60, 2rem) + 1.125rem);
	}
}

.techniconcept-shop-page__header,
.techniconcept-shop-page .alignwide,
.techniconcept-shop-page > .wp-block-post-content {
	max-width: none !important;
	width: 100% !important;
	margin-inline: 0 !important;
	padding-inline: 0;
}

.techniconcept-shop-page__header {
	margin: 0 0 var(--wp--preset--spacing--50, 1.5rem);
	text-align: left;
}

/* Fil d'Ariane panier / checkout — body (prime sur has-small-font-size du bloc) */
.techniconcept-shop-page .woocommerce-breadcrumb,
.techniconcept-shop-page .wc-block-breadcrumbs,
.techniconcept-shop-page .wp-block-woocommerce-breadcrumbs {
	margin: 0 0 1.125rem;
	font-size: var(--wp--preset--font-size--body, 1rem) !important;
	color: var(--wp--preset--color--on-background);
	text-align: left;
}

.techniconcept-shop-page .woocommerce-breadcrumb a,
.techniconcept-shop-page .wc-block-breadcrumbs a {
	color: var(--wp--preset--color--on-background);
	font-weight: 400;
	text-decoration: none;
}

.techniconcept-shop-page .woocommerce-breadcrumb a:hover,
.techniconcept-shop-page .wc-block-breadcrumbs a:hover {
	text-decoration: underline;
}

.techniconcept-shop-page .woocommerce-breadcrumb .techniconcept-breadcrumb__crumb:last-child,
.techniconcept-shop-page .wc-block-breadcrumbs .techniconcept-breadcrumb__crumb:last-child {
	color: var(--wp--preset--color--promo, #287d63);
	font-weight: 400;
}

.techniconcept-shop-page > :last-child {
	margin-bottom: 0 !important;
}

.techniconcept-shop-page__header .wp-block-post-title,
.techniconcept-shop-page__header h1.wp-block-post-title {
	margin: 0 0 var(--wp--preset--spacing--30, 0.75rem);
	padding: 0;
	max-width: none;
	font-family: var(--wp--preset--font-family--suisse-intl);
	font-size: var(--wp--preset--font-size--display, 2.25rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--wp--preset--color--on-background);
	text-align: left;
}

/* Filet : templates Woo sans classe thème (max-width Woo ~1000px). */
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title {
	font-family: var(--wp--preset--font-family--suisse-intl);
	font-size: var(--wp--preset--font-size--display, 2.25rem);
	font-weight: 700;
	line-height: 1.1;
}
