/* ==========================================================
   Dark Mode styl pro web rozhledny.eu
   ----------------------------------------------------------
   Struktura souboru:
     1️⃣ Základní styl a barvy webu
     2️⃣ Seznam rozhleden (index.php)
     3️⃣ Stránka diplomů (diplomy/index.php)
   ========================================================== */

@media (prefers-color-scheme: dark) {

  /* ==========================================================
     1️⃣ ZÁKLADNÍ STYL A BARVY WEBU
     ========================================================== */

  body {
    background-color: #181818 !important;
    color: #e0e0e0 !important;
  }

  h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
  }

  p, li, td, th, span {
    color: #ddd !important;
  }

  /* --- Odkazy --- */
  a, a:visited {
    color: #80b3ff !important;
  }
  a:hover {
    color: #a7d3ff !important;
  }

  /* --- Navigace a horní lišta --- */
  header, nav, .navbar, .header {
    background: linear-gradient(to bottom, #1c1f2b, #101218) !important;
    border-bottom: 1px solid #222 !important;
  }

  /* --- Hlavní kontejnery a obsah --- */
  .container, .content, .mainbox, .article, .rules, #content {
    background-color: #1e1e1e !important;
    color: #e6e6e6 !important;
  }

  /* --- Hlavní žlutý box (úvodní stránka) --- */
  .highlight-box, .intro-box, .main-info, .banner-box, .program-box {
    background-color: #2a2313 !important;
    border: 2px solid #d4b030 !important;
    color: #fff6d0 !important;
  }

  .highlight-box h1, .highlight-box h2, .highlight-box h3 {
    color: #ffe97f !important;
    text-shadow: 0 0 4px #000 !important;
  }

  .highlight-box strong, .highlight-box b {
    color: #ffcc33 !important;
  }

  .highlight-box a, .highlight-box a:visited {
    color: #ffd966 !important;
  }
  .highlight-box a:hover {
    color: #fff0a6 !important;
  }

  /* --- Pravidla / textové stránky --- */
  .rules {
    background-color: #1c1c1c !important;
    border-radius: 6px;
  }

  /* --- Tabulky (globální vzhled) --- */
  table, .dataTable {
    background-color: #202020 !important;
    color: #ddd !important;
    border-color: #333 !important;
  }

  table th {
    background-color: #5a4b00 !important;
    color: #fff !important;
    border-bottom: 1px solid #666 !important;
  }

  table td {
    background-color: #1e1e1e !important;
    color: #ddd !important;
    border-top: 1px solid #333 !important;
  }

  table tr:hover td {
    background-color: #333 !important;
  }

  /* --- Tlačítka --- */
  button, .btn, .btn-primary, input[type="button"], input[type="submit"] {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
  }

  button:hover, .btn:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #444 !important;
  }

  /* --- Boxy a filtry --- */
  .filter-box, .legend-box, .mini-box, .infobox, .yellow-box, .info-box, .card {
    background-color: #2a2a2a !important;
    color: #f0f0f0 !important;
    border: 1px solid #555 !important;
  }

  /* --- Oddělovače --- */
  hr {
    border-color: #333 !important;
  }

  /* --- Dropdowny a vstupy --- */
  select, option, input[type="text"], input[type="search"], textarea {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
  }

  /* --- Footer --- */
  footer {
    background-color: #111 !important;
    color: #aaa !important;
    border-top: 1px solid #222 !important;
  }

  /* ==========================================================
     2️⃣ STRÁNKA: SEZNAM ROZHLEDEN (index.php)
     ========================================================== */
  body.seznam-page {
    background-color: #141414 !important;
  }

  .text-container,
  .text-container p,
  .text-container span,
  .text-container small,
  .text-container label {
    color: #ccc !important;
  }

  .page, .dataTables_wrapper, .dataTables_wrapper .row {
    background-color: #181818 !important;
    color: #e0e0e0 !important;
  }

  /* --- Hlavička tabulky --- */
  table.dataTable thead th {
    background-color: #3c3200 !important;
    color: #fff !important;
    border-bottom: 1px solid #666 !important;
  }

  /* --- Řádky tabulky --- */
  table.dataTable tbody tr {
    background-color: #1e1e1e !important;
    color: #ddd !important;
  }
  table.dataTable tbody tr:hover {
    background-color: #2c2c2c !important;
  }

    /* --- Filtry --- */
  .dataTables_filter input,
  .dataTables_length select {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
  }

  /* --- Oprava: tmavé pozadí hlavního boxu a textů --- */
  body.seznam-page .page {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
  }

  body.seznam-page .btn-main {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
  }

  body.seznam-page .btn-main:hover {
    background-color: #444 !important;
  }
}  /* <== ⬅️ Tady uzavíráme první @media !!! */

