/* Public layout for [espaces_tableau]. Isolated from [iruak_locataires]. */
@media (min-width: 901px) {
	body.page-id-205 .shortcode-frame {
		width: 100%;
		max-width: none;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		overflow: visible;
		background: transparent;
		border: 0;
	}

	body.page-id-205 .espaces-container.iruak-spaces {
		width: 100%;
		max-width: none !important;
		margin: 0 !important;
	}

	body.page-id-205 .espaces-section.iruak-spaces__group {
		width: 100%;
		margin: 0 0 18px;
		overflow: hidden;
		border-radius: 14px;
	}

	body.page-id-205 .espaces-header {
		padding: 12px 20px;
	}

	body.page-id-205 .espaces-header .iruak-spaces__title {
		margin: 0;
		font: 700 18px/1.3 Manrope, Arial, sans-serif;
	}

	body.page-id-205 .espaces-table {
		width: 100%;
		table-layout: fixed;
	}

	body.page-id-205 .espaces-table th,
	body.page-id-205 .espaces-table td {
		padding: 11px 20px;
	}

	body.page-id-205 .espaces-table th:nth-child(1),
	body.page-id-205 .espaces-table td:nth-child(1) {
		width: 40%;
		text-align: left;
	}

	body.page-id-205 .espaces-table th:nth-child(n+2),
	body.page-id-205 .espaces-table td:nth-child(n+2) {
		width: 20%;
		text-align: center;
	}
}

@media (min-width: 641px) and (max-width: 900px) {
	body.page-id-205 .espaces-section.iruak-spaces__group { margin-bottom: 14px; }
	body.page-id-205 .espaces-header { padding: 12px 16px; }
	body.page-id-205 .espaces-header .iruak-spaces__title { margin: 0; font-size: 17px; line-height: 1.3; }
}

@media (max-width: 900px) {
	body.page-id-205 .shortcode-frame {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		overflow: visible;
		border: 0;
		background: transparent;
	}

	body.page-id-205 .espaces-container.iruak-spaces {
		width: 100%;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.page-id-205 .espaces-section.iruak-spaces__group {
		width: 100%;
		margin: 0 0 12px;
		overflow: hidden;
		border-radius: 12px;
	}

	body.page-id-205 .espaces-header { padding: 10px 13px; }
	body.page-id-205 .espaces-header .iruak-spaces__title { margin: 0; font-size: 16px; line-height: 1.25; }
	body.page-id-205 .espaces-table,
	body.page-id-205 .espaces-table tbody { display: block; width: 100%; }
	body.page-id-205 .espaces-table thead { display: none; }

	body.page-id-205 .espaces-table tr {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(170px, .75fr);
		grid-template-areas:
			"name surface"
			"price availability";
		align-items: center;
		gap: 7px 12px;
		width: 100%;
		margin: 0;
		padding: 10px 12px;
		background: #fff;
		border: 0;
		border-bottom: 1px solid var(--line);
		border-radius: 0;
		box-shadow: none;
	}

	body.page-id-205 .espaces-table tr:last-child { border-bottom: 0; }
	body.page-id-205 .espaces-table td {
		display: flex;
		align-items: center;
		gap: 5px;
		width: auto !important;
		min-width: 0;
		min-height: 0;
		padding: 0 !important;
		border: 0 !important;
		font-size: 12px;
		line-height: 1.25;
		white-space: normal;
	}

	body.page-id-205 .espaces-table td.nom-espace {
		grid-area: name;
		color: var(--deep);
		font-size: 13px;
		font-weight: 800;
	}

	body.page-id-205 .espaces-table td.superficie { grid-area: surface; justify-content: flex-end; text-align: right !important; }
	body.page-id-205 .espaces-table td:nth-child(3) { grid-area: price; }
	body.page-id-205 .espaces-table td:last-child { grid-area: availability; justify-content: flex-end; text-align: right !important; }
	body.page-id-205 .espaces-table tbody td:last-child { gap: 4px !important; padding: 0 !important; }
	body.page-id-205 .espaces-table td.nom-espace::before { display: none; }
	body.page-id-205 .espaces-table td:not(.nom-espace)::before {
		position: static;
		display: inline;
		width: auto;
		padding: 0;
		color: #64768a;
		content: attr(data-label) ":";
		font-size: 9px;
		font-weight: 700;
		line-height: 1.2;
		white-space: nowrap;
	}

	body.page-id-205 .prix-affichage,
	body.page-id-205 .disponibilite-affichage {
		flex: 0 0 auto !important;
		min-width: 0;
		max-width: 100%;
		margin: 0;
	}

	body.page-id-205 .prix-affichage {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 64px !important;
		padding: 4px 8px;
		font-size: 12px;
		white-space: nowrap;
	}
	body.page-id-205 .disponibilite-affichage { min-width: 60px !important; padding: 4px 8px; font-size: 9px; white-space: nowrap; }
}

@media (max-width: 350px) {
	body.page-id-205 .espaces-table tr {
		grid-template-columns: 1fr;
		grid-template-areas:
			"name"
			"surface"
			"price"
			"availability";
		gap: 6px;
	}

	body.page-id-205 .espaces-table td.superficie,
	body.page-id-205 .espaces-table td:last-child {
		justify-content: flex-start;
		text-align: left !important;
	}
}