/**
 * Travel Insights styles.
 *
 * Two scopes:
 *  1. Archive modifier (.evp-travel ...) — layered on evp-public.css, gives the
 *     section a slightly warmer travel/lifestyle feel.
 *  2. Article components (.evp-trip-*) — self-contained (own tokens), used inside
 *     the single-post body. Scoped class names never touch Kadence's own markup,
 *     so the default single layout stays clean.
 */

/* ============================ 1. Archive ============================ */
.evp-travel .evp-phero {
	background:
		radial-gradient(1100px 380px at 78% -10%, rgba(14,165,164,.10), transparent 60%),
		radial-gradient(900px 360px at 8% 0%, rgba(245,158,11,.10), transparent 55%);
}
.evp-travel .evp-eyebrow { color:#0e857f; }
.evp-travel .evp-article-card__media { aspect-ratio: 16 / 10; }
.evp-travel .evp-article-card__cat { background:#d8f3f1; color:#0b6d68; }
.evp-travel .evp-article-card:hover { box-shadow:0 18px 40px rgba(13,107,103,.16); }

/* Optional destination chips row under the hero (if a template adds it). */
.evp-trip-chips { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:-6px auto 0; max-width:820px; }
.evp-trip-chip {
	display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px;
	background:#fff; border:1px solid #d8e0ea; color:#2b3a4b; font-size:13px; font-weight:600;
}

/* ============================ 2. Article ============================ */
.evp-trip {
	--trip-ink:#1d2b3a;
	--trip-muted:#5b6b7c;
	--trip-blue:#1f6feb;
	--trip-teal:#0e857f;
	--trip-amber:#b8770a;
	--trip-line:#e2e8f0;
}
.evp-trip * { box-sizing:border-box; }

/* Route timeline */
.evp-trip-route {
	display:flex; flex-wrap:wrap; gap:8px; align-items:stretch;
	margin:18px 0 26px; padding:0;
}
.evp-trip-stop {
	display:inline-flex; align-items:center; gap:9px;
	background:#f5f9ff; border:1px solid #dce8fb; border-radius:12px;
	padding:9px 14px; font-size:15px; color:var(--trip-ink); font-weight:600;
}
.evp-trip-stop__n {
	display:inline-flex; align-items:center; justify-content:center;
	width:24px; height:24px; border-radius:50%; background:var(--trip-blue); color:#fff;
	font-size:13px; font-weight:700; flex:0 0 auto;
}
.evp-trip-arrow { display:inline-flex; align-items:center; color:#9fb3cc; font-size:18px; }

/* Destination cards grid */
.evp-trip-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin:22px 0 26px; }
.evp-trip-card {
	border:1px solid var(--trip-line); border-radius:14px; overflow:hidden; background:#fff;
	box-shadow:0 6px 18px rgba(16,24,40,.06); display:flex; flex-direction:column;
}
.evp-trip-card__img { display:block; width:100%; height:200px; object-fit:cover; }
.evp-trip-card__body { padding:14px 16px 16px; }
.evp-trip-card__kicker { font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--trip-teal); margin:0 0 4px; }
.evp-trip-card__title { font-size:18px; margin:0 0 6px; color:var(--trip-ink); }
.evp-trip-card__text { font-size:15px; line-height:1.55; color:var(--trip-muted); margin:0; }

/* Flight notes box */
.evp-trip-notes {
	border:1px solid var(--trip-line); border-radius:14px; background:#fbfdff;
	padding:16px 18px; margin:22px 0;
}
.evp-trip-notes__title { font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--trip-muted); margin:0 0 10px; }
.evp-trip-notes__row { display:flex; justify-content:space-between; gap:14px; padding:7px 0; border-top:1px dashed var(--trip-line); font-size:15px; }
.evp-trip-notes__row:first-of-type { border-top:0; }
.evp-trip-notes__leg { color:var(--trip-ink); font-weight:600; }
.evp-trip-notes__val { color:var(--trip-blue); font-weight:700; white-space:nowrap; }
.evp-trip-notes__hint { font-size:13px; color:var(--trip-muted); margin:10px 0 0; }