/* =============================================
   DARK MODE – stránka diplomů (diplomy/index.php)
   ============================================= */
@media (prefers-color-scheme: dark) {

  body.diplomy-page {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }

  body.diplomy-page .content-box {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.7) !important;
    color: #e0e0e0 !important;
  }

  body.diplomy-page h1,
  body.diplomy-page h2,
  body.diplomy-page h3,
  body.diplomy-page h4,
  body.diplomy-page h5,
  body.diplomy-page h6 {
    color: #ffffff !important;
  }

  body.diplomy-page table {
    background-color: #222 !important;
    color: #ddd !important;
    border-color: #444 !important;
  }

  body.diplomy-page th {
    background-color: #3a3200 !important;
    color: #fff !important;
  }

  body.diplomy-page td {
    background-color: #222 !important;
    color: #ddd !important;
    border-color: #444 !important;
  }

  body.diplomy-page tbody tr:hover {
    background-color: #333 !important;
  }

  body.diplomy-page form#limitForm label {
    color: #ccc !important;
  }

  body.diplomy-page select,
  body.diplomy-page input[type="text"],
  body.diplomy-page input[type="number"] {
    background-color: #2a2a2a !important;
    color: #fff !important;
    border: 1px solid #555 !important;
  }

  body.diplomy-page a.download {
    color: #80b3ff !important;
  }

  body.diplomy-page a.download:hover {
    color: #a7d3ff !important;
  }
}
/* ==========================================================
   FINAL DARK OVERRIDE – stránka diplomů
   ========================================================== */
@media (prefers-color-scheme: dark) {
  body.diplomy-page {
    background-color: #111 !important;
    color: #e0e0e0 !important;
  }

  body.diplomy-page .content-box {
    background-color: #1b1b1b !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 0 12px rgba(0,0,0,0.8) !important;
  }

  body.diplomy-page table {
    background-color: #222 !important;
    color: #ddd !important;
    border-color: #444 !important;
  }

  body.diplomy-page th {
    background-color: #3a3200 !important;
    color: #fff !important;
  }

  body.diplomy-page td {
    background-color: #1c1c1c !important;
    color: #ddd !important;
    border-color: #444 !important;
  }

  body.diplomy-page h1,
  body.diplomy-page h2,
  body.diplomy-page h3 {
    color: #fff !important;
  }

  body.diplomy-page form#limitForm label {
    color: #ccc !important;
  }
}

/* =============================================
   DARK MODE – stránka aktualit (aktuality-page)
   ============================================= */
@media (prefers-color-scheme: dark) {
  body.aktuality-page {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }

  /* hlavní boxy vlevo i vpravo */
  body.aktuality-page .content-box,
  body.aktuality-page .info-box,
  body.aktuality-page .right-panel {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border: 1px solid #333 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;
  }

  /* nadpisy */
  body.aktuality-page h1,
  body.aktuality-page h2,
  body.aktuality-page h3 {
    color: #fff !important;
  }

  /* texty uvnitř aktualit */
  body.aktuality-page p,
  body.aktuality-page span,
  body.aktuality-page small {
    color: #ccc !important;
  }

  /* tabulky a statistiky vpravo */
  body.aktuality-page table {
    background-color: #1e1e1e !important;
    color: #ddd !important;
    border-color: #333 !important;
  }

  body.aktuality-page th {
    background-color: #5a4b00 !important;
    color: #fff !important;
  }

  /* odkazy */
  body.aktuality-page a,
  body.aktuality-page a:visited {
    color: #80b3ff !important;
  }

  body.aktuality-page a:hover {
    color: #a7d3ff !important;
  }

  /* drobný text (datumy, info) */
  body.aktuality-page .meta,
  body.aktuality-page .date {
    color: #aaa !important;
  }
}

