/* =========================
   DARK MODE – GLOBAL
   ========================= */

body.dark-mode {
    background: 
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url('gfx/tso_background.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #e0e0e0;
}

/* Karty */
body.dark-mode .card-section {
    background: rgba(30, 30, 30, 0.95);
    color: #e0e0e0;
    border: 1px solid #444;
    box-shadow: 0 6px 20px rgba(0,0,0,0.9);
}

/* Nagłówki */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3 {
    color: #ffffff;
}

/* Linki */
body.dark-mode a {
    color: #4dabf7;
}

body.dark-mode a:hover {
    color: #ff6b6b;
}

/* Header */
body.dark-mode .site-header {
    background: rgba(20, 20, 20, 0.95);
    border: 1px solid #444;
}

body.dark-mode .site-header a {
    color: #e0e0e0;
}

body.dark-mode .site-header a:hover {
    color: #ff6b6b;
}

/* Sticky header */
body.dark-mode .header-links {
    background: rgba(20,20,20,0.95);
    border: 1px solid #444;
}

/* Stopka */
body.dark-mode .site-footer {
    background: rgba(20, 20, 20, 0.95);
    color: #ccc;
    border: 1px solid #444;
}

body.dark-mode .site-footer a {
    color: #ccc;
}

body.dark-mode .site-footer a:hover {
    color: #ff6b6b;
}

/* Przyciski */
body.dark-mode .card-button {
    border: 1px solid #444;
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);
}

body.dark-mode .card-button:hover {
    background-color: #c82333 !important;
}

/* Modal */
body.dark-mode .premium-modal {
    background: #1e1e1e;
    color: #fff;
}

body.dark-mode .premium-content {
    color: #ddd;
}

/* Overlay */
body.dark-mode .premium-overlay {
    background: rgba(0,0,0,0.9);
}

/* Cookie bar */
body.dark-mode #cookie {
    background-color: rgba(15, 15, 15, 0.95);
    color: #ddd;
}

/* Scroll button */
body.dark-mode #scrollTopBtn {
    background-color: #333;
}

body.dark-mode #scrollTopBtn:hover {
    background-color: #c82333;
}

/* Video cards */
body.dark-mode .video-card {
    background: #1e1e1e;
    color: #ddd;
    border: 1px solid #444;
}

/* Modal video */
body.dark-mode .modal-content {
    background: #1e1e1e;
    color: #fff;
}

/* Error images */
body.dark-mode .error-images img {
    background-color: #1e1e1e;
    border: 1px solid #444;
}

/* Gradient mask */
body.dark-mode .card-section .collapsed-text::after {
    background: linear-gradient(to bottom, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 100%);
}

/* Read more */
body.dark-mode .read-more-btn {
    background: linear-gradient(to right, transparent, rgba(100, 255, 150, 0.08));
    color: #4dabf7;
}

body.dark-mode .read-more-btn:hover {
    color: #ff6b6b;
}

/* Secondary link */
body.dark-mode .card-secondary-link {
    color: #ccc;
}

body.dark-mode .card-secondary-link:hover {
    color: #ffffff;
}

/* Badge */
body.dark-mode .badge {
    background: #ff3b3b;
}

body.dark-mode .badge2 {
    background: #333;
}

body.dark-mode .card-button {
    color: #fff;
}

/* GREEN */
body.dark-mode .card-button.green {
    background-color: #2e7d32;
}
body.dark-mode .card-button.green:hover {
    background-color: #43a047;
}

/* BLUE */
body.dark-mode .card-button.blue {
    background-color: #1565c0;
}
body.dark-mode .card-button.blue:hover {
    background-color: #1e88e5;
}

/* RED */
body.dark-mode .card-button.red {
    background-color: #b71c1c;
}
body.dark-mode .card-button.red:hover {
    background-color: #e53935;
}

/* GRAY */
body.dark-mode .card-button.gray {
    background-color: #424242;
}
body.dark-mode .card-button.gray:hover {
    background-color: #616161;
}

/* YELLOW */
body.dark-mode .card-button.yellow {
    background-color: #f9a825;
    color: #000;
}
body.dark-mode .card-button.yellow:hover {
    background-color: #ffca28;
}

/* SILVER */
body.dark-mode .card-button.silver {
    background-color: #757575;
    color: #fff;
}
body.dark-mode .card-button.silver:hover {
    background-color: #9e9e9e;
}