/* Highlight callout (Chichén Itzá) */
.evp-trip-callout {
	border:1px solid #f5e2bf; border-left:4px solid #e0a323; border-radius:12px;
	background:#fffaf0; padding:16px 18px; margin:22px 0; display:flex; gap:14px; align-items:flex-start;
}
.evp-trip-callout__icon { font-size:26px; line-height:1; flex:0 0 auto; }
.evp-trip-callout__title { font-size:17px; font-weight:700; color:#8a5d05; margin:0 0 4px; }
.evp-trip-callout__text { font-size:15px; line-height:1.55; color:#6b5320; margin:0; }

/* "Good for travelers who like…" */
.evp-trip-likes { border:1px solid var(--trip-line); border-radius:14px; background:#f6fbfa; padding:16px 18px; margin:22px 0; }
.evp-trip-likes__title { font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--trip-teal); margin:0 0 10px; }
.evp-trip-likes__list { display:flex; flex-wrap:wrap; gap:8px; }
.evp-trip-likes__item {
	display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px;
	background:#fff; border:1px solid #cfe9e6; color:#0b6d68; font-size:14px; font-weight:600;
}

/* Scannable destination table */
.evp-trip-tablewrap { margin:20px 0 26px; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:14px; border:1px solid var(--trip-line, #e2e8f0); }
.evp-trip-table { width:100%; min-width:640px; border-collapse:collapse; font-size:14.5px; background:#fff; }
.evp-trip-table th, .evp-trip-table td { text-align:left; padding:11px 14px; border-bottom:1px solid var(--trip-line, #e2e8f0); vertical-align:top; }
.evp-trip-table thead th { background:#f3f8ff; color:#1d2b3a; font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; }
.evp-trip-table tbody tr:last-child td { border-bottom:0; }
.evp-trip-table tbody tr:nth-child(even) td { background:#fafcff; }
.evp-trip-table td:first-child { font-weight:700; color:var(--trip-blue, #1f6feb); white-space:nowrap; }
.evp-trip-table .evp-trip-note { color:var(--trip-amber, #b8770a); }

/* Checklist box */
.evp-trip-check { border:1px solid var(--trip-line, #e2e8f0); border-radius:14px; background:#f6fbf7; padding:16px 18px 12px; margin:22px 0; }
.evp-trip-check__title { font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--trip-teal, #0e857f); margin:0 0 10px; }
.evp-trip-check__item { display:flex; gap:10px; align-items:flex-start; padding:6px 0; border-top:1px dashed var(--trip-line, #e2e8f0); font-size:15px; color:#1d2b3a; }
.evp-trip-check__item:first-of-type { border-top:0; }
.evp-trip-check__box { flex:0 0 auto; width:20px; height:20px; border-radius:5px; border:2px solid #3bb273; color:#1c7c4a; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; line-height:1; }

/* Sources / reference list */
.evp-trip-sources { font-size:14px; }
.evp-trip-sources a { color:var(--trip-blue, #1f6feb); word-break:break-word; }

/* Image gallery (extra island shots — Aruba & Curaçao) */
.evp-trip-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:22px 0 26px; }
.evp-trip-figure { margin:0; border-radius:14px; overflow:hidden; box-shadow:0 6px 18px rgba(16,24,40,.06); background:#fff; }
.evp-trip-figure img { display:block; width:100%; height:240px; object-fit:cover; }
.evp-trip-figure figcaption { font-size:13px; color:var(--trip-muted, #5b6b7c); padding:8px 12px; }

@media (max-width:680px) {
	.evp-trip-grid { grid-template-columns:1fr; }
	.evp-trip-gallery { grid-template-columns:1fr; }
	.evp-trip-figure img { height:200px; }
	.evp-trip-notes__row { flex-direction:column; gap:2px; }
	.evp-trip-card__img { height:180px; }
}
