/* Gemeinsames Design der Ergebnisseiten (Meldeergebnisse, Ergebnisse, Vereinsuebersicht, Schwimmersuche).
   Legt sich ueber die von EasyWk erzeugten Seiten und deren results.css; die erzeugten Dateien bleiben unveraendert.
   Wird per Apache (mod_substitute) vor </body> eingebunden. Abschalten: Datei .htaccess im Vereinsordner entfernen. */
:root{
  --bg:#0a1424; --bg2:#0f2038; --card:#132a4a; --line:#1f3f6b; --text:#ebf2fb; --muted:#9db4d3;
  --accent:#2b74d6; --accent-d:#1f60b8; --on-accent:#ffffff; --glow:rgba(43,116,214,.3);
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f2f6fc; --bg2:#e3ecf8; --card:#ffffff; --line:#c9d9ee; --text:#0f2038; --muted:#4a6284; --accent:#0b57b8; --accent-d:#084596; --on-accent:#ffffff; }
}
html{font-size:100% !important;-webkit-text-size-adjust:100% !important}
body,body.bg-dark{
  background:var(--bg) !important; color:var(--text) !important;
  font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}
a{color:var(--accent);font-weight:600}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent) !important;outline-offset:3px}

/* Kopf (Navigation) */
.navbar,.navbar.bg-dark{background:var(--bg2) !important;border-bottom:1px solid var(--line)}
.navbar-brand{color:var(--accent) !important;font-weight:800;letter-spacing:.02em;text-decoration:none}
.nav-link,.navbar-dark .nav-link{color:var(--text) !important;font-size:100% !important;text-decoration:none}
.nav-link:hover,.nav-link:active{color:var(--accent) !important}
.dropdown-menu,.dropdown-menu-dark{background:var(--card) !important;border:1px solid var(--line)}
.dropdown-item{color:var(--text) !important;text-decoration:none}
.dropdown-item:hover{background:var(--bg2) !important;color:var(--accent) !important}
img[alt="H96 Logo"],img[alt*="Logo"]{max-width:min(360px,80vw);height:auto;margin:16px 0 0 20px}

/* Inhalt (von EasyWk erzeugt) */
.container,section.container{width:auto !important;max-width:1040px !important;padding-left:20px !important;padding-right:20px !important}
h1{font-size:clamp(26px,4.6vw,40px) !important;line-height:1.15 !important;height:auto !important;margin:22px 0 18px !important;color:var(--text) !important;font-weight:800 !important}
h2{font-size:22px !important;color:var(--text) !important;margin:30px 0 12px !important}
hr{border:0 !important;border-top:1px solid var(--line) !important;margin:26px 0 !important;opacity:1}
.area{background:transparent !important;padding:8px 0 !important;width:auto !important;display:flex;flex-wrap:wrap;gap:8px}
.panel_results,.panel_clubs{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:14px;margin:0 0 12px !important;overflow:hidden}
.panel_results .area,.panel_clubs .area{padding:10px 16px !important}
.area.wk{background:var(--bg2) !important;font-weight:700 !important;padding:11px 16px !important;display:block;border-bottom:1px solid var(--line);color:var(--text)}
.btn,.btn-default,a.btn-default{
  display:inline-block;background:var(--bg2) !important;color:var(--text) !important;border:1px solid var(--line) !important;
  border-radius:10px !important;padding:8px 14px !important;font-weight:600 !important;text-decoration:none !important;
  white-space:normal !important;line-height:1.3;text-align:center
}
.btn:hover,.btn-default:hover,.btn:focus{border-color:var(--accent) !important;color:var(--accent) !important;background:var(--bg2) !important;text-decoration:none !important}
span.filetime{color:var(--muted) !important;font-weight:400 !important;font-size:13px !important}
.inaktiv{color:var(--muted) !important}

/* Tabellen (Vereinsuebersicht, Schwimmersuche) */
table{border-collapse:collapse;max-width:100%;margin:16px 20px}
th,td,tr{background:transparent !important;border-radius:0 !important;border-style:solid !important;border-color:var(--line) !important;border-width:0 0 1px 0 !important;color:var(--text) !important;font-size:16px !important;padding:9px 12px !important;text-align:left !important}
th{background:var(--bg2) !important;font-weight:700 !important;border-bottom:2px solid var(--accent) !important}
select,.form-select{background-color:var(--card) !important;color:var(--text) !important;border:1px solid var(--line) !important;border-radius:10px !important}
input,textarea{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px 10px}
footer,.text-muted,.border-top{color:var(--muted) !important;border-color:var(--line) !important}

@media (max-width:640px){
  .btn,.btn-default{flex:1 1 calc(50% - 8px)}
  .area{gap:8px}
  table{margin:12px 8px;font-size:15px;display:block;overflow-x:auto;max-width:calc(100% - 16px)}
}