/* Khối Thông tin – policies/icon-cards (dạng hàng). Mobile trước, mốc 640px / 1024px. */

.vh-policies {
	display: grid;
	gap: var(--vh-card-gap);
}

/* Hàng giờ nhận/trả phòng: nằm đầu, nền tint để dễ thấy. */
.vh-policies__times {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	margin: 0;
	padding: var(--vh-card-pad);
	list-style: none;
	border-radius: var(--vh-radius-card);
	background: var(--vh-color-accent);
	color: var(--vh-color-text);
}

.vh-policies__time {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: 0.75rem;
	flex: 1 1 9rem;
}

.vh-policies__time .vh-policies__ic {
	grid-row: span 2;
	background: var(--vh-color-card);
}

.vh-policies__time-label {
	font-size: var(--vh-fs-small);
	color: var(--vh-color-text);
}

.vh-policies__time-value {
	font-family: var(--vh-font-heading);
	font-size: var(--vh-fs-h3);
	font-weight: var(--vh-fw-bold);
	line-height: var(--vh-lh-heading);
	font-variant-numeric: tabular-nums;
	color: var(--vh-color-text);
}

/* Biểu tượng trong vòng tròn 48px nền surface, nét cam. */
.vh-policies__ic {
	flex: none;
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--vh-color-surface);
	color: var(--vh-color-primary);
}

.vh-policies__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--vh-card-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.vh-policies__card {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	min-width: 0;
	padding: var(--vh-card-pad);
	background: var(--vh-color-card);
	color: var(--vh-color-text);
	border: 1px solid var(--vh-color-border);
	border-radius: var(--vh-radius-card);
}

.vh-policies__body {
	display: grid;
	gap: 0.25rem;
	min-width: 0;
}

.vh-policies__title {
	margin: 0;
	font-family: var(--vh-font-heading);
	font-size: var(--vh-fs-h3);
	font-weight: var(--vh-fw-bold);
	line-height: var(--vh-lh-heading);
	color: var(--vh-color-text);
}

.vh-policies__text {
	margin: 0;
	font-size: var(--vh-fs-body);
	line-height: var(--vh-lh-body);
	color: var(--vh-color-muted);
}

.vh-policies__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5rem;
	margin: 0;
}

.vh-policies__link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	min-height: 48px;
	color: var(--vh-color-primary);
	font-weight: var(--vh-fw-medium);
}

.vh-policies__link:hover {
	color: var(--vh-color-primary-hover);
}

.vh-policies__link:focus-visible {
	outline: 3px solid var(--vh-color-focus);
	outline-offset: 2px;
	border-radius: var(--vh-radius-chip);
}

@media (min-width: 640px) {
	.vh-policies__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.vh-policies__times {
		gap: 1rem 3rem;
	}

	.vh-policies__time {
		flex: 0 1 auto;
	}
}