/*
Theme Name: Digibee
Template: wavo
Author: Child Theme Configurator
Version: 1.0.1743589060
Updated: 2025-04-02 12:17:40

*/
/* Styl bazowy dla sekcji */


/* 1. Twój naturalny nagłówek na samej górze (Oryginał) */
.moje-menu-sticky {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: #ffffff !important; 
    box-shadow: none !important; /* Na samej górze bez cienia (opcjonalnie) */
    
    /* Gładka animacja dla zjazdu */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. Nagłówek podczas przewijania (Przyklejony) */
.moje-menu-sticky.is-fixed {
    position: fixed !important;
    z-index: 99999 !important; /* Wyciągamy go nad wszystko inne */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Dodajemy cień */
}

/* 3. Stan pomocniczy - ukrycie nad ekranem (żeby zjechał, a nie mignął) */
.moje-menu-sticky.is-hidden {
    transform: translateY(-100%);
    transition: none !important; /* Wyłączamy animację, żeby przerzucić go natychmiast */
}

/* 4. Klasa zjazdu na docelowe miejsce */
.moje-menu-sticky.is-sliding {
    transform: translateY(0);
}





/* ==========================================================================
   MODUŁ OFERT PRACY - DIGIBEE
   ========================================================================== */

/* Główny kontener sekcji */
.db-jobs-wrapper {
    background-color: transparent;
    color: #fff;
    font-family: 'Montserrat', 'Roboto', sans-serif;
    padding: 80px 0 100px 0;
    overflow: visible; /* Pozwala strzałkom wystawać poza kontener na desktopie */
}

.db-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

/* --- SLIDER ZAKŁADEK --- */
.db-tabs-slider {
    margin: 0 -15px 60px -15px; 
    position: relative;
    z-index: 10;
}

/* Ochrona przed ucinaniem dymków wewnątrz slick-list */
.db-tabs-slider .slick-list {
    padding-bottom: 50px !important; 
    margin-bottom: -50px !important;
}

.db-tab-slide {
    padding: 0 15px;
    outline: none;
    cursor: pointer;
}

/* Pojedynczy kafel oferty (zakładka) */
.db-tab-box {
    border: 3px solid #222; /* Ciemniejsza ramka dla nieaktywnych */
    padding: 35px 30px;
    position: relative;
    transition: all 0.3s ease;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
}

.db-tab-slide.active .db-tab-box {
    border-color: #fff; /* Biała ramka dla aktywnej oferty */
}

.db-tab-box h3 {
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.3 !important;
}

.db-tab-box p {
    font-size: 11px !important;
    text-transform: uppercase !important;
    color: #ccc !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
}

/* --- ELEMENTY DEKORACYJNE DYMKA (SHAPE) --- */
.db-shape {
    position: absolute;
    bottom: -50px; /* Pozycja trójkąta pod ramką */
    left: -3px; 
    width: 50px;
    height: 50px;
    z-index: 12; 
    overflow: visible;
    display: block;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.db-tab-slide.active .db-shape {
    opacity: 1; 
}

/* Łatka maskująca ramkę pod dymkiem */
.db-tab-patch {
    position: absolute;
    bottom: -3px; 
    left: 0; 
    width: 36px; 
    height: 6px; 
    background-color: #0A0A0A; /* Kolor dopasowany do tła sekcji */
    opacity: 0;
    z-index: 12; 
}

.db-tab-slide.active .db-tab-patch {
    opacity: 1;
}

/* --- STRZAŁKI NAWIGACJI --- */
.db-tabs-slider .db-slick-prev,
.db-tabs-slider .db-slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 20;
    padding: 0;
}

.db-tabs-slider .db-slick-prev { left: -60px; }
.db-tabs-slider .db-slick-next { right: -60px; }

.db-tabs-slider .db-slick-prev img,
.db-tabs-slider .db-slick-next img {
    width: 24px;
    height: auto;
    display: block;
    transition: 0.3s ease;
    opacity: 0.8;
}

.db-tabs-slider .db-slick-prev:hover img,
.db-tabs-slider .db-slick-next:hover img {
    opacity: 1;
}

/* --- TREŚĆ OFERTY (PANELE) --- */
.db-pane {
    display: none;
    animation: dbFadeIn 0.4s ease forwards;
}

.db-pane.active {
    display: block;
}

@keyframes dbFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Siatka 3 kolumn dla wymagań i obowiązków */
.db-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 50px;
}

