/* ========================================================================== 
   WIRTUALNY POKÓJ PRZESŁUCHAŃ — SPÓJNY TRYB CIEMNY
   Plik ładowany PO styles.css. Wszystkie reguły są aktywne wyłącznie
   przy klasie .dark-theme, więc wygląd jasny pozostaje bez zmian.
   ========================================================================== */

:root {
  --dark-bg: #121212;
  --dark-surface: #1e1e1e;
  --dark-surface-2: #262626;
  --dark-surface-3: #303030;
  --dark-text: #f2f2f2;
  --dark-muted: #d2d2d2;
  --dark-border: #4b4b4b;
  --dark-blue: #8ec5ff;
  --dark-yellow: #ffd166;
  --dark-red: #ff7f8c;
  --dark-green: #67d58d;
  --dark-orange: #ff9f6e;
  --dark-pink: #ff7eab;
}

html.dark-theme,
body.dark-theme {
  color-scheme: dark;
  background: var(--dark-bg) !important;
  color: var(--dark-text) !important;
}

body.dark-theme,
body.dark-theme.download-page {
  background-color: var(--dark-bg) !important;
  color: var(--dark-text) !important;
}

/* ---------- Górna nawigacja ---------- */
body.dark-theme .navbar {
  background: rgba(25, 25, 25, 0.97) !important;
  color: var(--dark-text) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
}

body.dark-theme .nav-link {
  background: #242424 !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
body.dark-theme .nav-link[data-color="blue"] { color: var(--dark-blue) !important; border-color: #4a90e2 !important; }
body.dark-theme .nav-link[data-color="yellow"] { color: var(--dark-yellow) !important; border-color: #f5a623 !important; }
body.dark-theme .nav-link[data-color="red"] { color: var(--dark-red) !important; border-color: #e65f6e !important; }
body.dark-theme .nav-link[data-color="green"] { color: var(--dark-green) !important; border-color: #36b86d !important; }

body.dark-theme .nav-link:hover,
body.dark-theme .nav-link:focus-visible,
body.dark-theme .nav-link.active {
  background: #343434 !important;
  color: #ffffff !important;
}

body.dark-theme .theme-control,
body.dark-theme .navbar .options button {
  background: #252525 !important;
  color: var(--dark-text) !important;
  border-color: #777 !important;
}
body.dark-theme .theme-control:hover,
body.dark-theme .navbar .options button:hover {
  background: #353535 !important;
}

/* Mobile hamburger + zwijane menu sekcji */
body.dark-theme .mobile-menu-toggle,
body.dark-theme .section-menu-toggle {
  background: #242424 !important;
  color: var(--dark-text) !important;
  border-color: #5fa8f0 !important;
}
body.dark-theme .mobile-menu-toggle__bar {
  background: #8ec5ff !important;
}
body.dark-theme .navbar.mobile-nav-open {
  background: rgba(25,25,25,.99) !important;
}

/* ---------- Menu tematów ---------- */
body.dark-theme .sidebar {
  background: #182b43 !important;
  border-color: #2f6fae !important;
}
body.dark-theme .menu-btn {
  background: #292929 !important;
  color: var(--dark-text) !important;
  border-color: #d56f45 !important;
  box-shadow: none !important;
}
body.dark-theme .menu-btn:hover,
body.dark-theme .menu-btn:focus-visible,
body.dark-theme .menu-btn.active {
  background: #383838 !important;
  color: #fff !important;
}

/* ---------- Główna treść ---------- */
body.dark-theme .content,
body.dark-theme #content-area {
  background: var(--dark-surface) !important;
  color: var(--dark-text) !important;
  border-color: #d56f45 !important;
}
body.dark-theme .about-text,
body.dark-theme .team-profile-page,
body.dark-theme .team-member-description,
body.dark-theme .download-intro,
body.dark-theme .find-room-block,
body.dark-theme #find-room-content {
  color: var(--dark-text) !important;
}

body.dark-theme .content a,
body.dark-theme #content-area a {
  color: #9dccff;
}
body.dark-theme .content a:visited,
body.dark-theme #content-area a:visited {
  color: #cfb3ff;
}

/* Teksty zapisane na sztywno jako czarne / ciemnoszare we wczytywanych sekcjach */
body.dark-theme #content-area [style*="color:#000"],
body.dark-theme #content-area [style*="color: #000"],
body.dark-theme #content-area [style*="color:black"],
body.dark-theme #content-area [style*="color: black"],
body.dark-theme #content-area [style*="color:#333"],
body.dark-theme #content-area [style*="color: #333"],
body.dark-theme #content-area [style*="color:#23242a"],
body.dark-theme #content-area [style*="color: #23242a"],
body.dark-theme #content-area [style*="color:#111827"],
body.dark-theme #content-area [style*="color: #111827"],
body.dark-theme #content-area [style*="color:#4e342e"],
body.dark-theme #content-area [style*="color: #4e342e"] {
  color: var(--dark-text) !important;
}

