/**
 * Travel blog template styles — extracted from page-travel-blog.php on 2026-08-27.
 * Was inline on every blog-index response. inc/epl-assets.php picks this up
 * from the template basename. The accent token stays dynamic via a small
 * inline override in the template.
 */
.epbl-page{
	--epbl-ink:#101010; --epbl-ink-60:#5b5b5b; --epbl-ink-40:#8a8a8a;
	--epbl-accent:#d48652; --epbl-accent-dk:#b86c3c; --epbl-accent-sf:#fbf1e9;
	--epbl-cream:#fcfced; --epbl-sand:#f7f3ec; --epbl-line:#e7e4dd; --epbl-line-lt:#f0ede6;
	--epbl-r:14px; --epbl-r-sm:9px; --epbl-r-lg:22px;
	--epbl-sh:0 1px 2px rgba(16,16,16,.04), 0 8px 24px rgba(16,16,16,.06);
	--epbl-sh-lg:0 6px 16px rgba(16,16,16,.08), 0 28px 56px rgba(16,16,16,.12);
	color:var(--epbl-ink); line-height:1.6; background:#fff; font-size:16px; -webkit-font-smoothing:antialiased;
}
.epbl-page *,.epbl-page *::before,.epbl-page *::after{ box-sizing:border-box; }
.epbl-page h1,.epbl-page h2,.epbl-page h3{ margin:0 0 .5em; line-height:1.18; letter-spacing:-.015em; font-weight:700; }
.epbl-page p{ margin:0 0 1em; }
.epbl-page img{ max-width:100%; height:auto; display:block; }
.epbl-wrap{ max-width:1240px; margin:0 auto; padding:0 24px; }

/* the parent theme wraps every page in overflow:hidden, which kills
   position:sticky for anything inside it — swap to clip on this page only */
.traveltour-body-outer-wrapper,
.traveltour-body-wrapper{ overflow-x:clip; overflow-y:visible; }

/* ── hero ─────────────────────────────────────────────────────────── */
.epbl-hero{ background:linear-gradient(180deg,var(--epbl-cream),#fff); border-bottom:1px solid var(--epbl-line-lt); padding:46px 0 38px; }
.epbl-kicker{ font-size:12.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--epbl-accent-dk); margin-bottom:12px; }
.epbl-hero h1{ font-size:clamp(30px,4vw,46px); margin-bottom:14px; max-width:22ch; }
.epbl-lead{ font-size:18px; color:var(--epbl-ink-60); line-height:1.65; max-width:62ch; margin-bottom:22px; }
.epbl-stats{ display:flex; flex-wrap:wrap; gap:10px 26px; font-size:14px; color:var(--epbl-ink-60); }
.epbl-stats b{ color:var(--epbl-ink); font-weight:750; }

/* ── intro (collapsible authored copy) ────────────────────────────── */
.epbl-intro{ padding:34px 0 6px; }
.epbl-intro h2{ font-size:clamp(21px,2.2vw,27px); margin-bottom:14px; }
.epbl-intro-body{ font-size:16.5px; line-height:1.75; color:var(--epbl-ink-60); max-width:78ch; }
.epbl-intro-body a{ color:var(--epbl-accent-dk); text-decoration:underline; text-underline-offset:2px; }
.epbl-intro-more[hidden]{ display:none; }
.epbl-intro-toggle{ margin-top:6px; background:none; border:0; padding:0; font:inherit; font-size:14.5px;
	font-weight:750; color:var(--epbl-accent-dk); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }

/* ── topic filter ─────────────────────────────────────────────────── */
.epbl-topics{ display:flex; flex-wrap:wrap; gap:9px; padding:26px 0 4px; }
.epbl-topic{ display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:100px;
	background:#fff; border:1px solid var(--epbl-line); font-size:14px; font-weight:600;
	color:var(--epbl-ink) !important; text-decoration:none !important; transition:.16s; }
.epbl-topic:hover{ border-color:var(--epbl-accent); }
.epbl-topic.is-on{ background:var(--epbl-ink); border-color:var(--epbl-ink); color:#fff !important; }
.epbl-topic-n{ font-size:12px; color:var(--epbl-ink-40); font-weight:700; }
.epbl-topic.is-on .epbl-topic-n{ color:rgba(255,255,255,.6); }

/* ── cards ────────────────────────────────────────────────────────── */
.epbl-sec{ padding:30px 0 0; }
.epbl-sec-h{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.epbl-sec-h h2{ font-size:clamp(20px,2.1vw,25px); margin:0; }
.epbl-count{ font-size:14px; color:var(--epbl-ink-40); }
.epbl-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(288px,1fr)); gap:24px; }
.epbl-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--epbl-line);
	border-radius:var(--epbl-r); overflow:hidden; text-decoration:none !important; color:inherit !important; transition:.2s; }
