wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline .wp-block-jetpack-subscriptions__form .wp-block-jetpack-subscriptions__textfield, .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline .wp-block-jetpack-subscriptions__form p#subscribe-email, .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline form .wp-block-jetpack-subscriptions__textfield, .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline form p#subscribe-email {
    color: #070a4b !important;
}

/* --- 1. STABILIZACJA PRZED ZAŁADOWANIEM (Fix na trzęsienie) --- */
.upcoming-events-slider {
    display: flex !important;
    overflow: hidden;
    gap: 0;
    margin: 40px auto;
    padding: 0 50px;
    visibility: hidden; /* Ukrywamy na start */
}

/* Pokazujemy slider dopiero gdy skrypt go zainicjuje */
.upcoming-events-slider.slick-initialized {
    visibility: visible;
    display: block !important;
}

/* Wstępne ustawienie szerokości kolumn, żeby nie skakały */
.upcoming-events-slider:not(.slick-initialized) > * {
    flex: 0 0 33.333%;
    padding: 0 15px;
    box-sizing: border-box;
}

/* --- FIX DLA GUTENBERGA (Żeby nie obcinało strzałek i nie chowało bloku) --- */
body.wp-admin .upcoming-events-slider,
.block-editor-block-list__layout .upcoming-events-slider {
    visibility: visible !important;
    overflow: visible !important; /* To naprawia obcinanie strzałek */
    display: flex !important;
}

/* W edytorze przesuwamy strzałki ciut do środka, żeby nie wychodziły poza obszar roboczy */
body.wp-admin .upcoming-events-slider .slick-prev { left: 10px !important; }
body.wp-admin .upcoming-events-slider .slick-next { right: 10px !important; }

/* --- 2. WYRÓWNANIE KART I PRZYCISKÓW --- */
.upcoming-events-slider.slick-initialized .slick-track {
    display: flex !important;
    align-items: stretch;
}

.upcoming-events-slider.slick-initialized .slick-slide {
    height: auto;
    display: flex !important;
    padding: 0 15px;
    box-sizing: border-box;
}

.upcoming-events-slider.slick-initialized .slick-slide > div {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100%;
}

/* --- 3. TYTUŁ: ZAWSZE 2 LINIE --- */
body:not(.wp-admin) .upcoming-events-slider h3, 
body:not(.wp-admin) .upcoming-events-slider .event-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    line-height: 1.5em; 
    margin-bottom: 15px;
}

/* --- 4. PRZYCISK NA SAMYM DOLE --- */
.upcoming-events-slider.slick-initialized .wp-block-button {
    margin-top: auto !important;
    padding-top: 15px;
}

/* --- 5. GRUBE STRZAŁKI BEZ TŁA --- */
.upcoming-events-slider .slick-prev, 
.upcoming-events-slider .slick-next {
    width: 50px;
    height: 50px;
    background: transparent !important;
    border: none !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.upcoming-events-slider .slick-prev:before, 
.upcoming-events-slider .slick-next:before {
    font-size: 50px;
    color: #f7a853 !important;
    font-weight: bold;
    font-family: Arial, sans-serif;
    opacity: 1;
}

.upcoming-events-slider .slick-prev:before { content: '❮'; }
.upcoming-events-slider .slick-next:before { content: '❯'; }

/* Pozycjonowanie na froncie (poza zdjęciami) */
.upcoming-events-slider .slick-prev { left: -10px; }
.upcoming-events-slider .slick-next { right: -10px; }

/* --- 6. PROPORCJE ZDJĘĆ --- */
.upcoming-events-slider img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    margin-bottom: 15px;
}

.upcoming-events-slider .slick-dots { display: none !important; }