@font-face {
  font-family: Chalkduster;
  src: url('/fonts/chalkduster-subset.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ── Body description text ── */
p, td {
  font-family: 'Overpass', Inter, sans-serif;
}

/* ── Photo credit & Map Location ── */
font[color="#aaaaaa"] {
  font-family: 'Overpass', Inter, sans-serif;
  color: #CCCCCC !important;
}

font[color="#aaaaaa"] a:not(.vt-badge) font,
font[color="#aaaaaa"] a:not(.vt-badge) {
  color: #9a8a60 !important;
  text-decoration: underline !important;
}

font[color="#aaaaaa"] a:hover,
font[color="#aaaaaa"] a:hover font {
  text-decoration: underline !important;
}

/* ── Navigation links ── */
font[color="#ffff00"],
a font[color="#ffff00"] {
  color: #DAA520 !important;
  font-family: 'Overpass', Inter, sans-serif !important;
  font-weight: 700 !important;
}

/* ── Distance chart tabular figures ── */
.dc, .cn { font-variant-numeric: tabular-nums; }

/* ── Light mode overrides ── */
html.light-mode font[color="#aaaaaa"] {
  color: #333333 !important;
}

html.light-mode font[color="#aaaaaa"] a,
html.light-mode font[color="#aaaaaa"] a font {
  color: #4a3a10 !important;
}

/* ── Viatype badge — preserve white text in light mode ── */
html.light-mode a.vt-badge,
html.light-mode a.vt-badge * {
  color: #fff !important;
}

/* ── Red language navigation links ── */
a font[color="#FF0000"],
font[color="#FF0000"] a:not([href*="--fr.html"]):not([href*="--de.html"]):not([href*="--it.html"]):not([href*="--es.html"]),
a[style*="color:#FF0000"] {
  color: #FF0000 !important;
  text-decoration: underline !important;
}

/* Language navigation links */
a[style*="color:#FF0000"] {
  text-decoration: underline !important;
  color: #FF0000 !important;
}

/* Next/Previous nav link colors */
a[style*="color:#6B5F82"] {
  color: #6B5F82 !important;
  text-decoration: underline !important;
}
a[style*="color:#A8865A"] {
  color: #A8865A !important;
  text-decoration: underline !important;
}

/* Next/Previous nav link underline color fix */
a[style*="color:#6B5F82"],
a[style*="color:#6B5F82"] font {
  color: #6B5F82 !important;
  text-decoration: underline !important;
}
a[style*="color:#A8865A"],
a[style*="color:#A8865A"] font {
  color: #A8865A !important;
  text-decoration: underline !important;
}

/* Protect nav links from aaaaaa font bleed */
a[style*="color:#6B5F82"],
a[style*="color:#6B5F82"] font,
a[style*="color:#A8865A"],
a[style*="color:#A8865A"] font {
  color: inherit !important;
  text-decoration: underline !important;
}

/* Fix nav link colors and stop aaaaaa bleed */
font[color="#aaaaaa"] ~ p a,
p a[href*="ch-"] {
  text-decoration: underline !important;
}
p a[href*="ch-"][style*="6B5F82"],
p a[href*="ch-"][style*="6B5F82"] font {
  color: #6B5F82 !important;
  text-decoration: underline !important;
}
p a[href*="ch-"][style*="A8865A"],
p a[href*="ch-"][style*="A8865A"] font {
  color: #A8865A !important;
  text-decoration: underline !important;
}
/* Language bar - all links red underlined */
p a[href*="ch-"][style*="FF0000"],
p a[href*="ch-"][style*="FF0000"] font {
  color: #FF0000 !important;
  text-decoration: underline !important;
}
font[color="#aaaaaa"] ~ p a:not([style]) {
  color: inherit !important;
  text-decoration: underline !important;
}

a[style*="color:#FF0000;text-decoration:underline;"] {
  color: #FF0000 !important;
  text-decoration: underline !important;
}

/* Nav link colors */
a font[color="#6B5F82"] { color: #6B5F82 !important; }
a font[color="#A8865A"] { color: #A8865A !important; }

/* Nav link colors via :has() */
a:has(font[color="#6B5F82"]) {
  color: #6B5F82 !important;
  text-decoration: underline !important;
}
a:has(font[color="#A8865A"]) {
  color: #A8865A !important;
  text-decoration: underline !important;
}


/* Suppress stray anchor underlines on body text */
body a:not([href]):not([class]),
body > a, p a:not([class]) {
  text-decoration: none;
}

/* Hide search similar photos link */
#searchToggleSwitch { display: none !important; }
body *:not(a){text-decoration:none!important}
font[color="#aaaaaa"] a font[color="#ff0000"], font[color="#aaaaaa"] a font[color="#FF0000"] { color: #ff0000 !important; }
font[color="#aaaaaa"] a font[color="red"] { color: red !important; }
.vsl-term { text-decoration: underline double #7B68EE !important; }


/* Map Location coordinates link fix */
a[href="javascript:void(0)"] {
  color: #aaaaaa !important;
  text-decoration: underline !important;
  text-decoration-color: #aaaaaa !important;
}
a[href="javascript:void(0)"] font {
  color: #aaaaaa !important;
}
a[onclick*="map-embedded"] {
  color: #aaaaaa !important;
  text-decoration: underline !important;
  text-decoration-color: #aaaaaa !important;
}
a[onclick*="map-embedded"]:hover {
  color: #ffffff !important;
}
a[onclick*="map-embedded"] font {
  color: #aaaaaa !important;
}
html.light-mode a[onclick*="map-embedded"] {
  color: #555555 !important;
}
html.light-mode a[onclick*="map-embedded"] font {
  color: #555555 !important;
}

/* Mobile proxy bevel — photo and video profile pages */
.wwtl-bevel-host {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
.wwtl-bevel-host::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: 6px !important;
  z-index: 999 !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,0.22),
    inset 1.5px 0 0 rgba(255,255,255,0.10),
    inset 0 -1.5px 0 rgba(0,0,0,0.6),
    inset -1.5px 0 0 rgba(0,0,0,0.3) !important;
}
html.light-mode .wwtl-bevel-host::after { display: none !important; }