/* ==================================================
   Starter do Kultury — TEC (Astra Child)
   Plik: assets/css/tec.css
   Zakres: tylko widoki TEC (body ma klasę .s2k-events-view)
   WERSJA: FINAL HYBRID + NAV FONT SIZE (1.5625rem Desktop / 1.125rem Mobile)
================================================== */

/* --------------------------------------------------
   1. LAYOUT & CONTAINER FIX
   -------------------------------------------------- */
body.s2k-events-view .tribe-common-l-container.tribe-events-l-container {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 922px) {
    body.s2k-events-view .tribe-common-l-container.tribe-events-l-container {
        max-width: 1758px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 921px) {

    body.s2k-events-view #content .ast-container,
    body.s2k-events-view .site-content .ast-container,
    body.s2k-events-view .tribe-common-l-container.tribe-events-l-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.s2k-events-view .s2k-tec-search-slot,
    body.s2k-events-view .tribe-events-view,
    body.s2k-events-view .tribe-events-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.s2k-tec-wrapper {
    display: block !important;
    width: 100%;
    position: relative;
    overflow-x: clip;
}

/* --------------------------------------------------
   2. HERO BANNER
   -------------------------------------------------- */
body.s2k-events-view .s2k-tec-banner {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-right: 40px !important;
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--ast-global-color-1);
    background-image: url('https://starterdokultury.pl/wp-content/uploads/2025/12/Group-271.webp');
    background-repeat: no-repeat;
    height: 200px;

    /* BYŁO: background-position: right 112px top 45%; */
    background-position: right clamp(31px, calc((100vw - 1758px)/2 + 31px), 112px) top 45%;

    background-size: 209px auto;
    background-attachment: scroll;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

body.s2k-events-view .s2k-tec-banner__inner {
    max-width: 1758px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    text-align: center;
}

body.s2k-events-view .s2k-tec-banner__title {
    margin: 0;
    line-height: 1.1;
    color: #15133f;
    text-transform: uppercase;
    text-align: center;
}

/* Desktop: tytuł ma "strefę bezpieczną" (żeby nie wchodził na dekorację),
   ale nadal zostaje wizualnie wyśrodkowany */
@media (min-width: 922px) {
    body.s2k-events-view .s2k-tec-banner__title {
        display: inline-block;
        box-sizing: border-box;
        padding-left: clamp(20px, 6vw, 180px);
        padding-right: clamp(20px, 6vw, 180px);
        max-width: 100%;
    }
}

@media (max-width: 921px) {
    body.s2k-events-view .s2k-tec-banner {
        height: 170px;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background-position: 98% 45% !important;
        background-size: 153px auto !important;
        justify-content: flex-start !important;
        padding-left: 31px !important;
        padding-right: 31px !important;
    }

    body.s2k-events-view .s2k-tec-banner__inner {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    body.s2k-events-view .s2k-tec-banner__title {
        text-align: left !important;
        margin: 0 !important;

        /* strefa bezpieczna po PRAWEJ (bo tekst jest od lewej) */
        padding-right: clamp(140px, 18vw, 240px) !important;
    }
}

@media (max-width: 544px) {
    body.s2k-events-view .s2k-tec-banner {
        height: 96px;
        background-position: 91% 50% !important;
        background-size: 90px auto !important;
        padding-left: 31px !important;
    }

    /* H1 w bannerze: 30px + wymuszenie łamania po "ZAPISY" */
    body.s2k-events-view h1#events-page-title.s2k-tec-banner__title {
        font-size: 30px !important;
        line-height: 1.1 !important;
        padding: 0 !important;

        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: normal;

        display: inline-block;
        max-width: 170px;
    }
}

/* --------------------------------------------------
   3. SEARCH SLOT (Fix: ID Selector for Padding)
   -------------------------------------------------- */
body.s2k-events-view .s2k-tec-search-slot {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: 0;
    background: transparent;
}

body.s2k-events-view .s2k-tec-search-slot .ast-container {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100%;
    max-width: 1758px !important;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    max-width: none !important;
}

body.s2k-events-view .s2k-tec-search {
    width: 100%;
    max-width: 400px;
}

/* === KLUCZOWA POPRAWKA === */
/* Używamy ID #ecsa-search-box - to przebije style wtyczki na 100% */
body.s2k-events-view .s2k-tec-search #ecsa-search-box {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 2px solid #0B1020 !important;
    border-radius: 0 !important;
    min-height: 56px !important;

    /* 60px z prawej strony -> tekst zatrzyma się przed lupą */
    padding: 0 60px 0 16px !important;

    background-color: #ffffff !important;
}

body.s2k-events-view .s2k-tec-search button,
body.s2k-events-view .s2k-tec-search input[type="submit"] {
    border: 2px solid #0B1020;
    border-radius: 0;
    min-height: 56px;
}

/* --------------------------------------------------
   4. SEARCH W SEPARATORZE
   -------------------------------------------------- */
body.s2k-events-view .tribe-events-calendar-list__month-separator {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap;
    padding: 20px 0 !important;
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
}

body.s2k-events-view .tribe-events-calendar-list__month-separator::before,
body.s2k-events-view .tribe-events-calendar-list__month-separator::after {
    display: none !important;
}

body.s2k-events-view .tribe-events-calendar-list__month-separator-text {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;

    font-size: 1.875rem !important;
}

body.s2k-events-view .s2k-tec-search-in-separator {
    width: 100%;
    max-width: 400px;
}

body.s2k-events-view .tribe-events-calendar-list__month-separator .s2k-tec-search {
    margin-left: auto;
}

body.s2k-events-view .tribe-events-calendar-list__month-separator~.tribe-events-calendar-list__month-separator .s2k-tec-search-in-separator {
    display: none !important;
}

/* --------------------------------------------------
   5. ELEMENTY TEC (Top Bar, Nav, Reset)
   -------------------------------------------------- */

/* --- FIX: Full Width Background dla Top Bar --- */
body.s2k-events-view .tribe-events-c-top-bar {
    position: relative !important;
    border: none !important;
    background: transparent !important;
    padding: 18px 0;
    overflow: visible !important;
}

body.s2k-events-view .tribe-events-c-top-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    border-top: 2px solid #0B1020;
    border-bottom: 2px solid #0B1020;
    background-color: #fff;
    z-index: -1;
}

