/* ---------- EVENT PAGE TYPO ---------- */
.page-template-events .video-main .mobile{
    display: none;
}
.page-template-events .video-main .desktop{
    display: block;
}
.page-template-events {
    background-color: #000;
}

.page-template-events .lead-main {
    font-family: 'Nines', sans-serif;
    font-size: 53.3333px;
    color: rgb(242, 244, 234);
    line-height: 63px;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin: 0;
}

.page-template-events .lead-main-classic {
    font-family: 'Times New Roman', sans-serif;
    font-size: 53.3333px;
    color: rgb(242, 244, 234);
    line-height: 63px;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin: 0;
}

.page-template-events .content {
    padding: 30px 60px 50px 60px;
    max-width: 75%;
}


.page-template-events .content p,
.page-template-events .content ul {
    font-size: 25.3333px;
    font-family: 'Times New Roman', sans-serif;
    line-height: 35px;
    letter-spacing: -0.025em;
    margin-bottom: 0;
}

.page-template-events .content code {
    font-size: 54.3333px;
    font-family: 'Times New Roman', sans-serif;
    line-height: 65px;
    letter-spacing: -0.025em;
}

.page-template-events .przestrzen .wp-block-columns {
    gap: 0 !important;
}

.page-template-events .przestrzen .item {
    position: relative;
}

.page-template-events .przestrzen .item figure {
    margin: 0 0 0 0;
}

.page-template-events .przestrzen .item img {
    border: 5px solid #000;
}

.page-template-events .przestrzen .item h3 {
    position: absolute;
    font-size: 29.7416px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    background-color: #000;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 0 0 15px 15px;
}

.page-template-events .team .content {
    padding: 30px 60px 50px 60px;
    max-width: 80%;
}

.page-template-events .team-col .lead-main-classic {
    font-family: 'Times New Roman', sans-serif;
    padding-bottom: 0;
    line-height: 40px;
    margin-bottom: 0;
}

.page-template-events .floorview-trigger {
    cursor: pointer
}

.page-template-events .team-col p {
    font-size: 25.3333px;
    font-family: 'Times New Roman', sans-serif;
    line-height: 35px;
    letter-spacing: -0.025em;
    margin-bottom: 0;
}


.page-template-events .swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: none !important;
    -ms-scroll-snap-type: none !important;
}

.page-template-events .swiper-slide {
    scroll-snap-align: none !important;
}

.page-template-events .video-main .wp-block-video {
    box-sizing: border-box;
    HEIGHT: 70VH;
    OVERFLOW: hidden;
}

.page-template-events .przestrzen .item:hover h3 {
    padding: 50% 0 !important;
    height: 100% !important;
    width: 100% !important;
    background-color: #000000bd !important;
    transition: all 0.12s ease-in-out !important;
}

.page-template-events .popup {
    cursor: pointer;
}

.page-template-events .popup:hover {
    color: #C28E7C !important;
}

.page-template-events .sg-popup-content {
    background-color: #00000000 !important;
    border-color: #00000000 !important;
}


.page-template-events *,
.page-template-events *::before,
.page-template-events *::after {
    box-sizing: border-box;
}

.page-template-events img,
.page-template-events video {
    max-width: 100%;
    height: auto;
    display: block;
}

.page-template-events .content ul {
    padding-left: 1.2em;
}


.page-template-events h3.lead-main.popup {
    cursor: pointer;
    /* czuć, że klikalne */
    transform: translateZ(0);
    /* lepsza płynność */
    transition: transform .18s ease;
}

.page-template-events h3.lead-main.popup:hover,
.page-template-events h3.lead-main.popup:focus-visible {
    transform: scale(1.015);
    /* +1.5% tylko przy interakcji */
}

@keyframes gentlePulse {
    0% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.03);
    }


    100% {
        transform: scale(1);
    }
}

.page-template-events h3.lead-main.popup.is-inview {
    animation: gentlePulse 1.2s ease-out 1;
}

