/* Sitebrede correcties op de Squarespace-export (ingevoegd door fix_snapshot.py). */

/* E-mailadressen liepen in de footer (768–1024px) en op /contact/ over de kolom en over
   elkaar heen. fix_snapshot.py zet een <wbr> na de @; dit is het vangnet. */
a[href^="mailto:"] { overflow-wrap: anywhere !important; }  /* Squarespace zet break-word met hogere specificiteit */

/* Footerkolommen zijn op tablet ~140px: iets kleiner, zodat "thegreekembassy" op één regel past. */
@media (min-width: 768px) and (max-width: 960px) {
  footer a[href^="mailto:"] { font-size: .9em; }
}

/* Header: in de snapshot staan logo en hamburger van de mobiele header op .preFade
   zonder .fadeIn, en de header-JS zet die er niet meer op. Op mobiel/tablet was de
   header daardoor leeg (geen logo, geen menuknop). */
header#header .preFade { opacity: 1 !important; }

/* Menu: "Groups" heet sinds 2026-09-16 "Private Events" en is ruim twee keer zo breed. De
   linkerkolom stopt bij het logo; met Squarespace's marge (1.1vw) liepen de vier items tot
   1920px over twee regels. 10px laat ze vanaf ~1420px op één regel staan. Daaronder brak
   het menu met "Groups" ook al. */
.header-display-desktop .header-nav-list > .header-nav-item { margin-right: 10px !important; }
.header-display-desktop .header-nav-list > .header-nav-item:last-child { margin-right: 0 !important; }