/* ============================
   MENU – OPCJE UŁATWIEŃ
=============================== */
.opcje-ulatwien {
    display: none;
    position: absolute;
    right: 0;
    top: 55px;
    background: #fff;
    border: 2px solid #005f8f;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 9999;
}

.opcje-ulatwien.open { 
    display: block; 
}

.opcja-ulatwien {
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 8px;
    background: #005f8f;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}

.opcja-ulatwien:hover { 
    background: #003e5c; 
}

/* ============================
   TRYB CIEMNY
=============================== */
.mode * {
    -webkit-text-fill-color: inherit !important;
}

.tryb-ciemny,
.tryb-ciemny body {
    background-color: #0f0f0f !important;
    color: #ffffff !important;
}

.tryb-ciemny header,
.tryb-ciemny footer {
    background-color: #003d5c !important;
    color: #ffffff !important;
}

.tryb-ciemny main,
.tryb-ciemny section,
.tryb-ciemny .section,
.tryb-ciemny .hero,
.tryb-ciemny .promo,
.tryb-ciemny .services,
.tryb-ciemny .summary,
.tryb-ciemny .container,
.tryb-ciemny .wrapper,
.tryb-ciemny .content,
.tryb-ciemny .panel,
.tryb-ciemny .card,
.tryb-ciemny .box {
    background-color: #111 !important;
    color: #fff !important;
}

.tryb-ciemny h1,
.tryb-ciemny h2,
.tryb-ciemny h3,
.tryb-ciemny h4,
.tryb-ciemny h5,
.tryb-ciemny h6,
.tryb-ciemny a[href^="#"],
.tryb-ciemny .text-blue,
.tryb-ciemny .blue {
    color: #005f8f !important;
    -webkit-text-fill-color: #005f8f !important;
}

.tryb-ciemny a,
.tryb-ciemny p,
.tryb-ciemny nav a {
    color: #ffffff !important;
}

.tryb-ciemny img {
    filter: brightness(0.95) contrast(1.05);
}

.tryb-ciemny .stopka-sekcja.social-media a,
.tryb-ciemny .stopka-sekcja.kontakt h4,
.tryb-ciemny .stopka-sekcja.menu h4,
.tryb-ciemny .stopka-sekcja.social-media h4 {
    color: #ffffff !important;               
    -webkit-text-fill-color: #ffffff !important;
}

.tryb-ciemny .stopka-sekcja.social-media a span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.tryb-ciemny .usluga p,
.tryb-ciemny .rejestracja-link p,
.tryb-ciemny .rejestracja-link a,
.tryb-ciemny .logowanie-link p,
.tryb-ciemny .logowanie-link a,
.tryb-ciemny .oferta-container p,
.tryb-ciemny .zespol-container p {
    color: #000 !important;
}

.tryb-ciemny [style*="background"],
.tryb-ciemny [style*="background-image"] {
    background-color: rgba(0,0,0,0.6) !important;
    background-blend-mode: multiply !important;
}

/* ============================
   TRYB JASNY
=============================== */
.tryb-jasny, 
.tryb-jasny.mode {
    background: #ffffff !important;
    color: #000 !important;
}

/* ============================
   WYSOKI KONTRAST – CZARNE TŁO
=============================== */
.wysoki-kontrast,
.wysoki-kontrast html,
.wysoki-kontrast body,
.wysoki-kontrast main,
.wysoki-kontrast section,
.wysoki-kontrast .section,
.wysoki-kontrast .hero,
.wysoki-kontrast .promo,
.wysoki-kontrast .services,
.wysoki-kontrast .summary,
.wysoki-kontrast .container,
.wysoki-kontrast .wrapper,
.wysoki-kontrast .content,
.wysoki-kontrast .panel,
.wysoki-kontrast .card,
.wysoki-kontrast .box,
.wysoki-kontrast header,
.wysoki-kontrast footer {
    background-color: #000 !important;
    color: #FFD800 !important;
}

.wysoki-kontrast a,
.wysoki-kontrast nav a {
    color: #FFFF00 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.wysoki-kontrast .sekcja-info-odbior p,
.wysoki-kontrast .sekcja-logowania p,
.wysoki-kontrast .sekcja-rejestracji p,
.wysoki-kontrast .zespol p,
.wysoki-kontrast .kontakt p {
    color: #FFD800 !important;
}

.wysoki-kontrast .rejestracja-link p,
.wysoki-kontrast .rejestracja-link a,
.wysoki-kontrast .logowanie-link p,
.wysoki-kontrast .logowanie-link a,
.wysoki-kontrast .oferta-container p,
.wysoki-kontrast .zespol-container p {
    color: #000 !important;
}

.wysoki-kontrast .stopka-sekcja.kontakt,
.wysoki-kontrast .stopka-sekcja.kontakt * {
    color: #FFFF00!important;
    -webkit-text-fill-color: #FFD800 !important;
}

.wysoki-kontrast button,
.wysoki-kontrast input,
.wysoki-kontrast textarea,
.wysoki-kontrast select {
    background-color: #000 !important;
    color: #FFD800 !important;
    border: 2px solid #FFD800 !important;
}

.wysoki-kontrast img {
    border: 2px solid #FFD800 !important;
}

.wysoki-kontrast [style*="background"],
.wysoki-kontrast [style*="background-image"] {
    background-color: #000 !important;
    background-blend-mode: multiply !important;
}

/* ============================
   CZYTELNA CZCIONKA
=============================== */
.czytelna-czcionka { 
    letter-spacing: 0.6px !important; 
}