/*
Theme Name: Ferrygogo
Theme URI: https://ferrygogo.de/
Author: Ferrygogo BV
Description: Kaal thema voor ferrygogo.de, de Duitse taalvariant van het thema van ferrygogo.nl (scripts/fg-taalvariant.mjs). Kop, voet en opmaak komen uit de WPCode-snippets (fg-modules.php, fg-modules.css) en de optie fg_kader; dit thema levert alleen het omhulsel en de lijsten voor archief, zoeken en de 404. Bron: repo Ferry Websites, sites/ferrygogo-de/thema/ferrygogo, gemaakt uit sites/ferrygogo-nl/thema/ferrygogo.
Version: 1.0.7-de
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ferrygogo
*/

/* 1 oktober 2026, in plaats van REHub (Jelle: "ga eigen thema"). Het thema voegt bijna niets toe:
   alles wat je ziet staat in fg-modules.css onder .fg. Hier alleen wat REHub op body en html deed en
   wat .fg niet zelf regelt, en de paar regels voor de lijsten die alleen dit thema maakt. */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #eaf0f6; color: #12233a; font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; }
img { max-width: 100%; height: auto; }
a { color: #0a5ea3; }

/* Een lijst (archief, zoeken): dezelfde kleine kaarten als op een auteurspagina (.au-kleinlijst). */
.fg .th-lijst { padding: 28px 0 40px; }
.fg .th-lijst .au-kleinlijst { margin-top: 4px; }
.fg .th-bladeren { display: flex; justify-content: space-between; gap: 16px; margin-top: 22px; font-weight: 600; }
.fg .th-bladeren a { text-decoration: none; }
.fg .th-leeg { color: var(--ink-2); max-width: 70ch; }
.fg .th-verder { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
/* .btn.btn: fg-modules.css komt na deze stylesheet en geeft .btn.s 8 px bovenmarge; met dezelfde specificiteit won die. */
.fg .th-verder .btn.btn { width: auto; margin-top: 0; padding-left: 22px; padding-right: 22px; }

/* Terug naar boven (1.0.4, 5 oktober 2026; Jelle: "back to top pijltje rechtsonder"): rond, donkerblauw, rechtsonder; verschijnt
   na 700 px scrollen (functions.php). Onder de groot-beeldweergave van de planner (z-index 99999) en niet bij het afdrukken. */
#fg-naarboven { position: fixed; right: 18px; bottom: 18px; z-index: 900; width: 44px; height: 44px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #001e60; color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 2px 10px rgba(0,30,96,.3); }
#fg-naarboven[hidden] { display: none; }
#fg-naarboven svg { width: 20px; height: 20px; }
#fg-naarboven:hover { background: #0a2d7a; }
#fg-naarboven:focus-visible { outline: 3px solid #0b7ad1; outline-offset: 2px; }
@media (max-width: 700px) { #fg-naarboven { right: 12px; bottom: 12px; width: 40px; height: 40px; } }
@media print { #fg-naarboven { display: none !important; } }