.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#9EA8B1;--e-global-color-text:#FFFFFF;--e-global-color-accent:#00E5FF;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;background-color:#13151B;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/* Wymuszenie proporcji i maksymalnego rozmiaru dla obrazków w karuzeli Elementora */
.elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide img {
    width: 500px !important;
    height: 500px !important;
    max-width: 100% !important;
    object-fit: cover !important; /* Sprawia, że obrazek ładnie się docina do 500x500 zamiast się zniekształcać */
}
/* Stylizacja domyślnego przycisku WPForms na styl Premium */
div.wpforms-container .wpforms-form button[type=submit] {
    background-color: #00e5ff !important; /* Twój jasnoniebieski/cyan kolor wypełnienia */
    color: #000000 !important; /* Czarny tekst dla idealnego kontrastu */
    font-size: 16px !important;
    font-weight: 700 !important; /* Mocne pogrubienie tekstu */
    text-transform: uppercase !important; /* Wielkie litery */
    letter-spacing: 1px !important; /* Eleganckie odstępy między literami */
    padding: 15px 35px !important; /* Odpowiednia wielkość przycisku */
    border: none !important; /* Likwidacja starej ramki */
    border-radius: 4px !important; /* Delikatne, nowoczesne zaokrąglenie */
    transition: all 0.3s ease-in-out !important; /* Płynne przejście efektu hover */
    cursor: pointer !important;
    width: auto !important; /* Przycisk dopasuje się do tekstu, nie rozciągnie na całą stronę */
    box-shadow: 0px 4px 15px rgba(0, 229, 255, 0.3) !important; /* Delikatna, nowoczesna poświata cyan */
}

/* Efekt po najechaniu myszką (Hover) */
div.wpforms-container .wpforms-form button[type=submit]:hover {
    background-color: #ffffff !important; /* Zmiana tła na białe przy najechaniu */
    color: #000000 !important; /* Tekst zostaje czarny */
    box-shadow: 0px 6px 20px rgba(255, 255, 255, 0.4) !important; /* Poświata zmienia się na białą */
    transform: translateY(-2px) !important; /* Delikatne uniesienie przycisku do góry */
}
/* --- NADPISANIE PRZYCISKU WPFORMS NA STYL CYAN --- */
div.wpforms-container-full .wpforms-form button[type=submit].wpforms-submit {
    background-color: #00e5ff !important; /* Pełny cyan zamiast transparentu */
    color: #000000 !important; /* Czarny tekst dla idealnego kontrastu */
    border: none !important; /* Likwidacja starej fioletowej ramki */
    border-radius: 4px !important; /* Delikatne zaokrąglenie zamiast wielkiego owalu 30px */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    box-shadow: 0px 4px 15px rgba(0, 229, 255, 0.3) !important; /* Poświata cyan */
    transition: all 0.35s ease-in-out !important;
}

/* Efekt najechania myszką na przycisk */
div.wpforms-container-full .wpforms-form button[type=submit].wpforms-submit:hover {
    background-color: #ffffff !important; /* Zmiana tła na białe */
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 6px 20px rgba(255, 255, 255, 0.4) !important; /* Biała poświata */
}


/* --- NADPISANIE KOMUNIKATU SUKCESU NA CIEMNY CYAN --- */
div[id*="wpforms-confirmation"] {
    background: #141414 !important; /* Czyste, bardzo ciemne tło zamiast fioletowego gradientu */
    border: 1px solid #00e5ff !important; /* Cienka ramka cyan zamiast grubej fioletowej */
    border-radius: 4px !important; /* Dopasowane zaokrąglenie */
    box-shadow: 0px 4px 20px rgba(0, 229, 255, 0.15) !important; /* Delikatny blask cyan */
    color: #ffffff !important; /* Biały tekst wiadomości */
    text-align: center !important;
    padding: 20px 30px !important;
}

/* Wymuszenie białego koloru tekstu wewnątrz komunikatu */
.wpforms-container-full .wpforms-confirmation-container-full,
.wpforms-container-full .wpforms-confirmation-container-full p {
    color: #ffffff !important;
}
/* Delikatne zaokrąglenie zdjęć w karuzeli realizowanej pracy */
.elementor-image-carousel-wrapper img {
    border-radius: 8px !important;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
}

/* Lekki zoom i poświata po najechaniu na fotkę w portfolio */
.elementor-image-carousel-wrapper img:hover {
    transform: scale(1.02) !important;
    box-shadow: 0px 4px 15px rgba(0, 229, 255, 0.2) !important;
}

/* Kolorowanie strzałek nawigacyjnych karuzeli na cyan */
.elementor-swiper-button {
    color: #00e5ff !important;
    transition: all 0.3s ease !important;
}

.elementor-swiper-button:hover {
    color: #ffffff !important;
    filter: drop-shadow(0px 0px 5px rgba(0, 229, 255, 0.8)) !important;
}
/* --- STYLIZACJA AKORDEONU FAQ --- */

