/* NAV - aktív menüpont (világos téma) */
.navbar .nav-link.active,
.navbar .nav-link.active:focus,
.navbar .nav-link.active:hover {
  color: #fff !important;
   /* kék chip */
  border-radius: .375rem;
  font-weight: 600;
  border-bottom: none !important; /* nehogy más szabály aláhúzza */
  transition: background-color .2s ease, color .2s ease;
}

/* NAV - alap link átmenet */
.navbar .nav-link {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

/* Sötét mód – erősebb kontrasztok */
body.dark-mode {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .navbar,
body.dark-mode footer {
  background-color: #1f1f1f !important;
}

/* Sötét mód – aktív menüpont */
body.dark-mode .navbar .nav-link.active,
body.dark-mode .navbar .nav-link.active:focus,
body.dark-mode .navbar .nav-link.active:hover {
   /* világosabb kék sötét háttéren */
  color: #fff !important;
}

/* Hero/section/card – már meglévőid maradhatnak; extra biztosítékok */
.hero-slim {
  transition: background-color .3s ease, color .3s ease;
}
.section {
  transition: background-color .3s ease, color .3s ease;
}
body.dark-mode .hero-slim {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  border-bottom: 1px solid #444 !important;
}
body.dark-mode .section.bg-light {
  background-color: #1f1f1f !important;
}
body.dark-mode .card {
  background-color: #2c2c2c !important;
  border-color: #333 !important;
  color: #f0f0f0 !important;
}
body.dark-mode .card .btn {
  background-color: #0d6efd !important;
  color: #fff !important;
}

footer {
  background-color: #212529;
  color: white;
  text-align: center;
  padding: 20px 0;
}
/* Kapcsolódó: Sporttudomány doboz – csak ezen az egyen */
.related-sport {
  background-color: #f8f9fa;            /* világos téma */
  border: 1px solid #dee2e6;
}

/* Sötét módban kontrasztosabb háttér/keret és szöveg */
body.dark-mode .related-sport {
  background-color: #1f1f1f;
  border-color: #2a2a2a;
  color: #e6e6e6;
}

/* Gomb olvashatósága sötét módban – outline-dark maradhat, de kap egy kis boostot */
body.dark-mode .related-sport .btn.btn-outline-dark {
  color: #e6e6e6;
  border-color: #8a8a8a;
}
body.dark-mode .related-sport .btn.btn-outline-dark:hover,
body.dark-mode .related-sport .btn.btn-outline-dark:focus {
  background-color: #e6e6e6;
  color: #121212;
  border-color: #e6e6e6;
}


/* Középre rendezett, finom tipó a hero szövegnek */
.hero-tagline {
  font-weight: 500;
  letter-spacing: .2px;
}

/* Ha kell, halványabb háttér-átmenet (opcionális) */
.hero-slim {
  background-color: transparent;
  transition: background-color .3s ease, color .3s ease;
}

/* Sötét módban a border színe már felül van írva, így a vonal jól látszik.
   Ha még kontrasztosabbat szeretnél, ezt old fel a kommentből: */
/*
html.dark-mode .hero-slim {
  background-color: #161616;
}
*/
/* Easter egg popup – safe, responsive, dark-mode */
:root{
  --ee-bg:#ffffff; --ee-fg:#222222; --ee-overlay:rgba(0,0,0,0.6);
  --ee-btn-bg:#0a7bdc; --ee-btn-fg:#ffffff; --ee-btn-bg-hover:#0967b6;
  --ee-radius:1rem; --ee-shadow:0 12px 28px rgba(0,0,0,0.28);
}
@media (prefers-color-scheme: dark){
  :root{
    --ee-bg:#1f1f1f; --ee-fg:#eaeaea; --ee-overlay:rgba(0,0,0,0.7);
    --ee-btn-bg:#2a8af6; --ee-btn-fg:#0b0b0b; --ee-btn-bg-hover:#1e6fd1;
    --ee-shadow:0 12px 28px rgba(0,0,0,0.6);
  }
}
html.dark{
  --ee-bg:#1f1f1f; --ee-fg:#eaeaea; --ee-overlay:rgba(0,0,0,0.7);
  --ee-btn-bg:#2a8af6; --ee-btn-fg:#0b0b0b; --ee-btn-bg-hover:#1e6fd1;
}
.easteregg-overlay{
  position:fixed; inset:0; background:var(--ee-overlay);
  display:flex; align-items:center; justify-content:center;
  z-index:9999; padding:1rem;
}
.easteregg-popup{
  background:var(--ee-bg); color:var(--ee-fg);
  padding:clamp(1rem,3vw,2rem); border-radius:var(--ee-radius);
  width:min(480px,100%); text-align:center; box-shadow:var(--ee-shadow);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  animation:ee-fade-in .25s ease-out both;
}
.easteregg-title{ margin:0 0 .75rem 0; font-size:clamp(1.1rem,2.5vw,1.35rem); line-height:1.3; }
.easteregg-text{ margin:0 0 1rem 0; line-height:1.55; font-size:clamp(.95rem,2.2vw,1rem); }
.easteregg-actions{ display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap; }
.easteregg-btn{
  background:var(--ee-btn-bg); color:var(--ee-btn-fg); border:none;
  padding:.6rem 1.1rem; border-radius:.6rem; cursor:pointer;
  transition:background .2s ease, transform .06s ease; font-weight:600;
}
.easteregg-btn:hover{ background:var(--ee-btn-bg-hover); }
.easteregg-btn:active{ transform:translateY(1px); }
.easteregg-btn:focus-visible{ outline:2px solid currentColor; outline-offset:3px; }
@keyframes ee-fade-in{ from{opacity:0;transform:translateY(6px) scale(.99)} to{opacity:1;transform:translateY(0) scale(1)} }

.easteregg-popup.ee--game { border-top: 4px solid rgba(10,123,220,0.6); }   /* kékes */
.easteregg-popup.ee--mystic { border-top: 4px solid rgba(155,81,224,0.6); } /* lila  */