/* Site-wide overrides. Loaded after main.css (see base.html). */

/* main.css sets `main { overflow: hidden }`. Every page's content sits
   inside <main>, and an overflow:hidden ancestor stops position:sticky from
   working (trip section tabs and booking card, "On this page" menus,
   planner cards). `clip` still stops sideways overflow but isn't a scroll
   container, so sticky works. Browsers without `clip` fall back to
   `visible`; body's overflow-x:hidden still prevents horizontal scroll. */
main {
  overflow: visible;
  overflow: clip;
}

/* Site-wide text colors.

   The theme's secondary grey (#717171, --color-light-2) reads as faded on
   white. --color-light-2 is also used as a background (e.g. the dark-icon
   accordion circles on trip pages), so it's left alone and text gets its own
   darker muted color instead. */

:root {
  --color-text-muted: #4A4D63;
}

/* Theme utility used for tour-card locations, icons, etc. */
.text-light-2 {
  color: var(--color-text-muted);
}

/* Rich-text content (blogs, tours, pages): main.css sets the container to
   #717171 while <p> is dark, so lists, table cells and loose text looked
   faded next to paragraphs. Use one body color throughout. */
.ckeditor-content {
  color: var(--color-dark-1, #05073C);
}

/* Content pasted into the editor often carries its own inline font
   (mostly Georgia — ~80 blogs, tours, FAQs, CMS pages), which made those
   sections look different from the rest of the site. Always use the site
   font for rich-text content. */
.ckeditor-content [style*="font-family"],
.aboutBand__text [style*="font-family"],
.whyus-rich [style*="font-family"] {
  font-family: inherit !important;
}

/* CKEditor also sets the list-bullet font per item via this variable. */
.ckeditor-content li,
.aboutBand__text li {
  --ck-content-list-marker-font-family: inherit;
}

/* Search form field values */
.searchForm.-type-1 .searchFormItem__content > div,
.searchForm.-type-1.-sidebar .searchFormItem__content > div,
.searchForm.-type-2 .searchFormItem__content > div,
.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button > span:nth-child(2) {
  color: var(--color-text-muted);
}

/* Blog card date / read time (blog list, categories, similar blogs, home) */
.blogCard.-type-1 .blogCard__info {
  color: var(--color-text-muted);
  font-weight: 500;
  opacity: 1;
}

.blogCard.-type-1 .blogCard__info i {
  color: var(--color-accent-1, #EB662B);
}