/* --- FIX: PRZYCISK "DZISIAJ" KWADRATOWY --- */
body.s2k-events-view .tribe-events-c-top-bar__today-button {
    border-radius: 0 !important;
}

.tribe-events-view {
    clear: both;
    width: 100%;
    display: block;
    margin-top: 20px;
}

body.s2k-events-view .tribe-events-c-view-selector__list-item--day {
    display: none !important;
}

/* --- FIX: Usunięcie linii nad dolną nawigacją (Poprzednie/Następne) --- */
body.s2k-events-view .tribe-events-calendar-list-nav {
    border: none !important;
}

/* --- NAWIGACJA (Desktop Default) --- */
body.s2k-events-view .tribe-events-c-nav__prev,
body.s2k-events-view .tribe-events-c-nav__next {
    /* ZMIANA: 1.5625rem na desktopie */
    font-size: 1.5625rem !important;
    text-decoration: none !important;
}

body.s2k-events-view .tribe-events-c-nav__prev-label,
body.s2k-events-view .tribe-events-c-nav__next-label {
    font-size: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 768px) {
    body.s2k-events-view .tribe-events-calendar-list__month-separator {
        flex-wrap: wrap;
        gap: 15px;
    }

    body.s2k-events-view .tribe-events-calendar-list__month-separator .s2k-tec-search {
        max-width: 100%;
        width: 100%;
    }

    body.s2k-events-view .s2k-tec-search-slot .ast-container {
        justify-content: stretch;
    }
}


/* --------------------------------------------------
   7. WIDOK KART (LISTA) - LAYOUT
   -------------------------------------------------- */

/* 1. GŁÓWNA RAMKA KARTY */
body.s2k-events-view .tribe-events-calendar-list__event-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;

    border: 2px solid #0B1020 !important;
    background-color: #fff !important;

    margin: 0 0 40px 0 !important;

    /* --- PADDING 36px (To odsuwa treść od krawędzi) --- */
    padding: 36px !important;

    box-sizing: border-box !important;
    min-height: 477px !important;

    position: relative !important;
    overflow: hidden !important;
}

/* Wymuszamy min-height tylko na pełnym Desktopie */
@media (min-width: 1412px) {
    body.s2k-events-view .tribe-events-calendar-list__event-row {
        min-height: 477px !important;
    }
}

/* 2. RESET WEWNĘTRZNY & POZYCJONOWANIE */
/* --- WAŻNE: Dodajemy position relative do wrappera treści --- */
/* To jest nasz punkt odniesienia dla przycisku na Desktopie */
body.s2k-events-view .tribe-events-calendar-list__event-wrapper,
body.s2k-events-view .tribe-common-g-col {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;

    position: relative !important;
}