/* VIDEO TEXT */
body.dark-mode .video-card .video-title {
    color: #f1f1f1;
    letter-spacing: 0.3px;
}

body.dark-mode .video-card p {
    color: #9e9e9e;
}

/* =========================
   FIX: SCROLL MENU (NAPRAWA ROZJEŻDŻANIA)
   ========================= */

/* ZAMIANA filter -> stabilny hover tylko na ikonach */
body.dark-mode #scrollMenu {
    filter: none;
}

/* submenu stabilniejsze (KLUCZOWA POPRAWKA) */
body.dark-mode .scroll-submenu button {
    background-color: #2b2b2b;
    color: #eee;
    border: 1px solid #444;
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);
}

/* hover */
body.dark-mode .scroll-submenu button:hover {
    background-color: #c82333;
}

/* wymuszenie stabilizacji transform (NAPRAWA "ODJEŻDŻANIA") */
body.dark-mode .scroll-submenu button {
    will-change: transform;
}

/* =========================
   DROPDOWNS
   ========================= */

body.dark-mode .dropdown-menu-game {
    background: rgba(20, 20, 20, 0.95);
    border: 1px solid #444;
}

body.dark-mode .dropdown-menu-game a {
    background: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%);
    color: #e0e0e0;
    border: 1px solid #444;
    border-left: 6px solid #555;
}

body.dark-mode .dropdown-menu-video {
    background: rgba(20, 20, 20, 0.95);
    border: 1px solid #444;
}

body.dark-mode .dropdown-menu-video a {
    background: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%);
    color: #e0e0e0;
    border: 1px solid #444;
    border-left: 6px solid #b71c1c;
}

/* =========================
   THEME MENU
   ========================= */

body.dark-mode #themeMenu {
    background: rgba(20, 20, 20, 0.95);
    border: 1px solid #444;
    box-shadow: 0 8px 20px rgba(0,0,0,0.8);
}

body.dark-mode .theme-option {
    border: 2px solid #666;
}

/* =========================
   PREMIUM
   ========================= */

body.dark-mode .premium-modal h3 {
    color: #fff;
}

body.dark-mode .premium-btn {
    background-color: #1565c0;
    color: #fff;
}

body.dark-mode .premium-btn:hover {
    background-color: #1e88e5;
}

/* =========================
   IMAGE / OVERLAY
   ========================= */

body.dark-mode .image-overlay {
    background: rgba(0,0,0,0.95);
}

body.dark-mode .error-card {
    background-color: #1e1e1e;
    border: 1px solid #444;
}

body.dark-mode .error-title {
    background: rgba(0,0,0,0.85);
    color: #eee;
}

/* =========================
   VIDEO MODAL
   ========================= */

body.dark-mode .video-modal {
    background: rgba(0,0,0,0.85);
}

body.dark-mode #prevVideoBtn,
body.dark-mode #nextVideoBtn {
    background-color: #2b2b2b;
    border: 1px solid #444;
    color: #e0e0e0;
}

body.dark-mode #prevVideoBtn:hover,
body.dark-mode #nextVideoBtn:hover {
    background-color: #c82333;
}

/* =========================
   HEADER FIX
   ========================= */

body.dark-mode .header-links {
    box-shadow: 0 6px 20px rgba(0,0,0,0.8);
}

/* =========================
   GLOBAL IMG (LEKKIE, BEZ BUGÓW UI)
   ========================= */

body.dark-mode img {
    filter: brightness(0.95) contrast(1.05);
    will-change: auto;
}

/* =========================
   BADGES
   ========================= */

body.dark-mode .badge,
body.dark-mode .badge2 {
    box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

/* submenu */
body.dark-mode .scroll-submenu button {
	background: #333;
	border: 1px solid #8b6b3f;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 48px 48px;
}

body.dark-mode .scroll-submenu button[data-action="flash"] { background-image: url("gfx/white/laptop.svg"); }
body.dark-mode .scroll-submenu button[data-action="download"] { background-image: url("gfx/white/download-minimalistic.svg"); }
body.dark-mode .scroll-submenu button[data-action="scripts"] { background-image: url("gfx/white/pobrane.svg"); }
body.dark-mode .scroll-submenu button[data-action="help"] { background-image: url("gfx/white/chat-round-dots.svg"); }