/* ============================================================
   TRAVEL — SHARED
   Shared canvas, tokens, and breadcrumbs
   ============================================================ */

/* -------------------------------------------------------
   Global dark canvas
------------------------------------------------------- */
body.page:has(.travelHubWrap),
body.single-travel_page{
  background:
    radial-gradient(circle at top, #0c1118 0%, #07090c 60%),
    #07090c !important;
  color: rgba(255,255,255,.92);
}

body.page:has(.travelHubWrap) #page,
body.page:has(.travelHubWrap) #content,
body.page:has(.travelHubWrap) .site-content,
body.page:has(.travelHubWrap) .ast-container,
body.page:has(.travelHubWrap) .content-area,
body.page:has(.travelHubWrap) .site-main,
body.single-travel_page #page,
body.single-travel_page #content,
body.single-travel_page .site-content,
body.single-travel_page .ast-container,
body.single-travel_page .content-area,
body.single-travel_page .site-main{
  background: transparent !important;
}

body.single-travel_page .entry-header{
  display: none !important;
}

/* -------------------------------------------------------
   Shared travel tokens
------------------------------------------------------- */
.travelHubWrap,
body.single-travel_page .travelParentWrap{
  --travel-bg0: #06080b;
  --travel-bg1: #0b0e12;
  --travel-panel: rgba(255,255,255,.045);
  --travel-panel-strong: rgba(255,255,255,.06);
  --travel-line: rgba(255,255,255,.10);
  --travel-line-soft: rgba(255,255,255,.07);
  --travel-text: rgba(255,255,255,.94);
  --travel-dim: rgba(255,255,255,.74);
  --travel-dimmer: rgba(255,255,255,.56);
  --travel-accent: var(--ast-global-color-0);

  font-family: "IBM Plex Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--travel-text);
}

/* -------------------------------------------------------
   Breadcrumbs
------------------------------------------------------- */
.travelBreadcrumbs{
  margin: 0 0 12px;
  padding: 0;
}

.travelBreadcrumbsList{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
}

.travelBreadcrumbsItem{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.travelBreadcrumbsItem:not(:last-child)::after{
  content: "•";
  display: inline-block;
  margin: 0 10px;
  color: rgba(255,255,255,.26);
  transform: translateY(-.5px);
}

.travelBreadcrumbsLink{
  color: rgba(255,255,255,.52);
  text-decoration: none;
  transition: color .15s ease;
}

.travelBreadcrumbsLink:hover{
  color: rgba(255,255,255,.88);
  text-decoration: none;
}

.travelBreadcrumbsCurrent{
  color: rgba(255,255,255,.88);
}

.travelBreadcrumbsItem:first-child .travelBreadcrumbsLink,
.travelBreadcrumbsItem:first-child .travelBreadcrumbsCurrent{
  color: rgba(255,255,255,.44);
}

/* -------------------------------------------------------
   Shared responsive breadcrumb tweaks
------------------------------------------------------- */
@media (max-width: 768px){
  .travelBreadcrumbs{
    margin-bottom: 10px;
  }

  .travelBreadcrumbsList{
    font-size: 10px;
    letter-spacing: .10em;
    line-height: 1.35;
  }

  .travelBreadcrumbsItem{
    white-space: normal;
  }

  .travelBreadcrumbsItem:not(:last-child)::after{
    margin: 0 8px;
  }
}