/* Jasne pudełka zapisane inline w bardzo długich treściach JS */
body.dark-theme #content-area [style*="background:#fff"],
body.dark-theme #content-area [style*="background: #fff"],
body.dark-theme #content-area [style*="background:#FFF"],
body.dark-theme #content-area [style*="background: #FFF"],
body.dark-theme #content-area [style*="background:#f6f9fa"],
body.dark-theme #content-area [style*="background: #f6f9fa"] {
  background: #252525 !important;
  color: var(--dark-text) !important;
}

/* Żółte / kremowe wyróżnienia */
body.dark-theme #content-area [style*="background:#FFF2CC"],
body.dark-theme #content-area [style*="background:#fff2cc"],
body.dark-theme #content-area [style*="background:#FEEDB8"],
body.dark-theme #content-area [style*="background:#ffe066"],
body.dark-theme #content-area [style*="background:#ffe26b"],
body.dark-theme #content-area [style*="background:#ffff66"],
body.dark-theme #content-area [style*="background:#fffbe7"],
body.dark-theme #content-area [style*="background:#fff8dc"] {
  background: #4a3b16 !important;
  color: #fff1b8 !important;
}

/* Niebieskie wyróżnienia */
body.dark-theme #content-area [style*="background:#C9ECFA"],
body.dark-theme #content-area [style*="background:#eaf7fd"],
body.dark-theme #content-area [style*="background:#d4ecff"],
body.dark-theme #content-area [style*="background:#E6F7FF"],
body.dark-theme #content-area [style*="background:#BFE8FF"] {
  background: #173646 !important;
  color: #dff5ff !important;
}

/* Różowe / czerwone / pomarańczowe wyróżnienia */
body.dark-theme #content-area [style*="background:#ffebee"],
body.dark-theme #content-area [style*="background:#fae8e7"],
body.dark-theme #content-area [style*="background:#F8C3C3"],
body.dark-theme #content-area [style*="background:#ffeaea"],
body.dark-theme #content-area [style*="background:#ffe7ef"] {
  background: #42252c !important;
  color: #ffe4e9 !important;
}
body.dark-theme #content-area [style*="background:#ffe5cc"] {
  background: #3f2f23 !important;
  color: #ffe7d4 !important;
}

/* ---------- Wybór pokoju / formularze ---------- */
body.dark-theme .city-picker-card,
body.dark-theme .city-picker-on-image,
body.dark-theme .room-result-box {
  background: #242424 !important;
  color: var(--dark-text) !important;
  border-color: #d56f45 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.35) !important;
}
body.dark-theme .city-picker-text,
body.dark-theme .city-picker-row label {
  color: var(--dark-text) !important;
}
body.dark-theme .city-select,
body.dark-theme .room-result-box select,
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select {
  background: #181818 !important;
  color: var(--dark-text) !important;
  border-color: #cc5f8a !important;
}
body.dark-theme select option {
  background: #181818;
  color: var(--dark-text);
}