.page-template-events h3.lead-main.popup.subtle-loop {
    animation: gentlePulse 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {

    .page-template-events h3.lead-main.popup,
    .page-template-events h3.lead-main.popup.is-inview,
    .page-template-events h3.lead-main.popup.subtle-loop {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}









/* ===================== MOBILE ≤ 767px ===================== */
@media (max-width: 767.98px) {
.page-template-events .video-main .mobile{
    display: block;
}
.page-template-events .video-main .desktop{
    display: none;
}
.page-template-events {
    background-color: #000;
}
    /* Layout containers */
    .page-template-events .content,
    .page-template-events .team .content {
        max-width: 100%;
        padding: 20px clamp(16px, 4vw, 24px) 28px;
    }

    .page-template-events .cover-event-main {
        position: relative;
        height: 290px !important;
        min-height: 290px !important;
        overflow: hidden;
        background-size: cover !important;
        /* jeśli to tło */
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .page-template-events .cover-event-main img,
    .page-template-events .cover-event-main .wp-block-cover__image-background {
        position: absolute;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        /* nadpisuje Twoje globalne height:auto */
        object-fit: cover !important;
        /* crop zamiast skalowania */
        object-position: center !important;
    }

    /* Headings */
    .page-template-events .lead-main,
    .page-template-events .lead-main-classic {
        font-size: clamp(24px, 7vw, 34px);
        line-height: 1.2;
        padding-bottom: 12px;
        margin: 0;
    }

    /* Body text */
    .page-template-events .content p,
    .page-template-events .content ul,
    .page-template-events .team-col p {
        font-size: clamp(16px, 4.4vw, 18px);
        line-height: 1.5;
        letter-spacing: -0.01em;
    }

    /* Big numbers / code callouts */
    .page-template-events .content code {
        font-size: clamp(22px, 7vw, 28px);
        line-height: 1.25;
        word-break: break-word;
    }

    /* "Przestrzeń" tiles stack and tighten */
    .page-template-events .przestrzen .wp-block-columns {
        display: block !important;
        gap: clamp(8px, 2.5vw, 12px) !important;
    }

    .page-template-events .przestrzen .wp-block-column {
        margin-bottom: clamp(12px, 3vw, 16px);
    }

    .page-template-events .przestrzen .item img {
        border-width: 3px;
        width: 100%;
        height: auto;
    }

    .page-template-events .przestrzen .item h3 {
        font-size: clamp(16px, 4.6vw, 18px);
        top: 8px;
        left: 5%;
        right: 5%;
        border-radius: 10px;
        padding: 6px 10px;
        width: auto;
    }

    /* Disable hover expansion on touch – keep compact label */
    .page-template-events .przestrzen .item:hover h3 {
        padding: 6px 10px !important;
        height: auto !important;
        width: auto !important;
        background-color: #000 !important;
        transition: none !important;
    }

    /* Video height */
    .page-template-events .video-main .wp-block-video {
        height: 100%;
    }

    .page-template-events .wrapper-poziom-0 {
        text-align: center
    }

    .page-template-events .wrapper-poziom-0 .wp-block-spacer {
        display: none
    }

    .page-template-events .wrapper-poziom-1 {
        text-align: center
    }

    .page-template-events .wrapper-poziom-1 .wp-block-spacer {
        display: none
    }

    .page-template-events .wrapper-fan-zone {
        text-align: center
    }

    .page-template-events .wrapper-fan-zone .wp-block-spacer {
        display: none
    }

    /* Swiper: no snap on mobile (you already disable – keep explicit) */
    .page-template-events .swiper-container-css-mode > .swiper-wrapper {
        scroll-snap-type: none !important;
        -ms-scroll-snap-type: none !important;
    }

    .page-template-events .swiper-slide {
        scroll-snap-align: none !important;
    }
}

/* ===================== TABLET 768–1023px ===================== */
@media (min-width:767px) and (max-width:1023.98px) {

    .page-template-events .content,
    .page-template-events .team .content {
        max-width: 92%;
        padding: 28px 36px 40px;
    }

    .page-template-events .cover-event-main {
        min-height: 290px !important;
    }

    .page-template-events .przestrzen .item {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .page-template-events .wrapper-poziom-0 {
        text-align: center
    }

    .page-template-events .wrapper-poziom-0 .wp-block-spacer {
        display: none
    }

    .page-template-events .wrapper-poziom-1 {
        text-align: center
    }

    .page-template-events .wrapper-poziom-1 .wp-block-spacer {
        display: none
    }

    .page-template-events .wrapper-fan-zone {
        text-align: center
    }

    .page-template-events .wrapper-fan-zone .wp-block-spacer {
        display: none
    }

    .page-template-events .lead-main,
    .page-template-events .lead-main-classic {
        font-size: clamp(34px, 5vw, 42px);
        line-height: 1.25;
        padding-bottom: 16px;
    }

    .page-template-events .content p,
    .page-template-events .content ul,
    .page-template-events .team-col p {
        font-size: clamp(18px, 2.4vw, 20px);
        line-height: 1.55;
    }

    .page-template-events .content code {
        font-size: clamp(28px, 4.7vw, 34px);
        line-height: 1.25;
    }

    .page-template-events .przestrzen .wp-block-columns {
        gap: 12px !important;
    }

    .page-template-events .przestrzen .item h3 {
        font-size: clamp(18px, 2.4vw, 20px);
    }

    .page-template-events .video-main .wp-block-video {
        height: 56vh;
    }
}

/* ===================== LARGE TABLET / SMALL DESKTOP ≥1024px (polish a bit) ===================== */
@media (min-width:1023px) and (max-width:1279.98px) {

    .page-template-events .content,
    .page-template-events .team .content {
        max-width: 95%;
    }

    .page-template-events .lead-main,
    .page-template-events .lead-main-classic {
        line-height: 1.22;
    }

    .page-template-events .wrapper-poziom-0 h3 {
        font-size: 34px !important;
    }

    .page-template-events .wrapper-poziom-0 p {
        font-size: 28px !important;
    }

    .page-template-events .wrapper-poziom-0 .wp-block-column:nth-child(3) .wp-block-spacer {
        height: 56px !important;
    }

    .page-template-events .wrapper-poziom-0 .wp-block-column:nth-child(2) .wp-block-spacer {
        display: 20px !important;
    }

    .page-template-events .wrapper-poziom-1 h3 {
        font-size: 34px !important;
    }

    .page-template-events .wrapper-poziom-1 p {
        font-size: 28px !important;
    }

    .page-template-events .wrapper-poziom-1 .wp-block-column:nth-child(3) .wp-block-spacer {
        height: 56px !important;
    }

    .page-template-events .wrapper-poziom-1 .wp-block-column:nth-child(2) .wp-block-spacer {
        display: 20px !important;
    }

    .page-template-events .wrapper-fan-zone h3 {
        font-size: 34px !important;
    }

    .page-template-events .wrapper-fan-zone p {
        font-size: 28px !important;
    }

    .page-template-events .wrapper-fan-zone .wp-block-column:nth-child(2) .wp-block-spacer {
        height: 20px !important;
    }

    .page-template-events .wrapper-fan-zone .wp-block-column:nth-child(3) .wp-block-spacer {
        display: 20px !important;
    }
}

/* Minor QoL */
.page-template-events .popup:hover {
    color: #C28E7C !important;
}

.page-template-events .sg-popup-content {
    background-color: transparent !important;
    border-color: transparent !important;
}