/*
 * single-ewt_destination.css — styles for single-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 single-ewt_destination.php (see ewt_template_styles()).
 */

/* ============================================================
   single-ewt_destination.php — scoped styles
   Prefix: dst- (Destination Single)
   ============================================================ */

/* --- 01. Hero --- */

/* --- 02. Intro + Key Facts --- */
.dst-intro__grid { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: start; }
.dst-intro__text { font-weight: 300; font-size: 17px; line-height: 1.8; color: var(--ewt-ink-soft); max-width: 60ch; }
.dst-facts { position: sticky; top: 100px; }
.dst-facts__inner { background: var(--ewt-surface); border: .5px solid var(--ewt-border); padding: 2rem; }
.dst-facts__heading { font-family: var(--ewt-font-display); font-size: 1.25rem; font-weight: 400; color: var(--ewt-ink-soft); margin: 0 0 1.5rem; }
.dst-facts__row { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: .5px solid var(--ewt-border); }
.dst-facts__label { font-size: .75rem; letter-spacing: .04em; color: var(--ewt-muted); }
.dst-facts__value { font-size: .8125rem; color: var(--ewt-ink-soft); text-align: right; }
.dst-facts__cta { width: 100%; justify-content: center; margin-top: 1.5rem; }

/* --- Section heads (shared across 03/04/05/06) --- */
.dst-section__head { margin-bottom: 2.5rem; }
.dst-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; }

/* --- 03. Wildlife --- */
.dst-wildlife { background: var(--ewt-surface-2); }
.dst-wildlife__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.dst-wildlife__item { text-align: center; }
.dst-wildlife__image-wrap { aspect-ratio: 4/3; overflow: hidden; margin-bottom: .75rem; }
.dst-wildlife__image-wrap img { width: 100%; height: 100%; object-fit: cover; }
.dst-wildlife__no-img { width: 100%; height: 100%; background: linear-gradient(135deg, var(--ewt-surface-2), var(--ewt-border)); }
.dst-wildlife__name { font-size: .875rem; color: var(--ewt-ink-soft); margin: 0; }

/* --- 04. Gallery --- */
.dst-gallery__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.dst-gallery__item { aspect-ratio: 4/3; overflow: hidden; }
.dst-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ewt-ease); }
.dst-gallery__item:hover img { transform: scale(1.04); }

/* --- 05. Map --- */
.dst-map__embed { border: .5px solid var(--ewt-border); }

/* --- Admin notices --- */
.dst-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: 2rem 0;
  max-width: none;
}
.dst-admin-notice code { background: rgba(0,0,0,.3); padding: .1rem .4rem; font-family: monospace; color: var(--ewt-bronze); }

/* --- 06. Related safaris --- */
.dst-related { background: var(--ewt-surface-2); }

/* Shared safari card + grid — copied verbatim from front-page.php /
   archive-ewt_safari.php / archive-ewt_destination.php. This was missing
   here entirely, which is why related-safari cards rendered unstyled. */
.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);}

/* --- 07. Bottom CTA --- */
.dst-cta { background: linear-gradient(135deg, var(--ewt-ember), var(--ewt-bronze)); }
.dst-cta__inner { text-align: center; max-width: 720px; margin: 0 auto; }
.dst-cta .ewt-eyebrow { color: var(--ewt-ink); }
.dst-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; }
.dst-cta__para { font-weight: 400; font-size: 16px; line-height: 1.7; color: rgba(16,14,11,.8); margin: 0 0 32px; }
.dst-cta__actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.dst-cta .ewt-btn--ghost { color: var(--ewt-ink); border-color: var(--ewt-ink); }
.dst-cta .ewt-btn--ghost:hover { background-color: var(--ewt-ink); color: var(--ewt-bronze); }

/* --- Responsive --- */
@media (max-width: 1024px) {
  .dst-intro__grid { grid-template-columns: 1fr; gap: 40px; }
  .dst-facts { position: static; }
  .dst-wildlife__grid { grid-template-columns: repeat(2, 1fr); }
  .dst-gallery__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  
  .dst-wildlife__grid { grid-template-columns: 1fr 1fr; }
  .dst-gallery__grid { grid-template-columns: 1fr; }
  .dst-cta__actions { flex-direction: column; }
}