.elementor-10204 .elementor-element.elementor-element-1c2342f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-68adcc3 *//* Definicja lokalnych zmiennych dla Fintdruk */
.fint-mega-wrapper {
    --fint-purple: #6c5ce7;
    --fint-gray: #f4f5f7;
    --text-muted: #6c757d;
    --border-color: #e2e8f0;
    --transition: all 0.3s ease;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

/* Zakładki na górze - STYL PREMIUM */
.mega-tabs-header { 
    display: flex; 
    background-color: #ffffff; /* Całe białe tło */
    border-bottom: 1px solid var(--border-color); 
}
.mega-tab-btn { 
    flex: 1; 
    padding: 20px 20px; 
    background: transparent; 
    border: none; 
    border-bottom: 2px solid transparent; 
    font-size: 13px; /* Nieco mniejsza czcionka */
    font-weight: 700; 
    letter-spacing: 1px; /* Rozstrzelenie liter */
    text-transform: uppercase; /* Wielkie litery */
    color: #222; 
    cursor: pointer; 
    transition: all 0.3s ease; 
}
.mega-tab-btn.active { 
    color: var(--fint-purple); 
    border-bottom: 2px solid var(--fint-purple); 
}
.mega-tab-btn:hover:not(.active) { 
    color: var(--text-dark); 
}

/* Siatka Grid (Desktop) */
.mega-tab-content { display: none; padding: 35px; }
.mega-tab-content.active { 
    display: grid; 
    grid-template-columns: 1.2fr 1.8fr 1fr 1.3fr; 
    gap: 40px; 
}

.menu-title { font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--text-muted); margin-bottom: 20px; font-weight: 700; }

/* Kalendarz */
.calendar-list { display: flex; flex-direction: column; gap: 8px; }
.calendar-item { display: flex; align-items: center; gap: 15px; padding: 12px; border-radius: 12px; transition: var(--transition); text-decoration: none; }
.calendar-item:hover { background-color: var(--fint-gray); transform: translateX(5px); }

/* Wyróżniony event */
.calendar-item.highlight { background-color: #f5f4fd; border: 1px solid #e0ddfb; }
.calendar-item.highlight:hover { background-color: #eae7fb; }
.date-box { background: #ffffff; border: 1px solid var(--border-color); border-radius: 8px; min-width: 55px; height: 55px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; }
.calendar-item.highlight .date-box { background: var(--fint-purple); border-color: var(--fint-purple); }

.date-day { font-size: 18px; font-weight: 800; color: #222; }
.calendar-item.highlight .date-day { color: #ffffff; }
.date-month { font-size: 11px; text-transform: uppercase; color: #555; font-weight: 600; }
.calendar-item.highlight .date-month { color: rgba(255, 255, 255, 0.9); }

.event-info { flex-grow: 1; }
.event-name { font-size: 14px; font-weight: 700; color: #222; margin-bottom: 4px; display: flex; justify-content: space-between; align-items: center;}
.event-time { font-size: 12px; color: var(--text-muted); font-weight: 500;}

/* Pigułki wiekowe */
.age-section h5 { font-size: 14px; color: #222; margin-bottom: 12px; font-weight: 700; }
.age-pills-round { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }
.age-pills-round a { 
    width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--border-color); 
    display: flex; align-items: center; justify-content: center; 
    font-size: 13px; font-weight: 600; color: #333; transition: 0.2s; text-decoration: none;
}
.age-pills-round a:hover { border-color: var(--fint-purple); color: var(--fint-purple); background: #f8f7ff; }

/* Linki list */
.two-col-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.two-col-list a, .simple-list a { font-size: 14px; font-weight: 600; color: #333; transition: 0.2s; text-decoration: none; }
.two-col-list a:hover, .simple-list a:hover { color: var(--fint-purple); }
.simple-list { display: flex; flex-direction: column; gap: 16px; }

/* Promo banner - CIEMNY GRADIENT */
.promo-banner {
    border-radius: 12px; 
    aspect-ratio: 1 / 1;
    height: 100%;
    position: relative; 
    overflow: hidden; 
    display: block;
    transition: transform 0.3s; 
    text-decoration: none; 
    min-height: 220px;
    background-color: #111; /* Ciemne tło bazowe */
}
.promo-banner:hover { transform: scale(1.02); }

/* Zdjęcie na pełnym tle */
.promo-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    z-index: 1;
    transition: transform 0.5s ease;
}
.promo-banner:hover .promo-bg-img {
    transform: scale(1.05); /* Lekki zoom zdjęcia */
}

/* Nakładka z płynnym, ciemnym gradientem */
.promo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 25px;
    /* Gradient: od 80% czerni w lewym górnym rogu, płynnie zanikający do 0% w prawym dolnym */
    background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Teksty na nakładce */
.promo-date { 
    font-size: 11px; 
    font-weight: 800; 
    letter-spacing: 1px; 
    margin-bottom: 8px; 
    color: #ffd166; /* Złoty/żółty akcent dla daty */
}
.promo-title { 
    font-size: 24px; 
    font-weight: 800; 
    line-height: 1.1; 
    margin-bottom: 12px; 
    color: #ffffff; /* Biały tytuł */
}
.promo-banner .btn-link { 
    font-size: 13px; 
    font-weight: 700; 
    display: flex; 
    align-items: center; 
    gap: 5px; 
    color: #ffffff; /* Biały link */
    opacity: 0.9;
}
.promo-banner:hover .btn-link {
    opacity: 1;
}


/* =========================================
   WIDOK MOBILNY I TABLET (Kozaknadruki Style)
   ========================================= */
@media (max-width: 992px) {
    /* Zamiana siatki na widok pionowy (element pod elementem) */
    .mega-tab-content.active { 
        display: flex; 
        flex-direction: column; 
        gap: 35px; 
        padding: 20px 15px; /* Mniejsze marginesy na tel */
    }

    /* Zamiana szerokich zakładek na "Pigułki" (Przyciski) */
    .mega-tabs-header { 
        flex-direction: row; 
        flex-wrap: wrap; /* Pozwala zawinąć do nowej linii na bardzo małych ekranach */
        gap: 10px; 
        padding: 20px 15px 5px 15px; 
        background: #ffffff; /* Czyste białe tło dla przycisków */
        border-bottom: none;
        justify-content: center;
    }
    
    .mega-tab-btn {
        flex: 0 1 auto; /* Przycisk dopasowuje się do tekstu, nie rozciąga się */
        padding: 10px 18px;
        border: 1px solid var(--border-color); /* Dodajemy obramowanie */
        border-radius: 50px; /* Robimy "pigułkę" */
        font-size: 12px; /* Minimalnie mniejsza na tel */
        letter-spacing: 0.5px; /* Mniejsze rozstrzelenie na tel */
    }
    
    .mega-tab-btn.active {
        background: var(--fint-purple);
        color: #ffffff;
        border: 1px solid var(--fint-purple);
    }

    /* Dopasowanie linków - na małym ekranie dwie kolumny mogą być za ciasne */
    .two-col-list { 
        grid-template-columns: 1fr; /* Jedna kolumna linków na telefonie */
    }

    /* Delikatne dopasowanie kalendarza */
    .calendar-item { padding: 10px 5px; }
    /*.promo-banner {
        aspect-ratio: 2 / 1;
    } */
}/* End custom CSS */