/* Style dla trybu jasnego na podstronach */
body.light-mode {
    background-color: #f5f5f7;
    color: #333;
}

/* Style dla stron z regulaminami */
body.light-mode .page-title-section {
    background-color: #f7f7f9;
    border-bottom: 1px solid #e0e0e0;
}

body.light-mode .page-title {
    color: #333;
}

body.light-mode .policy-content h2, 
body.light-mode .policy-content h3, 
body.light-mode .policy-content h4 {
    color: #222;
}

body.light-mode .policy-content p,
body.light-mode .policy-content li {
    color: #444;
}

/* Header w trybie jasnym */
body.light-mode header {
    background: rgba(245,245,247,0.8);
}

/* Logo jest teraz zmieniane przez JavaScript */

/* Zmiana favikonu w trybie jasnym realizowana poprzez JavaScript */

body.light-mode .nav-links a {
    color: #555;
}

body.light-mode .nav-links a:hover,
body.light-mode .nav-links a.active {
    color: #ff6b35;
}

/* Hero subpage w trybie jasnym */
body.light-mode .hero-subpage {
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f4 100%);
}

body.light-mode .hero-content h1 {
    color: #222;
}

body.light-mode .hero-content p {
    color: #555;
}

/* Formularze i elementy interaktywne */
body.light-mode .contact-form input,
body.light-mode .contact-form textarea {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
}

body.light-mode .contact-form label {
    color: #444;
}

/* Stylizacja formularzy i pól */
body.light-mode .form-group input:focus,
body.light-mode .form-group textarea:focus {
    border-color: #ff6b35;
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.1);
}

body.light-mode .form-group label {
    color: #444;
}

body.light-mode .helper-text {
    color: #777;
}

/* Stylizacja sekcji kontaktowej */
body.light-mode .contact-info {
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

body.light-mode .contact-info h3 {
    color: #ff6b35;
}

body.light-mode .contact-info p {
    color: #555;
}

/* Checkbox w trybie jasnym */
body.light-mode .checkbox-group {
    background-color: rgba(245,245,247,0.7) !important;
    border: 1px solid #ddd !important;
    border-left: 2px solid #ff6b35 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

body.light-mode .checkbox-group:hover, 
body.light-mode .checkbox-group:focus-within {
    background-color: rgba(255,255,255,0.9) !important;
    border-color: #ccc !important;
    border-left-color: #ff884d !important;
}

body.light-mode .checkbox-group label {
    color: #444 !important;
}

body.light-mode .required {
    color: #ff6b35;
}

body.light-mode .error-message {
    color: #d32f2f;
}

body.light-mode .helper-text {
    color: #777 !important;
}

body.light-mode .checkbox-group input:focus {
    animation: pulse-light 1.5s infinite;
}

@keyframes pulse-light {
    0% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.3); }
    70% { box-shadow: 0 0 0 8px rgba(255, 107, 53, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0); }
}

