/* ==========================================================================
   Boutique — mentions de prix et fiches du Guide des solutions cliniques
   (inc/boutique.php, contenus importés depuis content-import/boutique-2026)
   ========================================================================== */

/* « À partir de » / « la boîte de 24 » : discrets à côté du montant */
.idi-price-prefix,
.idi-price-suffix {
	color: var(--idi-shop-muted);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0;
}

.single-product div.product .summary .price {
	flex-wrap: wrap;
}

.single-product div.product .summary .idi-price-prefix,
.single-product div.product .summary .idi-price-suffix {
	font-size: 0.95rem;
}

/* Sélecteurs longs : la feuille WooCommerce impose 1em de marge aux <p> du résumé */
.woocommerce div.product div.summary p.idi-price-ht:has(+ .idi-price-note) {
	margin-bottom: 0.25rem;
}

.woocommerce div.product div.summary p.idi-price-note {
	margin: 0 0 1.35rem;
	color: var(--idi-shop-ink);
	font-size: 0.88rem;
	font-weight: 600;
}

/* Sections de la description : titres espacés, sous-titres, tableau technique */
.single-product .woocommerce-Tabs-panel--description > h3:not(:first-child) {
	margin-top: clamp(2rem, 4vw, 2.75rem);
}

.single-product .woocommerce-Tabs-panel--description > h4 {
	max-width: 72ch;
	margin: 1.4rem 0 0.4rem;
	color: var(--idi-shop-ink);
	font-size: 1rem;
	font-weight: 800;
}

.single-product .woocommerce-Tabs-panel--description > h3 + h4 {
	margin-top: 0;
}

/* Paragraphes : pas le grand rythme entre sections de page (.entry-content > *) */
.single-product .woocommerce-Tabs-panel--description > p:not(:first-of-type) {
	margin-top: 0;
}

.single-product .woocommerce-Tabs-panel--description > p.idi-desc-lead {
	max-width: 72ch;
	margin-bottom: 0.75rem;
}

.single-product .woocommerce-Tabs-panel--description .idi-desc-specs {
	width: 100%;
	max-width: 680px;
	margin: 0 0 clamp(1.75rem, 3.5vw, 2.75rem);
	border: 0;
	border-top: 1px solid var(--idi-shop-line);
	border-collapse: collapse;
}

.single-product .woocommerce-Tabs-panel--description .idi-desc-specs th,
.single-product .woocommerce-Tabs-panel--description .idi-desc-specs td {
	padding: 0.85rem 1rem;
	border: 0;
	border-bottom: 1px solid var(--idi-shop-line);
	font-size: 0.95rem;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.single-product .woocommerce-Tabs-panel--description .idi-desc-specs th {
	width: 42%;
	background: #f7f7f9;
	color: var(--idi-shop-muted);
	font-weight: 600;
}

.single-product .woocommerce-Tabs-panel--description .idi-desc-specs td {
	color: var(--idi-shop-ink);
	font-weight: 700;
}

/* Petites lignes (crédit-bail…) : pas l'encadré gras réservé aux notes après liste */
.single-product .woocommerce-Tabs-panel--description > p.idi-desc-note {
	max-width: 72ch;
	margin: -0.75rem 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--idi-shop-muted);
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.6;
}

.single-product .woocommerce-Tabs-panel--description .idi-desc-legal {
	max-width: 78ch;
	margin-top: clamp(2.25rem, 4.5vw, 3.25rem);
	padding-top: 1.1rem;
	border-top: 1px solid var(--idi-shop-line);
}

.single-product .woocommerce-Tabs-panel--description .idi-desc-legal p {
	margin: 0 0 0.35rem;
	color: var(--idi-shop-muted);
	font-size: 0.78rem;
	line-height: 1.6;
}

/* Galerie : en ligne (flex row), le diaporama des produits à plusieurs visuels rétrécissait la photo et poussait les vignettes à droite */
.single-product div.product .woocommerce-product-gallery {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

.single-product .woocommerce-product-gallery__image a {
	max-height: 540px;
}

/* Photo + vignettes regroupées (inc/boutique.php) : elles suivent la lecture du résumé, comme une photo seule */
.single-product .idi-gallery-stage {
	position: sticky;
	top: calc(2rem + var(--wp-admin--admin-bar--height, 0px));
}

.single-product div.product div.woocommerce-product-gallery ol.flex-control-thumbs {
	justify-content: center;
}

.single-product div.product div.woocommerce-product-gallery ol.flex-control-thumbs li {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	padding: 0;
}

.single-product div.product div.woocommerce-product-gallery ol.flex-control-thumbs li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}