/* Layout shell for single villa template (main + sidebar). */

.ibv-villa-detail__container {
	padding-block: var(--ibv-space-xl);
}

.ibv-villa-detail__grid {
	display: grid;
	/* Implicit tracks size to max-content and blow out the page on a
	   390px phone (main + sidebar min-content ~478px). One flexible
	   column below the desktop split; items can shrink. */
	grid-template-columns: minmax(0, 1fr);
	width: auto;
	min-width: 0;
}

@media (min-width: 64rem) {
	.ibv-villa-detail__grid {
		grid-template-columns: minmax(0, 1fr) min(20.625rem, 34%);
		align-items: start;
	}
}

.ibv-villa-detail__main {
	display: flex;
	flex-direction: column;
	gap: var(--ibv-space-lg);
	min-width: 0;
	width: auto;
}

/* Villa singles get a roomier gap between the main-column sections.
   Deliberately a modifier: accommodation pages (page-accommodation.php)
   reuse this shell and their price-to-gallery spacing is calibrated
   against the 24px base gap (see accommodation-overview.css).
   NOTE: .ibv-villa-overview's padding-block-start must match this value —
   it splits its top-divider gap equally (see villa-overview.css). */
.ibv-villa-detail__main--villa {
	gap: var(--ibv-space-2xl);
}

.ibv-villa-detail__sidebar {
	min-width: 0;
	width: auto;
}