@media (prefers-color-scheme: dark) {
  /* Fix pro jednotlivé aktuality a boxy */
  body.aktuality-page .aktualita,
  body.aktuality-page .aktuality-box,
  body.aktuality-page .news-box,
  body.aktuality-page .content-box > div,
  body.aktuality-page .content-box article {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border: 1px solid #333 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
  }

  /* texty uvnitř článků */
  body.aktuality-page .aktualita p,
  body.aktuality-page .aktualita span,
  body.aktuality-page .aktualita strong,
  body.aktuality-page .aktualita em {
    color: #ddd !important;
  }

  /* datumy, info texty, poznámky */
  body.aktuality-page .aktualita small,
  body.aktuality-page .aktualita .meta,
  body.aktuality-page .aktualita .date {
    color: #aaa !important;
  }

  /* tlačítka */
  body.aktuality-page .btn,
  body.aktuality-page button {
    background-color: #2a2a2a !important;
    color: #eee !important;
    border: 1px solid #555 !important;
  }

  body.aktuality-page .btn:hover,
  body.aktuality-page button:hover {
    background-color: #3a3a3a !important;
  }

  /* pravý panel (informace, facebook, tabulka) */
  body.aktuality-page .info-box,
  body.aktuality-page .right-panel,
  body.aktuality-page .sidebar {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border: 1px solid #333 !important;
  }
}
/* === Dark mode pro stránku Aktuality === */
@media (prefers-color-scheme: dark) {
  body.aktuality-page {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }

  /* Hlavní kontejnery */
  body.aktuality-page .akt-blok,
  body.aktuality-page .exp-card,
  body.aktuality-page [style*="background-color: white"],
  body.aktuality-page [style*="background:#fff"],
  body.aktuality-page [style*="background: white"] {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border: 1px solid #333 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;
  }

  /* Texty uvnitř bílých boxů */
  body.aktuality-page p,
  body.aktuality-page span,
  body.aktuality-page strong,
  body.aktuality-page small,
  body.aktuality-page h4,
  body.aktuality-page td,
  body.aktuality-page th {
    color: #ddd !important;
  }

  /* Pravý panel */
  body.aktuality-page .right-column,
  body.aktuality-page [style*="border: 3px solid #283593;"] {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #555 !important;
  }

  /* Tabulky */
  body.aktuality-page table {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
  }

  body.aktuality-page th {
    background-color: #2c2c2c !important;
    color: #fff !important;
  }

  /* Odkazy */
  body.aktuality-page a {
    color: #d7c96e !important;
  }
}
/* === Dark mode doplněk pro KONCESE (expirace) === */
@media (prefers-color-scheme: dark) {

  /* Hlavička tabulky */
  body.aktuality-page .exp-table th {
    background-color: #2a2a2a !important;
    color: #fff !important;
    border-bottom: 1px solid #444 !important;
  }

  body.aktuality-page .exp-table td {
    background-color: #1a1a1a !important;
    color: #ddd !important;
  }

  /* Odznaky dnů */
  body.aktuality-page .b-red {
    background: #3a1a1a !important;
    color: #ffb3b3 !important;
  }

  body.aktuality-page .b-orn {
    background: #3a2a00 !important;
    color: #ffd480 !important;
  }

  body.aktuality-page .b-green {
    background: #0f2a0f !important;
    color: #a3e6a3 !important;
  }

  /* Tlačítka a záložky */
  body.aktuality-page .exp-tab {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border: 1px solid #444 !important;
  }

  body.aktuality-page .exp-tab.active {
    background-color: #283593 !important;
    color: #fff !important;
    border-color: #3b4ed0 !important;
  }

  body.aktuality-page .exp-btn {
    background-color: #222 !important;
    color: #ddd !important;
    border: 1px solid #555 !important;
  }

  body.aktuality-page .exp-btn:hover {
    background-color: #333 !important;
  }

  /* Input */
  body.aktuality-page input#exp_cs {
    background-color: #2a2a2a !important;
    color: #eee !important;
    border: 1px solid #555 !important;
  }
}

/* === Dark mode pro stránku OL1TWR === */
@media (prefers-color-scheme: dark) {
  body.ol1twr-page {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }

  body.ol1twr-page [style*="background-color: white"],
  body.ol1twr-page [style*="background:#fff"],
  body.ol1twr-page .content-box,
  body.ol1twr-page .mainbox,
  body.ol1twr-page .container,
  body.ol1twr-page div {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #333 !important;
  }

  body.ol1twr-page p,
  body.ol1twr-page li,
  body.ol1twr-page ul {
    color: #ddd !important;
  }

  body.ol1twr-page h1,
  body.ol1twr-page h2,
  body.ol1twr-page h3 {
    color: #f5f5f5 !important;
  }

  body.ol1twr-page strong,
  body.ol1twr-page em {
    color: #d7c96e !important;
  }

  body.ol1twr-page a {
    color: #d7c96e !important;
  }
}