/**
 * Pictos équipements villa — version simple et robuste.
 * Grille fixe : 4 colonnes desktop, 2 colonnes mobile.
 *
 * Customisation :
 *   :root {
 *     --clv-equip-icon-color: #b8a067;
 *     --clv-equip-icon-size: 28px;
 *     --clv-equip-label-color: #555;
 *   }
 */

.clv-equip-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem 1rem;
}

@media (max-width: 768px) {
	.clv-equip-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

.clv-equip-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.55rem;
	line-height: 1.3;
	list-style: none;
	padding: 0;
	margin: 0;
}

.clv-equip-item::before,
.clv-equip-item::marker {
	content: none;
	display: none;
}

.clv-equip-icon {
	display: block;
	width: var(--clv-equip-icon-size, 28px);
	height: var(--clv-equip-icon-size, 28px);
	color: var(--clv-equip-icon-color, currentColor);
	flex-shrink: 0;
}

.clv-equip-label {
	font-size: 0.8125rem;
	color: var(--clv-equip-label-color, inherit);
	letter-spacing: 0.01em;
}

/* Variante compacte : pictos seuls, sans labels */
.clv-equip-list.is-compact {
	grid-template-columns: repeat(auto-fit, 36px);
	gap: 0.6rem;
}
.clv-equip-list.is-compact .clv-equip-icon {
	width: 22px;
	height: 22px;
}
.clv-equip-list .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}

/* ────────────────────────────────────────────────────────────
   Liste texte (shortcode [clv_villa_equipments_list])
   ────────────────────────────────────────────────────────── */

.clv-equip-text-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem 1.5rem;
}

@media (max-width: 768px) {
	.clv-equip-text-list {
		grid-template-columns: 1fr;
	}
}

.clv-equip-text-item {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--clv-equip-label-color, inherit);
	list-style: none;
}

.clv-equip-text-inline {
	font-size: 0.875rem;
	line-height: 1.7;
	color: var(--clv-equip-label-color, inherit);
	margin: 0;
}
