/* Read more kiểu Tripadvisor: thu còn --vo-readmore-lines dòng, "…Read more" (cỡ = link guide, gạch chân khi rê chuột) nằm cuối dòng cuối (nền trắng che chữ phía sau), bấm là mở / đóng ngay, không chuyển động.
   view.js đo đáy dòng thứ N (--_clamp) và chiều cao dòng (--_lh) vì Overview có nhiều đoạn, danh sách. */
.vo-readmore { --vo-readmore-lines: 3; position: relative; }
.vo-readmore.is-clamped:not(.is-open) .vo-readmore__body { max-height: var(--_clamp); overflow: hidden; }
/* Thu sẵn trước khi readmore.js chạy (module, chạy sau lần vẽ đầu). Không có dòng này thì Overview hiện đủ rồi mới co lại
   (~750px trên điện thoại): mọi thứ bên dưới nhảy lên, lúc reload trình duyệt khôi phục vị trí trên trang chưa co nên lệch xuống 1 section */
.vo-readmore:not(.is-ready) .vo-readmore__body { max-height: calc(var(--vo-readmore-lines) * 1lh); overflow: hidden; }
.vo-readmore__toggle {
	padding: 0;
	border: 0;
	background: none;
	color: var(--vo-ink);
	font: inherit;
	font-size: var(--vo-fs-sm);                     /* = .vo-pill-link (button.css) */
	font-weight: var(--vo-nav-fw);
	line-height: inherit;
	cursor: pointer;
}
.vo-readmore__label { text-decoration-color: var(--vo-primary); text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.vo-readmore.is-clamped:not(.is-open) .vo-readmore__toggle {
	position: absolute;
	right: 0;
	top: calc(var(--_clamp) - var(--_lh));
	height: var(--_lh);
	padding-left: 2.5em;
	background: linear-gradient(to right, transparent, var(--vo-surface) 2em);   /* che chữ dòng cuối phía sau nút */
}
.vo-readmore__dots { margin-right: .2em; font-weight: 400; }
.vo-readmore.is-open .vo-readmore__dots { display: none; }
.vo-readmore.is-open .vo-readmore__toggle { margin-top: var(--vo-space-2); }
@media (hover: hover) {
	.vo-readmore__toggle:hover .vo-readmore__label { text-decoration-line: underline; }   /* như .vo-pill-link: chỉ gạch chân khi rê chuột */
}
/* Chữ đọc = màu chữ card Where to stay (.vo-area__text) = --vo-muted; cỡ = Overview trang region */
/* màu + cỡ chữ: .vo-prose (layout.css) */

/* Mũi tên sau chữ: xuống = Read more, lên = Read less */
.vo-readmore__toggle .vo-icon { margin-left: var(--vo-space-1); transition: transform var(--vo-dur-fast) var(--vo-ease); }
.vo-readmore.is-open .vo-readmore__toggle .vo-icon { transform: rotate(180deg); }