/* Panier Idéal — styles complémentaires au theme.json */

/* Sur-titres */
.pi-eyebrow {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin: 0;
}

/* En-tête collant */
.pi-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(1.2) blur(8px);
	background-color: rgba(250, 247, 242, 0.92) !important;
}
.admin-bar .pi-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .pi-header { top: 46px; } }
.pi-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-1); }
.pi-topbar p { margin: 0; }

/* Hero */
.pi-hero h1 { font-weight: 500; }
.pi-hero .pi-eyebrow { opacity: 0.85; }
.pi-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(31,28,25,.72) 0%, rgba(31,28,25,.35) 55%, rgba(31,28,25,.05) 100%) !important; opacity: 1 !important; }
.pi-btn-light .wp-block-button__link:hover { background: var(--wp--preset--color--accent-1) !important; color: #fff !important; }
.pi-btn-ghost .wp-block-button__link {
	color: var(--wp--preset--color--base) !important;
	border: 1px solid rgba(250, 247, 242, 0.6) !important;
	background: transparent !important;
}
.pi-btn-ghost .wp-block-button__link:hover { background: rgba(250, 247, 242, 0.12) !important; }

/* Bandeau réassurance */
.pi-usp .wp-block-column { text-align: center; }
.pi-usp p { margin: 0; }
.pi-usp-title { font-weight: 700; font-size: 0.9375rem; }
.pi-usp-text { font-size: 0.8125rem; color: var(--wp--preset--color--accent-3); margin-top: 0.2rem !important; }
@media (max-width: 781px) {
	.pi-usp .wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
}

/* Grilles produits (accueil, boutique, catégories) */
.wc-block-product-template .wc-block-components-product-image,
.wp-block-woocommerce-product-image {
	border-radius: 14px;
	overflow: hidden;
	background: var(--wp--preset--color--accent-2);
}
.wc-block-product-template .wc-block-components-product-image img,
.wp-block-woocommerce-product-image img {
	transition: transform 0.6s cubic-bezier(.2,.7,.2,1);
	object-fit: cover;
}
.wc-block-product:hover .wc-block-components-product-image img,
.wc-block-product:hover .wp-block-woocommerce-product-image img { transform: scale(1.04); }
.wc-block-product .wp-block-post-title a { text-decoration: none; }
.wc-block-product .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-1); }
.wc-block-product .wc-block-components-product-price { color: var(--wp--preset--color--accent-3); }
@media (max-width: 781px) {
	.pi-products .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Section histoire */
.pi-media-text { min-height: 560px; }
.pi-story h2 em { color: var(--wp--preset--color--accent-1); font-style: italic; }

/* Tuiles catégories */
.pi-cat { border-radius: 16px; overflow: hidden; }
.pi-cat .wp-block-cover__image-background { transition: transform 0.7s cubic-bezier(.2,.7,.2,1); }
.pi-cat:hover .wp-block-cover__image-background { transform: scale(1.05); }
.pi-cat h3 a { text-decoration: none; color: inherit; }
.pi-cat h3 a::after { content: ""; position: absolute; inset: 0; }
.pi-cat h3 { font-size: 1.625rem; }

/* Pied de page */
.pi-footer a { color: var(--wp--preset--color--accent-4); text-decoration: none; }
.pi-footer a:hover { color: #fff; }
.pi-footer .wp-block-site-title a { color: var(--wp--preset--color--base); }
.pi-footer-title {
	font-family: var(--wp--preset--font-family--manrope) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--base) !important;
}
.pi-footer-links { list-style: none; padding: 0; font-size: 0.9375rem; }
.pi-footer-links li { margin-bottom: 0.5rem; }
.pi-footer-sep { border-color: rgba(226, 217, 204, 0.18) !important; opacity: 1; }

/* Fiche produit */
.single-product .wp-block-woocommerce-product-image-gallery img,
.single-product .woocommerce-product-gallery img { border-radius: 14px; }
.single-product .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); }
.woocommerce div.product form.cart .variations select {
	border: 1px solid var(--wp--preset--color--accent-4);
	border-radius: 10px;
	padding: 0.6rem 0.8rem;
	background: #fff;
}
.woocommerce div.product form.cart .button,
.wc-block-components-button:not(.is-link) {
	border-radius: 999px !important;
}
.woocommerce .quantity .qty { border-radius: 10px; border: 1px solid var(--wp--preset--color--accent-4); padding: 0.55rem; }

/* Pages */
.pi-page-hero h1 { margin: 0; }

/* Tri boutique */
.woocommerce-ordering select,
.wc-block-catalog-sorting select {
	appearance: none;
	border: 1px solid var(--wp--preset--color--accent-4);
	border-radius: 999px;
	padding: 0.55rem 2.4rem 0.55rem 1rem;
	font: inherit;
	font-size: 0.875rem;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231F1C19' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 1rem center;
	color: var(--wp--preset--color--contrast);
}
.woocommerce-result-count { color: var(--wp--preset--color--accent-3); font-size: 0.875rem; }

/* Image large des pages de contenu */
.page .wp-block-post-content .wp-block-image.alignwide img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; border-radius: 16px; }

@media (max-width: 600px) {
	.pi-hero h1 { font-size: 2.4rem !important; }
	.pi-header .wp-block-group { gap: 1rem !important; }
}