.epbl-card:hover{ transform:translateY(-3px); box-shadow:var(--epbl-sh-lg); border-color:var(--epbl-accent); }
.epbl-card-media{ display:block; aspect-ratio:16/10; overflow:hidden; background:var(--epbl-sand); }
.epbl-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.epbl-card:hover .epbl-card-media img{ transform:scale(1.04); }
.epbl-card-body{ display:flex; flex-direction:column; flex:1; padding:18px 20px 20px; }
.epbl-card-cat{ display:inline-block; align-self:flex-start; font-size:12px; font-weight:800; letter-spacing:.09em;
	text-transform:uppercase; color:var(--epbl-accent-dk); background:var(--epbl-accent-sf);
	padding:4px 10px; border-radius:100px; margin-bottom:11px; }
.epbl-card-title{ display:block; font-size:17.5px; font-weight:700; line-height:1.35; margin-bottom:9px; }
.epbl-card-ex{ display:block; font-size:14.5px; color:var(--epbl-ink-60); line-height:1.6; margin-bottom:14px; }
.epbl-card-foot{ display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:13px;
	border-top:1px solid var(--epbl-line-lt); font-size:12.5px; color:var(--epbl-ink-40); }

/* featured */
.epbl-card.is-big{ flex-direction:row; align-items:stretch; }
.epbl-card.is-big .epbl-card-media{ flex:0 0 54%; aspect-ratio:auto; }
.epbl-card.is-big .epbl-card-body{ padding:34px 34px 32px; justify-content:center; }
.epbl-card.is-big .epbl-card-title{ font-size:clamp(22px,2.4vw,30px); line-height:1.22; margin-bottom:12px; }
.epbl-card.is-big .epbl-card-ex{ font-size:16px; margin-bottom:18px; }

/* ── pagination ───────────────────────────────────────────────────── */
.epbl-more{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:44px 0 6px; }
.epbl-more-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:230px;
	padding:15px 34px; border-radius:100px; background:var(--epbl-ink); color:#fff !important; font-weight:700;
	font-size:15px; text-decoration:none; border:1px solid var(--epbl-ink); cursor:pointer;
	transition:background .18s ease, transform .18s ease, box-shadow .18s ease; }
.epbl-more-btn:hover{ background:var(--epbl-accent-dk); border-color:var(--epbl-accent-dk); color:#fff !important;
	transform:translateY(-2px); box-shadow:0 8px 22px rgba(184,108,60,.3); }
.epbl-more-btn.is-loading{ pointer-events:none; opacity:.75; }
.epbl-more-spin{ display:none; width:15px; height:15px; border:2px solid rgba(255,255,255,.4);
	border-top-color:#fff; border-radius:50%; animation:epbl-spin .6s linear infinite; }
.epbl-more-btn.is-loading .epbl-more-spin{ display:block; }
@keyframes epbl-spin{ to{ transform:rotate(360deg); } }
.epbl-more-count{ font-size:13.5px; color:var(--epbl-ink-40); margin:0; }
.epbl-more.is-done .epbl-more-btn{ display:none; }

/* ── CTA ──────────────────────────────────────────────────────────── */
.epbl-cta{ margin:58px 0 0; background:var(--epbl-ink); color:#fff; }
.epbl-cta-in{ display:flex; align-items:center; gap:28px; flex-wrap:wrap; padding:40px 0; }
.epbl-cta-av{ width:76px; height:76px; border-radius:50%; flex:none; display:block; overflow:hidden;
	object-fit:cover; object-position:33% 47%; background:#3a3a3a; }
.epbl-page .epbl-cta-av img{ width:100%; height:100%; display:block; border-radius:50%;
	object-fit:cover; object-position:33% 47%; }
.epbl-cta-txt{ flex:1; min-width:260px; }
.epbl-cta-txt h2{ font-size:23px; color:#fff; margin-bottom:8px; }
.epbl-cta-txt p{ margin:0; color:rgba(255,255,255,.72); font-size:15.5px; line-height:1.65; max-width:56ch; }
.epbl-cta-btns{ display:flex; gap:10px; flex-wrap:wrap; }
.epbl-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 24px;
	border-radius:100px; font-size:15px; font-weight:700; line-height:1; text-decoration:none !important;
	border:1.5px solid transparent; transition:.18s; white-space:nowrap; }
.epbl-btn-primary{ background:var(--epbl-accent); color:#fff !important; }
.epbl-btn-primary:hover{ background:var(--epbl-accent-dk); color:#fff !important; }
.epbl-btn-wa{ background:#25d366; color:#fff !important; }
.epbl-btn-wa:hover{ background:#1eb958; color:#fff !important; }

/* ── empty ────────────────────────────────────────────────────────── */
.epbl-empty{ padding:56px 0; text-align:center; color:var(--epbl-ink-60); }

@media (max-width:860px){
	.epbl-wrap{ padding:0 18px; }
	.epbl-card.is-big{ flex-direction:column; }
	.epbl-card.is-big .epbl-card-media{ flex:none; aspect-ratio:16/9; }
	.epbl-card.is-big .epbl-card-body{ padding:22px 20px 24px; }
	.epbl-hero{ padding:34px 0 30px; }
}