/* Główny kontener pytania */
.elementor-accordion .elementor-accordion-item {
    border: 1px solid rgba(0, 229, 255, 0.15) !important; /* Bardzo delikatna ramka cyan */
    background-color: #0d0d0d !important; /* Bardzo ciemne tło boksów */
    margin-bottom: 12px !important;
    border-radius: 6px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
}

/* Efekt najechania myszką na pytanie */
.elementor-accordion .elementor-accordion-item:hover {
    border-color: #00e5ff !important; /* Rozświetlenie ramki przy najechaniu */
    box-shadow: 0px 4px 15px rgba(0, 229, 255, 0.1) !important;
}

/* Tytuł pytania */
.elementor-accordion .elementor-accordion-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    padding: 18px 20px !important;
}

/* Kolor i styl ikony (plusika / strzałki) */
.elementor-accordion .elementor-accordion-icon {
    color: #00e5ff !important; /* Plusik dostaje kolor cyan! */
    font-size: 18px !important;
}

/* Kiedy pytanie jest otwarte - aktywne podświetlenie */
.elementor-accordion .elementor-accordion-item.elementor-active {
    border-color: #00e5ff !important;
}

/* Pole z odpowiedzią (po rozwijaniu) */
.elementor-accordion .elementor-tab-content {
    background-color: #0a0a0a !important;
    color: #b3b3b3 !important; /* Delikatnie jaśniejszy szary dla lepszej czytelności odpowiedzi */
    padding: 15px 20px 20px 20px !important;
    font-family: 'Sora', sans-serif !important;
    line-height: 1.6 !important;
}
/* --- STYLIZACJA ADVANCED ACCORDION (Essential Addons / ElementsKit) --- */

/* 1. Główny kontener pojedynczego elementu (pudełko) */
.eael-adv-accordion .eael-accordion-list,
.elementskit-accordion .elementskit-card {
    border: 1px solid rgba(0, 229, 255, 0.15) !important; /* Subtelna ramka cyan */
    background-color: #0d0d0d !important; /* Ciemne tło */
    margin-bottom: 12px !important;
    border-radius: 6px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Efekt najechania myszką (Hover) */
.eael-adv-accordion .eael-accordion-list:hover,
.elementskit-accordion .elementskit-card:hover {
    border-color: #00e5ff !important; /* Rozświetlenie ramki */
    box-shadow: 0px 4px 15px rgba(0, 229, 255, 0.15) !important;
}

/* 3. Belka z pytaniem (Nagłówek) */
.eael-adv-accordion .eael-accordion-header,
.elementskit-accordion .elementskit-card-header {
    background-color: transparent !important;
    padding: 18px 20px !important;
    display: flex;
    align-items: center;
    transition: all 0.3s ease !important;
}

/* 4. Tekst pytania wewnątrz nagłówka */
.eael-adv-accordion .eael-accordion-title,
.elementskit-accordion .elementskit-card-header a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 5. Kolor ikony/plusika (Cyan) */
.eael-adv-accordion .eael-accordion-header .fa,
.eael-adv-accordion .eael-accordion-header svg,
.elementskit-accordion .elementskit-card-header .ekit-accordion-icon {
    color: #00e5ff !important;
    fill: #00e5ff !important;
}

/* 6. Kiedy akordeon jest aktywny (otwarty) */
.eael-adv-accordion .eael-accordion-list.active,
.elementskit-accordion .elementskit-card.active {
    border-color: #00e5ff !important;
}

/* 7. Kontener z odpowiedzią (po rozwinięciu) */
.eael-adv-accordion .eael-accordion-content,
.elementskit-accordion .elementskit-card-body {
    background-color: #0a0a0a !important;
    color: #b3b3b3 !important; /* Jaśniejszy szary dla czytelności */
    padding: 15px 20px 20px 20px !important;
    font-family: 'Sora', sans-serif !important;
    line-height: 1.6 !important;
    border-top: 1px solid rgba(0, 229, 255, 0.1) !important; /* Delikatna linia oddzielająca pytanie od odpowiedzi */
}
/* --- STYLIZACJA CYFR (01, 02, 03 itd.) W NAGŁÓWKACH OFERTOWYCH --- */
.oferta-numer {
    color: #00e5ff !important; /* Twój flagowy cyan */
    font-weight: 700 !important; /* Gruba, mocna czcionka */
    margin-right: 12px !important; /* Odstęp między cyfrą a tekstem nagłówka */
    text-shadow: 0px 0px 10px rgba(0, 229, 255, 0.4) !important; /* Elektryzująca poświata */
    display: inline-block !important;
}
/* Subtelne logo partnerów */
.logo-partnera img {
    filter: grayscale(100%) brightness(0.8) !important;
    transition: all 0.3s ease-in-out !important;
}

.logo-partnera img:hover {
    filter: grayscale(0%) brightness(1) !important;
}/* End custom CSS */