.db-col, .db-col p, .db-col li, .db-col strong {
    color: #ffffff !important;
}

.db-heading {
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin: 0 0 25px 0 !important;
    display: block !important;
}

/* Style list punktowanych */
.db-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.db-col ul li {
    position: relative !important;
    padding-left: 15px !important;
    margin-bottom: 15px !important;
}

.db-col ul li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 4px !important;
    height: 4px !important;
    background-color: #fff !important;
}

.db-separator {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 40px 0;
}

/* --- STOPKA (TEKST + PRZYCISK OBOK SIEBIE) --- */
.db-footer-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
}

.db-footer-text {
    flex: 1 !important;
    min-width: 0 !important;
}

.db-footer-text, .db-footer-text p, .db-footer-text span {
    color: #ffffff !important;
    margin: 0 !important;
    text-align: left !important;
}

.db-footer-action {
    flex-shrink: 0 !important;
}

/* --- WIDOK MOBILNY (PONIŻEJ 768px) --- */
@media (max-width: 768px) {
.db-footer-row {
    flex-direction: column !important; /* Ustawia przycisk pod tekstem */
    align-items: center !important; 
    gap: 20px !important; /* Zmniejszony odstęp na mobile (opcjonalnie) */
}

.db-footer-action {
    width: 100% !important; 
    display: flex !important;
    justify-content: center !important; /* Centruje kontener przycisku */
}

/* Centrowanie samego tekstu wewnątrz znacznika przycisku (np. <a> lub <button>) */
.db-footer-action > * {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* Jeśli chcesz, by przycisk na mobile rozciągał się na całą szerokość ekranu, odkomentuj poniższą linię: */
    /* width: 100% !important; */
}
}






/* Wydłużony przycisk Aplikuj zgodnie z obrazem */
/* Unikalna klasa przycisku aplikowania */
.db-apply-button {
    display: inline-block;
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff !important;
    padding: 15px 110px !important; /* Twoje wydłużenie */
    border-radius: 50px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 700;
    white-space: nowrap !important;
    text-align: center;
    cursor: pointer;
    font-family: inherit; /* Dziedziczy czcionkę po motywie */
}

/* Efekt najechania */
.db-apply-button:hover {
    background-color: #ffffff;
    color: #000000 !important;
    text-decoration: none; /* Zapobiega podkreśleniu w niektórych motywach */
}

/* Opcjonalnie: dostosowanie dla urządzeń mobilnych, 
   aby przycisk nie wychodził poza ekran */
@media (max-width: 600px) {
    .db-apply-button {
        padding: 15px 50px !important; /* Mniejszy padding na telefonach */
        width: 100%; /* Opcjonalnie: pełna szerokość na mobile */
    }
}

/* --- RESPONSYWNOŚĆ --- */
@media (max-width: 1250px) {
    .db-tabs-slider .db-slick-prev { left: -5px; }
    .db-tabs-slider .db-slick-next { right: -5px; }
}

@media (max-width: 991px) {
    .db-grid { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 767px) {
    .db-footer-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }
    
    .db-footer-action {
        width: 100% !important;
    }
    
    .wavo-btn.btn-curve.btn-lit {
        width: 100% !important;
        text-align: center !important;
    }

    .db-tabs-slider .db-slick-prev img,
    .db-tabs-slider .db-slick-next img {
        width: 18px; 
    }
}










/* Zaczynamy ściskać menu na ekranach mniejszych niż 1200px */
@media (max-width: 1200px) {
    .header_nav_items > li {
        margin: 0 5px !important; /* Zmniejszamy marginesy między linkami */
    }
    
    .header_nav_items > li > a {
        font-size: 14px !important; /* Zmniejszamy lekko wielkość czcionki */
        padding: 5px 8px !important; /* Zmniejszamy wewnętrzne odstępy w linkach */
    }
}




/* 1. Ukrycie sekcji z autorem i datą */
.item .cont .info {
    display: none !important;
}

/* 2. Poprawiony tytuł: bezpieczne ucinanie do 2 linijek, zapobiega "wypadaniu" */
.item .cont h5 a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3; /* Ogranicza do max 2 linijek tekstu */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important; /* Pozwala tekstowi naturalnie przechodzić do nowej linii */
    max-width: 100%; /* Trzyma tekst w ryzach kontenera */
}

