/* ditchtheguide.com accessibility pass, 2026-10-31.
   New filename on purpose: the stylesheets are cached as immutable. */

/* Skip link: first tab stop on every page. */
.dtg-skip{ position:absolute; left:-9999px; top:0; z-index:100; padding:.6rem 1rem; background:#123456; color:#fff; font-weight:600; border-radius:0 0 .35rem 0; text-decoration:none; }
.dtg-skip:focus{ left:0; outline:3px solid #fff; outline-offset:-3px; }
main:focus{ outline:none; }

/* Dark ground: the brand green (#2F6B4F) is 2.9:1 on it, and the footer grey (#59636F) is 3:1.
   Pages without the .dtg-body class never got the --accent-text tint, so set it for every plain link. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) a:not([class]),
  :root:not([data-theme="light"]) footer a{ color:#8FD9B0; }
  :root:not([data-theme="light"]) footer .credit,
  :root:not([data-theme="light"]) footer .foot-copy,
  :root:not([data-theme="light"]) footer .site-social{ color:#B7C0CA; }
  :root:not([data-theme="light"]) a:not([class]):focus-visible,
  :root:not([data-theme="light"]) footer a:focus-visible{ outline-color:#8FD9B0; }
}
:root[data-theme="dark"] a:not([class]),
:root[data-theme="dark"] footer a{ color:#8FD9B0; }
:root[data-theme="dark"] footer .credit,
:root[data-theme="dark"] footer .foot-copy,
:root[data-theme="dark"] footer .site-social{ color:#B7C0CA; }

/* The footer link row is a flex container, so the bare middots between links wrapped onto line starts
   on narrow screens. The links carry their own gap and underline, so hide the stray separators. */
footer .foot-nav{ font-size:0; }
footer .foot-nav a{ font-size:14px; }

/* Tap targets (WCAG 2.2 AA 2.5.8): the address-list map links were 22px tall and the single-letter X link 10px wide. */
.dtg-locations-list a, .dtg-body .dtg-locations-list a{ display:inline-flex; align-items:center; min-height:44px; }
footer .foot-social a, footer .site-social a{ min-width:24px; justify-content:center; }

/* Print: guides get printed for the glovebox. Drop chrome and map images, keep the text and show link addresses. */
@media print{
  .dtg-skip, .dtg-header, .dtg-nav, footer .foot-social, footer .site-social, .dtg-stop-map img, .dtg-map-photo, .dtg-region-map, .dtg-cta, .nl-form, .dtg-share, .ge-share{ display:none !important; }
  body, .dtg-body{ background:#fff !important; color:#000 !important; }
  .dtg-shell, .dtg-shell--guide{ max-width:none !important; padding:0 !important; }
  main a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:.8em; word-break:break-all; }
  .dtg-stop, .dtg-locations-list li{ break-inside:avoid; }
  img{ max-width:100% !important; height:auto !important; }
}

/* The skip link sits on a navy fill; the shared green focus ring vanished against it. */
.dtg-skip:focus, .dtg-skip:focus-visible, .dtg-body .dtg-skip:focus-visible{ outline:3px solid #fff !important; outline-offset:-3px; }