/* Status formularza w trybie jasnym */
body.light-mode .form-status.error {
    background-color: rgba(211, 47, 47, 0.08) !important;
    color: #d32f2f !important;
    border: 1px solid rgba(211, 47, 47, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

body.light-mode .form-status.success {
    background-color: rgba(46, 125, 50, 0.08) !important;
    color: #2e7d32 !important;
    border: 1px solid rgba(46, 125, 50, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

body.light-mode .form-status.sending {
    background-color: rgba(25, 118, 210, 0.08) !important;
    color: #1976d2 !important;
    border: 1px solid rgba(25, 118, 210, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Buttony w trybie jasnym */
body.light-mode .btn-primary {
    background: #ff6b35 !important;
    color: white !important;
}

body.light-mode .contact-form .btn-primary {
    background: linear-gradient(135deg, #ff6b35 0%, #e8571f 100%) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.15) !important;
}

body.light-mode .contact-form .btn-primary:hover {
    background: linear-gradient(135deg, #ff884d 0%, #ff6b35 100%) !important;
    box-shadow: 0 6px 16px rgba(255, 107, 53, 0.2) !important;
}

/* Sekcje zawartości */
body.light-mode .contact,
body.light-mode .about,
body.light-mode .services,
body.light-mode .portfolio {
    background-color: #f5f5f7;
    color: #333;
}

/* Kafelki portfolio w trybie jasnym */
body.light-mode .portfolio-item {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

body.light-mode .portfolio-item:hover {
    box-shadow: 0 15px 30px rgba(255, 107, 53, 0.15);
}

body.light-mode .portfolio-item h3 {
    color: #222;
}

body.light-mode .portfolio-item p {
    color: #555;
}

/* Kafelki usług w trybie jasnym */
body.light-mode .service {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

body.light-mode .service:hover {
    box-shadow: 0 15px 30px rgba(255, 107, 53, 0.15);
}

/* Specjalne style dla nowych usług w trybie jasnym */
body.light-mode .service:nth-child(3),
body.light-mode .service:nth-child(4) {
    background: linear-gradient(145deg, #fff, #f7f7f7);
}

body.light-mode .service:nth-child(5),
body.light-mode .service:nth-child(6) {
    background: linear-gradient(145deg, #fff, #f8f8f8);
}

/* Kafelki członków zespołu w trybie jasnym */
body.light-mode .member {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

body.light-mode .member:hover {
    box-shadow: 0 15px 30px rgba(255, 107, 53, 0.15);
}

body.light-mode .mission {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

body.light-mode h2,
body.light-mode h3 {
    color: #222;
}

body.light-mode p {
    color: #444;
}

/* Footer w trybie jasnym */
body.light-mode footer {
    background-color: #f0f0f4;
    color: #333;
    border-top: 1px solid #ddd;
}

body.light-mode footer a {
    color: #444;
}

body.light-mode footer a:hover {
    color: #ff6b35;
}

/* Mobile Navigation */
body.light-mode .mobile-bottom-nav {
    background: rgba(245,245,247,0.9);
    border-top: 1px solid #ddd;
}

body.light-mode .mobile-bottom-nav a {
    color: #555;
}

/* Przełącznik trybu jasnego/ciemnego w trybie jasnym */
body.light-mode .theme-switch-wrapper {
    background: rgba(255,255,255,0.95);
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    padding: 2px 10px;
}

body.light-mode .theme-switch .slider {
    background-color: #ececec;
    border: 1px solid #bbb;
}

body.light-mode .theme-switch input:checked + .slider {
    background-color: #ffe5d6;
}

body.light-mode .theme-switch .icon-sun {
    color: #ffb300;
    filter: drop-shadow(0 0 2px #fff6c1);
}

body.light-mode .theme-switch .icon-moon {
    color: #888;
}

/* Zmiana koloru tekstu "Zmień motyw" na czarny w trybie jasnym */
body.light-mode .theme-switch-wrapper::after {
    color: #222;
}

/* Animowane symbole kodu w trybie jasnym */
body.light-mode .hero {
    background: radial-gradient(ellipse at 30% 50%, #f7f7f9 0%, #f0f0f4 100%);
}

/* Usunięcie cienia tekstu w sekcji hero w trybie jasnym */
body.light-mode .hero h1, 
body.light-mode .hero h2 {
    text-shadow: none;
    color: #222;
}

/* Dostosowanie tła dla hero-content na tabletach w trybie jasnym */
@media (min-width: 901px) and (max-width: 1200px) {
    body.light-mode .hero-content {
        background: linear-gradient(90deg, rgba(245,245,247,0.85) 0%, rgba(245,245,247,0.7) 70%, rgba(245,245,247,0) 100%);
    }
}

body.light-mode .hero-rects-bg .symbol {
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

body.light-mode .rect-anim {
    background: linear-gradient(135deg, #ff6b35 0%, #ffb88c 100%);
    opacity: 0.28;
    box-shadow: 0 4px 32px 0 rgba(255, 107, 53, 0.25);
}