/* Reset Astry */
body.s2k-events-view .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event,
body.s2k-events-view .tribe-events-calendar-list__event-row article.type-tribe_events,
body.s2k-events-view .tribe-events-calendar-list__event-row:nth-of-type(even) article,
body.s2k-events-view .tribe-events-calendar-list__event-row:nth-of-type(odd) article,
body.s2k-events-view .tribe-events-calendar-list__event-row .ast-width-md-4 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    float: none !important;
}

/* 3. WRAPPER OBRAZKA (LEWA STRONA) */
body.s2k-events-view .tribe-events-calendar-list__event-featured-image-wrapper {
    order: -1 !important;
    flex: 0 0 470px !important;
    width: 470px !important;
    max-width: 470px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: none !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

/* 4. SAM OBRAZEK (16:9) */
body.s2k-events-view .tribe-events-calendar-list__event-featured-image-wrapper img {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.s2k-events-view .tribe-events-calendar-list__event-featured-image-wrapper a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* 5. TREŚĆ (PRAWA STRONA) */
body.s2k-events-view .tribe-events-calendar-list__event-details {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    /* Padding 36px z lewej (odstęp od zdjęcia) */
    padding: 0 0 0 36px !important;

    margin: 0 !important;
    box-sizing: border-box !important;
    border: none !important;
    text-align: left !important;
}

/* --------------------------------------------------
   6. PRZYCISK "WIĘCEJ" - LOGIKA POZYCJONOWANIA
   -------------------------------------------------- */

/* --- BAZA (Wygląd) --- */
body.s2k-events-view a.tribe-events-read-more {
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    z-index: 50;

    /* KOLORY Z ASTRY */
    background-color: var(--ast-global-color-1) !important;
    color: var(--ast-global-color-3) !important;

    /* FONT */
    font-family: 'Lexend', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;
    border-radius: 0px !important;

    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* HOVER */
body.s2k-events-view a.tribe-events-read-more:hover {
    background-color: var(--ast-global-color-0) !important;
    color: var(--ast-global-color-4) !important;
    transform: none !important;
}

/* --- LOGIKA RESPONSYWNA --- */

/* 1. DUŻY DESKTOP ( > 1412px ) */
@media (min-width: 1412px) {
    body.s2k-events-view a.tribe-events-read-more {
        position: absolute !important;

        /* --- 0,0 - WYKORZYSTUJEMY PADDING RODZICA --- */
        top: 0 !important;
        right: 0 !important;

        bottom: auto !important;

        font-size: 2.0625rem !important;
        padding: 16px 40px 18px 40px !important;
    }
}

/* 2. LAPTOP / TABLET ( 922px - 1411px ) */
/* --- TUTAJ WRACAMY DO BEZPIECZNEGO SKALOWANIA (Relative) --- */
/* Dzięki temu przycisk spada pod tekst i nie zasłania go przy zwężaniu */
@media (min-width: 922px) and (max-width: 1411px) {
    body.s2k-events-view a.tribe-events-read-more {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;

        /* Wyrównanie do prawej */
        align-self: flex-end !important;
        margin-left: auto !important;

        /* Odstęp od góry */
        margin-top: 31px !important;

        /* Nieco mniejszy font */
        font-size: 1.6875rem !important;
        padding: 14px 28px 14px 28px !important;
    }
}

/* 3. MOBILE ( < 921px ) - STATIC (POD TEKSTEM) */
@media (max-width: 921px) {
    body.s2k-events-view a.tribe-events-read-more {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        right: auto !important;

        align-self: flex-end !important;
        margin-left: auto !important;
        margin-top: 31px !important;

        font-size: 1.4375rem !important;
        padding: 13px 20px 12px 19px !important;
    }
}

/* Reset pseudo-elementów */
body.s2k-events-view .tribe-events-read-more::before {
    display: none !important;
    content: none !important;
}

/* 7.4 TYPOGRAFIA */

body.s2k-events-view .tribe-events-calendar-list__event-date-tag {
    display: none !important;
}

body.s2k-events-view .tribe-events-calendar-list__event-datetime-wrapper,
body.s2k-events-view .tribe-events-calendar-list__event-datetime,
body.s2k-events-view .tribe-event-date-start {
    display: block !important;
    font-size: 2.5rem !important;
    /* 40px Desktop */
    font-family: 'Lexend', sans-serif !important;
    font-weight: 700 !important;
    color: #0B1020 !important;
    text-transform: none !important;
    margin-bottom: 15px !important;
    line-height: 1.1 !important;
    text-align: left !important;
}

body.s2k-events-view .tribe-events-calendar-list__event-datetime span,
body.s2k-events-view .s2k-tec-date,
body.s2k-events-view .s2k-tec-day,
body.s2k-events-view .s2k-tec-time {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
}

/* Tytuł */
body.s2k-events-view .tribe-events-calendar-list__event-title {
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;

    /* SAFE ZONE: 300px na Dużym Desktopie */
    padding: 0 300px 0 0 !important;

    text-transform: uppercase !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    cursor: default !important;
    text-decoration: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
}

/* Adres / Lokalizacja (DESKTOP) */
body.s2k-events-view .tribe-events-calendar-list__event-venue {
    font-size: 1.5625rem !important;
    line-height: 1.4 !important;
    color: #0B1020 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* RESET PADDINGU TYTUŁU PONIŻEJ 1411px */
/* Skoro przycisk spada na dół, nie potrzebujemy już Safe Zone na tytuł */
@media (max-width: 1411px) {
    body.s2k-events-view .tribe-events-calendar-list__event-title {
        padding-right: 0 !important;
    }
}

/* Opis (DESKTOP) */
body.s2k-events-view .tribe-events-calendar-list__event-description {
    /* --- WIELKOŚĆ DESKTOP: 1.75rem --- */
    font-size: 1.75rem !important;
    line-height: 1.5 !important;
    color: #0B1020 !important;
    margin-top: 10px !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}


/* --------------------------------------------------
   8. MOBILE RESPONSIVE DLA KART (Poniżej 921px)
   -------------------------------------------------- */
@media (max-width: 921px) {

    /* Resetujemy padding i wysokość na mobile */
    body.s2k-events-view .tribe-events-calendar-list__event-row {
        /* --- NOWY WYMÓG: MIN 637px --- */
        min-height: 637px !important;
        height: auto !important;

        /* Usuwamy dolny padding, bo przycisk nie jest już absolute */
        padding: 0 !important;
    }

    /* Reset wrapperów na kolumnę */
    body.s2k-events-view .tribe-events-calendar-list__event-wrapper,
    body.s2k-events-view .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event,
    body.s2k-events-view .tribe-events-calendar-list__event-row:nth-of-type(even) article,
    body.s2k-events-view .tribe-events-calendar-list__event-row:nth-of-type(odd) article {
        flex-direction: column !important;
        height: auto !important;
        padding: 0 !important;
    }

    /* Obrazek na pełną szerokość */
    body.s2k-events-view .tribe-events-calendar-list__event-featured-image-wrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: auto !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        border-right: none !important;
        border-bottom: 2px solid #0B1020 !important;
        margin-bottom: 0 !important;
        background-color: #fff !important;
    }

    body.s2k-events-view .tribe-events-calendar-list__event-featured-image-wrapper img {
        width: 100% !important;
        position: relative !important;
    }

    /* Treść */
    body.s2k-events-view .tribe-events-calendar-list__event-details {
        padding: 30px 20px !important;
        width: 100% !important;
    }

    /* DATA NA MOBILE: OK. 25px */
    body.s2k-events-view .tribe-events-calendar-list__event-datetime-wrapper,
    body.s2k-events-view .tribe-events-calendar-list__event-datetime,
    body.s2k-events-view .tribe-event-date-start {
        font-size: 1.5625rem !important;
    }

    /* Tytuł */
    body.s2k-events-view .tribe-events-calendar-list__event-title {
        padding-right: 0 !important;
        /* MOBILE FONT SIZE */
        font-size: 1.25rem !important;
        -webkit-line-clamp: 3 !important;
    }

    /* Adres / Lokalizacja NA MOBILE */
    body.s2k-events-view .tribe-events-calendar-list__event-venue {
        font-size: 1.125rem !important;
    }

    /* --- NOWE: OPIS NA MOBILE --- */
    /* Wymuszamy widoczność opisu, który normalnie jest ukrywany */
    body.s2k-events-view .tribe-events-calendar-list__event-description {
        display: -webkit-box !important;
        visibility: visible !important;
        opacity: 1 !important;

        font-size: 1rem !important;
        line-height: 1.5 !important;

        -webkit-line-clamp: 7 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;

        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    /* --- ZMIANA: NAWIGACJA NA MOBILE (1.125rem) --- */
    body.s2k-events-view .tribe-events-c-nav__prev,
    body.s2k-events-view .tribe-events-c-nav__next {
        font-size: 1.125rem !important;
    }
}












/* =========================================================
   S2K - FONTY DLA LISTY ORAZ WIDOKU MIESIĄCA (Cukier & Scandia)
   ========================================================= */

/* 1. CUKIER BOLD 
   (Tylko Daty na liście wydarzeń - data po lewej stronie) */
body.s2k-events-view .tribe-events-calendar-list__event-datetime-wrapper,
body.s2k-events-view .tribe-events-calendar-list__event-datetime,
body.s2k-events-view .s2k-tec-date,
body.s2k-events-view .s2k-tec-day,
body.s2k-events-view .s2k-tec-time {
    font-family: "Cukier", sans-serif !important;
    font-weight: 700 !important;
    /* Bold */
}

/* 2. CUKIER REGULAR 
   (Tytuły, Top Bar, Wyszukiwarka, Guziki + PRZYCISK WIĘCEJ, Separatory) */
body.s2k-events-view .tribe-events-calendar-list__event-title,
body.s2k-events-view .tribe-events-calendar-list__event-title a,
/* Separator miesiąca (np. "luty 2026") */
body.s2k-events-view .tribe-events-calendar-list__month-separator-text,
/* Link "Aktualny miesiąc" (Dzisiaj) */
body.s2k-events-view .tribe-events-c-nav__today,
/* --- PRZENIESIONE TUTAJ: Przycisk "WIĘCEJ" --- */
body.s2k-events-view a.tribe-events-read-more,
/* Widok Miesiąca: Tytuł wydarzenia w kratce */
body.s2k-events-view .tribe-events-calendar-month__calendar-event-title,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-title-link,
/* Widok Miesiąca: Numery dni w kratkach (1, 2, 3...) */
body.s2k-events-view .tribe-events-calendar-month__day-date,
body.s2k-events-view .tribe-events-calendar-month__day-date-daynum,
body.s2k-events-view .tribe-events-calendar-month__mobile-day-heading,
/* Top Bar - Wybierak daty i nawigacja */
body.s2k-events-view .tribe-events-c-top-bar__datepicker-button,
body.s2k-events-view .tribe-events-c-top-bar__datepicker-time,
body.s2k-events-view .tribe-events-c-top-bar__datepicker-desktop,
body.s2k-events-view .tribe-common-h5,
body.s2k-events-view .tribe-common-h6,
body.s2k-events-view .tribe-events-c-top-bar__today-button,
/* Guziki i Dropdowny */
body.s2k-events-view .tribe-events-c-subscribe-dropdown__button,
body.s2k-events-view .tribe-events-c-subscribe-dropdown__button-text,
body.s2k-events-view .tribe-events-c-view-selector__button-text,
body.s2k-events-view .tribe-events-c-view-selector__list-item-text,
/* Wyszukiwarka */
body.s2k-events-view .s2k-tec-search input[type="search"],
body.s2k-events-view .s2k-tec-search input[type="text"],
body.s2k-events-view .s2k-tec-search input::placeholder,
/* Datepicker Popup */
body.s2k-events-view .datepicker,
body.s2k-events-view .datepicker table tr td span,
body.s2k-events-view .datepicker th.datepicker-switch {
    font-family: "Cukier", sans-serif !important;
    font-weight: 400 !important;
    /* Regular */
}

/* 3. SCANDIA REGULAR (400)
   (Opisy, Nawigacja, Tooltip, Godziny - BEZ przycisku więcej) */
body.s2k-events-view .tribe-events-calendar-list__event-venue,
body.s2k-events-view .tribe-events-calendar-list__event-venue-title,
body.s2k-events-view .tribe-events-calendar-list__event-venue address,
body.s2k-events-view .tribe-events-calendar-list__event-description,
body.s2k-events-view .tribe-events-calendar-list__event-description p,
/* Nawigacja (Poprzednie / Następne) */
body.s2k-events-view .tribe-events-c-nav__prev,
body.s2k-events-view .tribe-events-c-nav__next,
body.s2k-events-view .tribe-events-c-nav__prev-label,
body.s2k-events-view .tribe-events-c-nav__next-label,
/* --- Widok Miesiąca: Link "+ 1 więcej" --- */
body.s2k-events-view .tribe-events-calendar-month__more-events-link,
/* --- Widok Miesiąca: Godzina w kratce --- */
body.s2k-events-view .tribe-events-calendar-month__calendar-event-datetime,
/* --- Widok Miesiąca: TOOLTIP (Dymek po najechaniu) --- */
body.s2k-events-view .tribe-events-calendar-month__calendar-event-tooltip,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-tooltip-title,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-tooltip-datetime,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-tooltip-description {
    font-family: "Scandia", sans-serif !important;
    font-weight: 400 !important;
    /* Regular */
    letter-spacing: 0px !important;
}

/* 4. SCANDIA MEDIUM (500)
   (Komunikaty - pogrubione) */
body.s2k-events-view .tribe-events-c-messages__message,
body.s2k-events-view .tribe-events-c-messages__message--notice {
    font-family: "Scandia", sans-serif !important;
    font-weight: 500 !important;
    /* Medium */
    letter-spacing: 0px !important;
}











/* =========================================================
   S2K – STATUS ZAPISÓW + NOWY CLAMP DLA WIDOKU MIESIĄCA
   ========================================================= */

/* -------------------------
   1. STATUSY – baza
   ------------------------- */
body.s2k-events-view .s2k-signups-status {
    display: inline-block !important;
    font-family: "Scandia", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body.s2k-events-view .s2k-signups-status--open {
    color: #157347 !important;
}

body.s2k-events-view .s2k-signups-status--closed {
    color: #c62828 !important;
}

body.s2k-events-view .s2k-signups-status--past {
    color: #141827 !important;
}

body.s2k-events-view .s2k-signups-status--info {
    color: #0B5ED7 !important;
}

/* -------------------------
   2. STATUS – widok lista
   ------------------------- */
body.s2k-events-view .tribe-events-calendar-list__event-signups-status {
    display: block !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 30px !important;
    text-align: right !important;
}

body.s2k-events-view .tribe-events-calendar-list__event-signups-status .s2k-signups-status {
    font-size: 1.75rem !important;
}

@media (max-width: 1411px) {
    body.s2k-events-view .tribe-events-calendar-list__event-signups-status {
        padding-top: 31px !important;
    }

    body.s2k-events-view .tribe-events-calendar-list__event-signups-status .s2k-signups-status {
        font-size: 1.375rem !important;
    }
}

@media (max-width: 921px) {
    body.s2k-events-view .tribe-events-calendar-list__event-signups-status {
        padding-top: 23px !important;
    }

    body.s2k-events-view .tribe-events-calendar-list__event-signups-status .s2k-signups-status {
        font-size: 1.125rem !important;
    }
}

/* -------------------------
   3. PODZIAŁ DLA CLAMP – lista i miesiąc
   ------------------------- */

/* Najpierw porządkujemy sam blok eventu w kratce */
body.s2k-events-view .tribe-events-calendar-month__calendar-event,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-details,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-title,
body.s2k-events-view .tribe-events-calendar-month__calendar-event-title-link {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

html body #page .tribe-events-calendar-month__calendar-event-title,
html body #page .tribe-events-calendar-month__calendar-event-title a,
html body #page .tribe-events-calendar-month__calendar-event-title-link,
html body #page .tribe-events-calendar-month__calendar-event-title-link.tribe-common-anchor-thin {
    font-size: clamp(1.09375rem, calc(0.15625rem + 1.171875vw), 1.5625rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-decoration: none !important;
}

/* Lekki oddech między godziną a tytułem */
body.s2k-events-view .tribe-events-calendar-month__calendar-event-datetime {
    margin-bottom: 8px !important;
}

/* -------------------------
   4. STATUS – widok miesiąc
   ------------------------- */
body.s2k-events-view .tribe-events-calendar-month__event-signups-status {
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    text-align: left !important;
}

body.s2k-events-view .tribe-events-calendar-month__event-signups-status .s2k-signups-status {
    font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* -------------------------
   4a. ODSTĘP MIĘDZY KOLEJNYMI WYDARZENIAMI
   w jednej kratce month view
   ------------------------- */
body.s2k-events-view .tribe-events-calendar-month__events 
.tribe-events-calendar-month__calendar-event + .tribe-events-calendar-month__calendar-event {
    margin-top: 1.875rem !important; /* 30px */
}

@media (max-width: 1200px) {
    body.s2k-events-view .tribe-events-calendar-month__calendar-event-title-link {
        font-size: clamp(1.125rem, 0.95rem + 0.45vw, 1.375rem) !important;
        line-height: 1.08 !important;
    }

}