/* =========================================================
   Yoga Vacation page – extra styles
   Loads after iys-home.css, iys-ttc.css and iys-hatha.css.
   ========================================================= */

/* Hero offer strip */
.iys-vacation .vac-offers { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.iys-vacation .vac-offers li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-size: 14px; backdrop-filter: blur(4px); }
.iys-vacation .vac-offers i { color: var(--iys-secondary); }

/* My own sections inside the .iys-home wrapper: keep the course-page spacing + headings */
.iys-vacation .iys-home > section:not(.iys-section) { padding: 88px 0; }
.iys-vacation .iys-home .section-title { margin-bottom: 10px; }
.iys-vacation .iys-home .iys-pillars { padding: 0; }
.iys-vacation .iys-home .check-list,
.iys-vacation .iys-home .x-list { padding-left: 0; }
.iys-vacation .iys-home .section-title + .iys-divider { justify-content: flex-start; }
.iys-vacation .iys-home .text-center .section-title + .iys-divider { justify-content: center; }
.iys-vacation .iys-home .timeline .tl-item summary { list-style: none; }

/* Home CSS has its own mini grid without .col-6 – add it for the 2-up cards on phones */
.iys-vacation .iys-home .row > .col-6 { flex: 0 0 auto; width: 50%; }

/* Packages */
.iys-vacation .iys-courses { background: #fff; }
.iys-vacation .vac-note { max-width: 860px; margin-left: auto; margin-right: auto; padding: 14px 20px; border-radius: var(--iys-radius-sm); background: rgba(255, 218, 107, .25); font-size: 15px; }
.vac-note i { color: var(--iys-gold); }

/* Included / not included */
.vac-box-title { display: flex; align-items: center; gap: 10px; font-size: 26px; margin-bottom: 18px; }
.vac-box-title i { color: var(--iys-primary); font-size: 24px; }
.vac-box-title--muted i { color: #c0645b; }

/* Comparison table */
.vac-compare { overflow: hidden; padding: 0; }
.vac-compare .table { --bs-table-bg: transparent; font-size: 15px; }
.vac-compare thead th { background: var(--iys-primary); color: #fff; font-family: var(--iys-ff-slab); font-weight: 500; white-space: nowrap; padding: 14px 18px; border: 0; }
.vac-compare tbody th, .vac-compare tbody td { padding: 14px 18px; border-color: var(--iys-line); white-space: nowrap; }
.vac-compare tbody tr:nth-child(even) { background: var(--iys-cream); }
.vac-compare tbody th a { font-family: var(--iys-ff-head); font-size: 19px; font-weight: 600; color: var(--iys-text); }
.vac-compare tbody td strong { color: var(--iys-primary); font-size: 17px; }

@media (max-width: 767px) {
	.iys-vacation .iys-home > section:not(.iys-section) { padding: 64px 0; }
	.iys-vacation .vac-offers li { font-size: 13px; padding: 7px 12px; border-radius: 12px; }
	.vac-box-title { font-size: 22px; }
}