/*
Theme Name: Moja Strona HTML
Author: JA
Version: 1.0
*/

/* ======================= */
/*  Animacje wejścia sekcji */
/* ======================= */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ======================= */
/*  Animacja Hero Sekcji    */
/* ======================= */
.hero-fade {
    opacity: 0;
    transform: translateY(30px);
    animation: heroIn 1.2s ease forwards;
}
@keyframes heroIn {
    to { opacity: 1; transform: translateY(0); }
}

/* ======================= */
/*  Efekty hover przycisków */
/* ======================= */
.button, .btn, button, a.button {
    transition: all 0.3s ease;
}
.button:hover, .btn:hover, button:hover, a.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.15);
}

/* ======================= */
/*  Paralaksa zdjęcia       */
/* ======================= */
.parallax-img {
    transform: translateY(0);
    transition: transform 0.1s linear;
    will-change: transform;
}

/* ======================= */
/*  Hover kart usług        */
/* ======================= */
.service-card {
    transition: transform .35s ease, box-shadow .35s ease;
}
.service-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

/* ======================= */
/*  Footer — znacznie więcej miejsca */
/* ======================= */

/* Desktop */
footer .border-t {
    padding-bottom: 300px !important;
}

/* Laptopy / Tablety poziomo */
@media (max-width: 1024px) {
    footer .border-t {
        padding-bottom: 350px !important;
    }
}

/* Tablety i większe telefony */
@media (max-width: 768px) {
    footer .border-t {
        padding-bottom: 420px !important;
    }
}

/* Małe smartfony */
@media (max-width: 480px) {
    footer .border-t {
        padding-bottom: 480px !important;
    }
}

/* ======================= */
/*  Wygląd linków w stopce  */
/* ======================= */
.footer-link {
    color: #9CA3AF;
    transition: all .25s ease;
    border-bottom: 1px solid transparent;
}
.footer-link:hover {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

/* ======================= */
/*  CTA — NIE podnosimy!    */
/* ======================= */
/* pozycja jak była — nic nie zmieniamy */
.call-button {
    transition: opacity .25s ease-out;
}
/* ======================= */
/*  Pusta przestrzeń pod stopką (ciemne tło w dół) */
/* ======================= */

.site-footer-spacer {
    height: 350px; /* wysokość "pustego" tła */
    background-color: #111827; /* kolor stopki */
}

@media (max-width: 1024px) {
    .site-footer-spacer {
        height: 420px;
    }
}

@media (max-width: 768px) {
    .site-footer-spacer {
        height: 500px;
    }
}

@media (max-width: 480px) {
    .site-footer-spacer {
        height: 600px;
    }
}