/* 3. Strzałki: czarne tło i brak ramki */
.swiper-button-next,
.swiper-button-prev {
    background-color: #000000 !important; /* Czarne tło */
    border: none !important; /* Usunięta ramka */
    width: 40px !important; 
    height: 40px !important; 
    border-radius: 5px; /* Zaokrąglenie rogów kwadratu */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 4. Ikona strzałki: biała, aby była widoczna na czarnym tle */
.swiper-button-next i,
.swiper-button-prev i,
.swiper-button-next::after,
.swiper-button-prev::after {
    color: #ffffff !important; /* Biały kolor ikony */
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.social_baner {
border-radius: 15px;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
margin: 25px;
padding: 23px 0;
background-color: #080808;
}

@media (max-width: 768px) {
.date {
  display: none;
}
}


/* ===== LISTA - RESET ===== */
#nt-sidebar .widget_categories ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}

/* ===== TYTUŁ KATEGORII ===== */
#nt-sidebar .blog-sidebar_widget_title {
color: #000000;
text-align: center;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 1px;
}

/* ===== PRZYCISKI KATEGORII ===== */
#nt-sidebar .widget_categories ul li.cat-item a {
display: block;
border: 1px solid #000000;
background-color: transparent;
color: #000000 !important;
padding: 12px 20px;
border-radius: 50px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
font-weight: 700;
text-align: center;
cursor: pointer;
font-family: inherit;
white-space: nowrap;
}

/* ===== HOVER EFEKT ===== */
#nt-sidebar .widget_categories ul li.cat-item a:hover {
background-color: #000000;
color: #ffffff !important;
}

.nt-hero-desc,
.breadcrumb-trail {
display: none;
}

/* Style etykiet TYLKO dla formularza rekrutacyjnego */
.digibee-job-form .db-form-label {
font-size: 15px;
color: #222; /* Ciemnografitowy, prawie czarny */
font-weight: 500;
}

/* Pola formularza w jednej kolumnie na urządzeniach mobilnych (telefony) */
@media (max-width: 768px) {
.digibee-job-form .row {
    display: flex;
    flex-direction: column;
}
.digibee-job-form .col-6 {
    width: 100% !important;
    max-width: 100% !important;
}
}

/* Naprawa ułożenia checkboxa RODO */
.digibee-job-form .db-rodo-checkbox .wpcf7-list-item {
display: flex;
align-items: flex-start; /* Wyrównuje checkbox do górnej linii tekstu */
margin: 0;
}

.digibee-job-form .db-rodo-checkbox input[type="checkbox"] {
width: auto !important; /* Blokuje rozciąganie checkboxa na całą szerokość */
margin-top: 3px; /* Delikatne wyrównanie kwadracika do pierwszej linijki tekstu */
margin-right: 12px; /* Odstęp między kwadracikiem a tekstem */
display: inline-block;
}

.digibee-job-form .db-rodo-checkbox .wpcf7-list-item-label {
text-align: left; /* Wymusza wyrównanie tekstu do lewej */
}

/* --- WYGLĄD PRZYCISKU TYLKO PODCZAS WYSYŁANIA --- */
.wpcf7 form.submitting .btn-curve.wpcf7-submit {
background: none !important;
background-color: #ffffff !important; /* Białe tło */
border: 1px solid #222222 !important; /* Ciemna ramka */
border-radius: 0 !important; 
pointer-events: none !important; 
position: relative !important; 
}

/* Ukrywamy stary tekst, ale blokujemy kurczenie się przycisku */
.wpcf7 form.submitting .btn-curve.wpcf7-submit span {
visibility: hidden !important; 
}

/* Perfekcyjne, twarde wyśrodkowanie nowego napisu */
.wpcf7 form.submitting .btn-curve.wpcf7-submit::after {
content: "WYSYŁANIE..." !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #222222 !important; 
letter-spacing: 2px !important; 
font-size: 13px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
}




/* =========================================
1. NAPRAWA LISTY (Tylko w treści artykułów na blogu)
========================================= */
.single .post .content ol {
 list-style-type: decimal !important; 
 padding-left: 30px !important; 
}

.single .post .content ul {
 list-style-type: disc !important; 
 padding-left: 30px !important;
}

.single .post .content li {
 display: list-item !important; 
 color: #555555;
 font-size: 16px;
 font-family: inherit;
 line-height: 2;
 margin-bottom: 10px;
}

