/*
   _____                                    _
  / ____|                                  | |
 | (___  _ __   __ _  ___ ___  ___ ___   __| | ___
  \___ \| '_ \ / _` |/ __/ _ \/ __/ _ \ / _` |/ _ \
  ____) | |_) | (_| | (__  __/ (__ (_) | (_| |  __/
 |_____/| .__/ \__,_|\___\___|\___\___/ \__,_|\___|
        | |
        |_|

    ------------
    Version 0.2.0 - UNIVERSAL DARK SUBPAGE
*/

/* --- 1. HEADER OVERRIDE (Ciemne menu dla wszystkich podstron) --- */
header {
    background: #0f0f0f !important; /* Ciemne tło stopki */
    min-height: auto !important;    /* Reset wysokości */
    padding-bottom: 20px;           
    box-shadow: 0 10px 30px rgba(0,0,0,0.5); 
}

/* --- 2. KONTENER GŁÓWNY --- */
.subpage {
    padding: 80px 0 100px; /* Odstępy góra/dół */
    min-height: 60vh;      /* Wypycha stopkę na dół */
    color: #e0e0e0;        /* Jasny tekst domyślny */
}

/* --- 3. TYPOGRAFIA (Dla regulaminów i treści) --- */

/* Nagłówki */
.subpage h1, .subpage h2, .subpage h3, .subpage h4 {
    color: #ffffff;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Główny tytuł podstrony (zwykle h1) */
.subpage h1 {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 3px solid #feba01; /* Złota linia */
    display: inline-block;
    padding-bottom: 5px;
    margin-top: 0;
}

/* Paragrafy tekstu */
.subpage p {
    font-size: 16px;
    line-height: 1.6;
    color: #bbbbbb;
    margin-bottom: 20px;
}

/* Listy (np. punkty regulaminu) */
.subpage ul, .subpage ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

.subpage li {
    margin-bottom: 10px;
    color: #ccc;
}

/* --- 4. ELEMENTY DODATKOWE (np. Tabele w panelu) --- */
.subpage table {
    width: 100%;
    background-color: #1f1f1f;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    border-collapse: collapse;
}

.subpage th {
    background-color: #feba01;
    color: #000;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.subpage td {
    padding: 15px;
    border-bottom: 1px solid #333;
    color: #ddd;
}

/* --- 5. RESPONSYWNOŚĆ --- */
@media only screen and (max-width: 1100px) {
    .subpage {
        padding: 50px 7% 80px;
    }
    
    .subpage h1 {
        font-size: 32px; /* Mniejszy tytuł na telefonie */
    }
    
    .subpage table {
        display: block;
        overflow-x: auto; /* Przewijanie tabeli na telefonie */
    }
}