/*
 * archive-ewt_destination.css — styles for archive-ewt_destination.php
 * Moved out of the template in v2.3.0: it used to be an inline <style>
 * block printed AFTER the page content (unstyled flash + reflow, never cached).
 * Loaded in <head> only when WordPress renders archive-ewt_destination.php (see ewt_template_styles()).
 */

/* ============================================================
   archive-ewt_destination.php — scoped styles
   Prefix: dsa- (Destination Archive)

   IMPORTANT — shared card CSS duplicated a THIRD time:
   dest-card.php deliberately reuses the .ewt-safari-card /
   .ewt-safaris__grid classes (rather than inventing new ones) so
   destination cards read as the same family as safari cards. That
   means this is now the third template carrying an identical copy
   of that CSS block — front-page.php, archive-ewt_safari.php, and
   this file. Genuinely time to move it into assets/css/main.css,
   enqueue it site-wide from functions.php, and delete all three
   local copies. Happy to do that as a dedicated follow-up — flagging
   rather than doing it unprompted mid-task.
   ============================================================ */

/* --- 01. Hero (same full-bleed pattern as archive-ewt_safari.php) --- */

/* --- 02. Intro editorial --- */
.dsa-intro { background: var(--ewt-canvas); }
.dsa-intro__grid {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 64px;
  align-items: start;
}
.dsa-intro__quote-col { position: relative; }
.dsa-intro__quote {
  font-family: var(--ewt-font-display);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ewt-ink-soft);
  margin: 0 0 24px;
}
.dsa-intro__rule { display: block; width: 64px; height: 1px; background: var(--ewt-bronze); }
.dsa-intro__text-col p { font-weight: 300; font-size: 17px; line-height: 1.75; color: var(--ewt-ink-soft); margin: 0 0 20px; }
.dsa-intro__text-col .ewt-eyebrow { margin-bottom: 16px; }

/* --- 03/04. Regional grids --- */
.dsa-grid-section--tz { background: var(--ewt-surface-2); }
.dsa-grid-section--kt { background: var(--ewt-canvas); }
.dsa-grid__head { margin-bottom: 2.5rem; }
.dsa-section-title {
  font-family: var(--ewt-font-display);
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.01em;
  color: var(--ewt-ink-soft);
  margin: 8px 0 0;
}

.dsa-admin-notice {
  background: rgba(191,140,69,.12);
  border: 1px solid var(--ewt-bronze);
  color: var(--ewt-ink-soft);
  font-size: .8125rem;
  line-height: 1.6;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  max-width: none;
}
.dsa-admin-notice code { background: rgba(0,0,0,.3); padding: .1rem .4rem; font-family: monospace; color: var(--ewt-bronze); }

/* Shared safari/destination card + grid — copied verbatim from
   front-page.php / archive-ewt_safari.php. See note above re:
   consolidation. */
.ewt-safaris__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.ewt-safari-card{background:var(--ewt-surface);overflow:hidden;}
.ewt-safari-card__image-wrap{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;}
.ewt-safari-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ewt-ease);}
.ewt-safari-card:hover .ewt-safari-card__image-wrap img{transform:scale(1.04);}
.ewt-safari-card__no-img{width:100%;height:100%;min-height:240px;background:linear-gradient(135deg,var(--ewt-surface-2),var(--ewt-border));}
.ewt-safari-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(16,14,11,.7) 0%,transparent 60%);}
.ewt-safari-card__body{padding:1.5rem;}
.ewt-safari-card__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;}
.ewt-safari-card__tag{font-size:.6rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ewt-bronze);border:.5px solid var(--ewt-ember);padding:.2rem .6rem;}
.ewt-safari-card__title{font-family:var(--ewt-font-display);font-size:1.25rem;font-weight:400;color:var(--ewt-ink-soft);line-height:1.25;margin-bottom:.5rem;}
.ewt-safari-card__title a:hover{color:var(--ewt-bronze);}
.ewt-safari-card__excerpt{font-size:.8125rem;font-weight:300;line-height:1.6;color:var(--ewt-ink-soft);margin-bottom:1rem;max-width:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ewt-safari-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:.5px solid var(--ewt-border);}
.ewt-safari-card__duration{font-size:.75rem;color:var(--ewt-muted);}
.ewt-safari-card__price{font-size:.8125rem;font-weight:300;color:var(--ewt-ember);}
.ewt-safari-card__price span{font-size:.6rem;color:var(--ewt-ghost);margin-left:.2rem;}
.ewt-safari-card__cta{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ewt-bronze);}
.ewt-safari-card--placeholder { opacity: 0.55; }
.dsa-grid__placeholder-note { margin-top: 2rem; font-size: .875rem; color: var(--ewt-muted); text-align: center; }
.dsa-grid__placeholder-note a { color: var(--ewt-bronze); }

/* --- 05. Bottom CTA --- */
.dsa-cta { background: linear-gradient(135deg, var(--ewt-ember), var(--ewt-bronze)); }
.dsa-cta__inner { text-align: center; max-width: 720px; margin: 0 auto; }
.dsa-cta .ewt-eyebrow { color: var(--ewt-ink); }
.dsa-cta__heading {
  font-family: var(--ewt-font-display);
  font-weight: 400;
  font-size: clamp(32px, 4vw, 48px);
  letter-spacing: -0.01em;
  color: var(--ewt-ink);
  margin: 8px 0 20px;
}
.dsa-cta__para { font-weight: 400; font-size: 16px; line-height: 1.7; color: rgba(16,14,11,.8); margin: 0 0 32px; }
.dsa-cta__actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
/* .ewt-btn / .ewt-btn--primary are global (style.css). .ewt-btn--ghost is
   overridden below for the same reason as archive-ewt_safari.php: bronze
   text on this gradient background is invisible without it. */
.dsa-cta .ewt-btn--ghost { color: var(--ewt-ink); border-color: var(--ewt-ink); }
.dsa-cta .ewt-btn--ghost:hover { background-color: var(--ewt-ink); color: var(--ewt-bronze); }

/* --- Responsive --- */
@media (max-width: 1024px) {
  .dsa-intro__grid { grid-template-columns: 1fr; gap: 40px; }
  .ewt-safaris__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  
  .ewt-safaris__grid { grid-template-columns: 1fr; }
  .dsa-cta__actions { flex-direction: column; }
}