/* =========================================
2. STANDARDOWE LINKI W TEKŚCIE (Ciemnoszare - tylko wpisy na blogu)
========================================= */
.single .post .content p a:not(.wavo-btn), 
.single .post .content li a:not(.wavo-btn) {
 color: #4a4a4a !important; /* Ciemnoszary kolor linku */
 text-decoration: underline !important; /* Podkreślenie */
 font-weight: 400; 
 transition: color 0.2s ease;
}

.single .post .content p a:not(.wavo-btn):hover, 
.single .post .content li a:not(.wavo-btn):hover {
 color: #000000 !important; /* Pełny czarny po najechaniu myszką */
}

/* =========================================
1. NAPRAWA LISTY (Ostateczne wymuszenie cyfr i kropek)
========================================= */

/* Główne kontenery list - dajemy im lewy margines, by cyfry nie chowały się za ekranem */
.single .post .content ol {
 list-style: decimal outside !important;
 list-style-type: decimal !important; 
 padding-left: 40px !important; 
 margin-left: 0 !important;
}

.single .post .content ul {
 list-style: disc outside !important;
 list-style-type: disc !important; 
 padding-left: 40px !important; 
 margin-left: 0 !important;
}

/* Bezpośrednie elementy listy - wymuszamy zachowanie domyślne */
.single .post .content ol li {
 display: list-item !important; 
 list-style-type: decimal !important; /* Wymusza cyfry! */
 list-style-position: outside !important;
 color: #555555;
 font-size: 16px;
 font-family: inherit;
 line-height: 2;
 margin-bottom: 10px;
}

.single .post .content ul li {
 display: list-item !important; 
 list-style-type: disc !important; /* Wymusza kropki! */
 list-style-position: outside !important;
 color: #555555;
 font-size: 16px;
 font-family: inherit;
 line-height: 2;
 margin-bottom: 10px;
}

/* Ukrywamy ewentualne "własne" ozdobniki motywu, które mogą przykrywać cyfry */
.single .post .content ol li::before,
.single .post .content ul li::before {
 display: none !important;
 content: none !important;
}

/* =========================================
2. NOWY MINIMALISTYCZNY PRZYCISK (SUPER SILNY KOD)
========================================= */
body .single .post .content div a.digibee-minimal-btn,
body a.digibee-minimal-btn {
 display: inline-block !important;
 background-color: #ffffff !important; 
 color: #1a1a1a !important; 
 border: 1px solid #1a1a1a !important; 
 padding: 16px 40px !important; 
 font-size: 14px !important; 
 font-weight: 500 !important; 
 text-transform: uppercase !important; 
 letter-spacing: 3px !important; 
 
 /* Bezwzględne usunięcie wszelkich podkreśleń */
 text-decoration: none !important; 
 border-bottom: 1px solid #1a1a1a !important; /* Nadpisuje ewentualne podkreślenia borderem */
 box-shadow: none !important;
 background-image: none !important;
 
 transition: all 0.3s ease-in-out !important; 
 text-align: center !important;
 line-height: 1.5 !important;
}

/* Stan po najechaniu myszką */
body .single .post .content div a.digibee-minimal-btn:hover,
body a.digibee-minimal-btn:hover {
 background-color: #1a1a1a !important; 
 color: #ffffff !important; /* Wymuszenie białego tekstu */
 border-color: #1a1a1a !important; 
 text-decoration: none !important;
 border-bottom: 1px solid #1a1a1a !important;
}

/* Zabezpieczenie, gdyby edytor WP wrzucił tekst w span */
body a.digibee-minimal-btn * {
 color: inherit !important;
 text-decoration: none !important;
}

/* =========================================
3. STANDARDOWE LINKI W TEKŚCIE
========================================= */
.single .post .content p a:not(.digibee-minimal-btn), 
.single .post .content li a:not(.digibee-minimal-btn) {
 color: #4a4a4a !important; 
 text-decoration: underline !important; 
 font-weight: 400; 
 transition: color 0.2s ease;
}

.single .post .content p a:not(.digibee-minimal-btn):hover, 
.single .post .content li a:not(.digibee-minimal-btn):hover {
 color: #000000 !important; 
}




@media (max-width: 768px) {
.footer-tekst, 
.footer-tekst p, 
.footer-tekst span {
    text-align: center !important;
}
}