/* ===========================
   GLOBAL
=========================== */
body {
    scroll-behavior: smooth;
    background: #000;
    overflow-x: hidden;
    color: white;
}

section {
    padding: 80px 0;
}

.container, .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* ===========================
   NAVBAR
=========================== */
.navbar {
    border-bottom: 1px solid rgba(255,193,7,0.2);
}

/* ===========================
   HERO (ZDJĘCIE GŁÓWNE) - NAPRAWIONE
=========================== */
.hero {
    height: 100vh;
    /* Usunięto /public_html/ z adresu - zdjęcie musi być w tym samym folderu co index.html */
    background: url("hero.jpg") center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65); /* Przyciemnienie zdjęcia, by napisy były czytelne */
}

.hero .container {
    position: relative;
    z-index: 2;
}

.glow {
    text-shadow: 0 0 15px #ffc107;
}

/* ===========================
   USŁUGI
=========================== */
.service-card {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    padding: 30px !important;
    transition: .3s;
    height: 100%;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 20px rgba(255,193,7,0.3);
    border-color: #ffc107;
}

/* ===========================
   REALIZACJE I GALERIA
=========================== */
.project-box img, .gallery img {
    width: 100%;
    border-radius: 10px;
    transition: .4s;
    object-fit: cover;
}

.project-box img {
    height: 300px;
}

.gallery img {
    height: 200px;
    cursor: zoom-in;
}

.project-box img:hover, .gallery img:hover {
    transform: scale(1.03);
    box-shadow: 0 0 15px rgba(255,193,7,0.4);
}

/* ===========================
   KONFIGURATOR
=========================== */
#konfigurator input[type="text"],
#konfigurator input[type="email"],
#konfigurator input[type="tel"],
#konfigurator textarea,
#konfigurator select {
    background: #fff !important;
    border: 1px solid #ced4da !important;
    color: #000 !important;
}

#konfigurator .form-range::-webkit-slider-runnable-track {
    background: #444;
}

#konfigurator .form-range::-webkit-slider-thumb {
    background: #ffc107;
}

/* ===========================
   RESPONSYWNOŚĆ (SMARTFONY)
=========================== */
@media (max-width: 575px) {
    section {
        padding: 40px 0 !important;
    }

    .hero {
        height: 70vh !important;
    }

    .hero h1 {
        font-size: 2rem !important;
    }

    .project-box img {
        height: 220px;
    }

    .gallery img {
        height: 150px;
        margin-bottom: 10px;
    }
}

/* ===========================
   ANIMACJE
=========================== */
[data-aos] {
    pointer-events: none;
}
.aos-animate {
    pointer-events: auto;
}