/* ---------- Do pobrania ---------- */
body.dark-theme.download-page,
body.dark-theme .download-intro,
body.dark-theme .download-table-container {
  background: var(--dark-surface) !important;
  color: var(--dark-text) !important;
}
body.dark-theme .download-table {
  background: #202020 !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
body.dark-theme .download-table thead,
body.dark-theme .download-table thead tr,
body.dark-theme .download-table thead th {
  background: #303030 !important;
  color: #fff !important;
  border-color: #555 !important;
}
body.dark-theme .download-table tbody,
body.dark-theme .download-table tbody tr,
body.dark-theme .download-table tbody tr:nth-child(even),
body.dark-theme .download-table tbody td {
  background: #202020 !important;
  color: var(--dark-text) !important;
  border-color: #444 !important;
}
body.dark-theme .download-table tbody tr:nth-child(even) {
  background: #282828 !important;
}
body.dark-theme .download-table tbody tr:hover {
  background: #343434 !important;
}
body.dark-theme .download-btn {
  color: #fff !important;
}
body.dark-theme .download-btn.is-disabled,
body.dark-theme .download-btn[aria-disabled="true"] {
  background: #444 !important;
  color: #bdbdbd !important;
}

/* ---------- Zespół ---------- */
body.dark-theme .team-member-role {
  background: #303030 !important;
  color: #fff !important;
  border-left-color: var(--dark-orange) !important;
}
body.dark-theme .team-group-title {
  color: #ff8190 !important;
}
body.dark-theme .team-thanks-list li,
body.dark-theme .team-member-description p,
body.dark-theme .team-thanks-card p {
  color: var(--dark-text) !important;
}
body.dark-theme .team-member-description .zielone {
  color: #75e59a !important;
}

/* ---------- FAQ ---------- */
body.dark-theme .faq-container,
body.dark-theme .faq-item,
body.dark-theme .faq-question,
body.dark-theme .faq-answer {
  background: #242424 !important;
  color: var(--dark-text) !important;
  border-color: #474747 !important;
}
body.dark-theme .faq-question:hover {
  background: #303030 !important;
}

/* ---------- Modale / komunikaty ---------- */
body.dark-theme .modal {
  background-color: rgba(0,0,0,.76) !important;
}
body.dark-theme .modal-content,
body.dark-theme .development-notice__window,
body.dark-theme .mobile-access-blocker__window {
  background: #222 !important;
  color: var(--dark-text) !important;
  border-color: #d56f45 !important;
}
body.dark-theme .development-notice__text,
body.dark-theme .mobile-access-blocker__text {
  color: var(--dark-text) !important;
}
body.dark-theme .development-notice__window h2,
body.dark-theme .mobile-access-blocker h1 {
  color: #8ec5ff !important;
}

/* ---------- Dymki pomocy ---------- */
body.dark-theme .bubble-hint,
body.dark-theme .bubble-content {
  background: #262626 !important;
  color: var(--dark-text) !important;
  border-color: #a98227 !important;
}
body.dark-theme .bubble-hint {
  color: #ff9ab5 !important;
}
body.dark-theme .bubble-hint::after {
  border-color: transparent transparent transparent #262626 !important;
}
body.dark-theme .bubble-content h3 {
  color: #ffad80 !important;
}
body.dark-theme .teddy-content {
  background: #2a2326 !important;
  color: var(--dark-text) !important;
  border-color: #a85d73 !important;
}
body.dark-theme .teddy-header {
  color: #ff9ab5 !important;
}
body.dark-theme .teddy-btn {
  background: #343034 !important;
  color: var(--dark-text) !important;
  border: 1px solid #5d5358 !important;
}
body.dark-theme .teddy-btn:hover,
body.dark-theme .teddy-btn:focus-visible {
  background: #453a40 !important;
}

/* ---------- Stopka ---------- */
body.dark-theme .site-footer,
body.dark-theme .footer,
body.dark-theme .footer-experience,
body.dark-theme .footer-main,
body.dark-theme .footer-bottom,
body.dark-theme .copyright-bar,
body.dark-theme .footer-recognition-section {
  background: #181818 !important;
  color: var(--dark-text) !important;
  border-color: #3d3d3d !important;
}
body.dark-theme .footer-main-content,
body.dark-theme .footer-experience-inner,
body.dark-theme .footer-top-row,
body.dark-theme .recognition-left,
body.dark-theme .recognition-right,
body.dark-theme .footer-support-official,
body.dark-theme .footer-media-patrons {
  color: var(--dark-text) !important;
}
body.dark-theme .partners-group h3,
body.dark-theme .honorary-patrons-group h3,
body.dark-theme .footer-media-patrons h3,
body.dark-theme .financial-support-feature h3,
body.dark-theme .financial-support-card h4,
body.dark-theme .prokurator-text,
body.dark-theme .support-text,
body.dark-theme .financial-support-intro,
body.dark-theme .financial-support-card p,
body.dark-theme .footer-info,
body.dark-theme .footer-info p,
body.dark-theme .footer-info address,
body.dark-theme .footer-nav,
body.dark-theme .footer-nav a {
  color: var(--dark-text) !important;
}
body.dark-theme .honorary-patrons-group,
body.dark-theme .ramka,
body.dark-theme .financial-support-card {
  background: #242424 !important;
  color: var(--dark-text) !important;
  border-color: #515151 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.26) !important;
}
body.dark-theme .ramka {
  border-color: #d56f45 !important;
}
body.dark-theme .financial-support-feature {
  background:
    radial-gradient(circle at top right, rgba(74,144,226,.18), transparent 34%),
    linear-gradient(145deg, #242424, #1b1b1b) !important;
  color: var(--dark-text) !important;
  border-color: #b98700 !important;
  box-shadow: 0 10px 0 rgba(120,85,0,.35), 0 22px 42px rgba(0,0,0,.35) !important;
}
body.dark-theme .financial-support-intro strong {
  color: #ff9f6e !important;
}
body.dark-theme .support-link {
  color: #9dccff !important;
}

/* Logotypy często mają ciemny tekst i przezroczyste tło — dostają lokalne jasne pole,
   zamiast pozostawiania całej stopki białej. */
body.dark-theme .partners-logos img,
body.dark-theme .honorary-patrons-logos img,
body.dark-theme .media-patrons-logos img,
body.dark-theme .footer-logos img,
body.dark-theme .financial-support-logo-box,
body.dark-theme .financial-support-logo-box1 {
  background: #fff !important;
  border-radius: 10px;
}
body.dark-theme .partners-logos img,
body.dark-theme .honorary-patrons-logos img,
body.dark-theme .media-patrons-logos img,
body.dark-theme .footer-logos img {
  padding: 5px !important;
}

/* ---------- Focus / dostępność ---------- */
body.dark-theme :focus-visible {
  outline: 3px solid #ffd166 !important;
  outline-offset: 3px !important;
}

/* Zmniejszenie agresywnego światła z niektórych neutralnych obramowań */
body.dark-theme hr {
  border-color: #4a4a4a !important;
}

/* Mobilne warianty: tylko kolory, bez zmiany geometrii układu */
@media (max-width: 900px) {
  body.dark-theme .nav-links,
  body.dark-theme .navbar .options {
    background: transparent !important;
  }
  body.dark-theme .sidebar.mobile-open {
    background: #182b43 !important;
  }
  body.dark-theme .download-table tbody tr,
  body.dark-theme .download-table tbody td {
    background: #242424 !important;
  }
  body.dark-theme .download-table tbody tr:nth-child(even) {
    background: #2c2c2c !important;
  }
}

/* ---------- Kontrast kolorowych tekstów w długich sekcjach dynamicznych ---------- */
/* Czerwienie / róże zapisane inline */
body.dark-theme #content-area [style*="color:#FF0000"],
body.dark-theme #content-area [style*="color:#ff0000"],
body.dark-theme #content-area [style*="color:#E53935"],
body.dark-theme #content-area [style*="color:#e91e63"],
body.dark-theme #content-area [style*="color:#E91E63"],
body.dark-theme #content-area [style*="color:#d7262b"],
body.dark-theme #content-area [style*="color:#BA3C5B"],
body.dark-theme #content-area [style*="color:#e24d64"],
body.dark-theme #content-area [style*="color:#d62893"],
body.dark-theme #content-area [style*="color:#df1414"],
body.dark-theme #content-area [style*="color:#ea2d45"],
body.dark-theme #content-area [style*="color:#d14571"],
body.dark-theme #content-area [style*="color:#e6007e"],
body.dark-theme #content-area [style*="color:#8b0000"],
body.dark-theme #content-area [style*="color:#d62819"],
body.dark-theme #content-area [style*="color:#e5282f"],
body.dark-theme #content-area [style*="color:#d21a5e"],
body.dark-theme #content-area [style*="color:#d0342c"],
body.dark-theme #content-area [style*="color:#c00000"],
body.dark-theme #content-area [style*="color:#EE0000"],
body.dark-theme #content-area [style*="color:#b30000"],
body.dark-theme #content-area [style*="color:#d90019"] {
  color: #ff7f8c !important;
}

/* Ciemne odcienie niebieskiego */
body.dark-theme #content-area [style*="color:#0070BF"],
body.dark-theme #content-area [style*="color:#2176bb"],
body.dark-theme #content-area [style*="color:#176d95"],
body.dark-theme #content-area [style*="color:#2372a8"],
body.dark-theme #content-area [style*="color:#1E6CCB"],
body.dark-theme #content-area [style*="color:#2186c3"],
body.dark-theme #content-area [style*="color:#004080"],
body.dark-theme #content-area [style*="color:#2383C8"],
body.dark-theme #content-area [style*="color:#2980b9"],
body.dark-theme #content-area [style*="color:#1976d2"],
body.dark-theme #content-area [style*="color:#137ABE"],
body.dark-theme #content-area [style*="color:#1f6fbf"],
body.dark-theme #content-area [style*="color:#0B4F9C"],
body.dark-theme #content-area [style*="color:#0066cc"],
body.dark-theme #content-area [style*="color:#0000EE"],
body.dark-theme #content-area [style*="color:#1e73be"] {
  color: #83c8ff !important;
}

/* Ciemne zielenie */
body.dark-theme #content-area [style*="color:#2e7d32"] {
  color: #72d68e !important;
}

/* Ciemne fiolety */
body.dark-theme #content-area [style*="color:#8e44ad"],
body.dark-theme #content-area [style*="color:#a13a89"],
body.dark-theme #content-area [style*="color:#800080"],
body.dark-theme #content-area [style*="color:#6A1B9A"],
body.dark-theme #content-area [style*="color:#34559c"] {
  color: #d4a7ff !important;
}

/* Bardzo jasne żółte tła z inline styles są przyciemnione, żeby nie raziły */
body.dark-theme #content-area [style*="background:yellow"],
body.dark-theme #content-area [style*="background: yellow"],
body.dark-theme #content-area [style*="background:#ffeb3b"],
body.dark-theme #content-area [style*="background:#FFEB3B"] {
  background: #4a3b16 !important;
  color: #fff1b8 !important;
}
