/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 04 2026 | 08:15:06 */
/*
=========================================================
NOTE.radio V2 — EVENTS PAGE
Featured Event Skin
Version: 3.3.1
Status: CANONICAL — EVENTTYPE MULTI-ITEM EXPANSION
=========================================================

Requires:
NOTE.radio V2 — EVENTS — Featured Data Adapter v2.5

GLOBAL THEME OWNERS:
- 39559.css — NOTE.radio V2 — Core Tokens v2.0
- 40124.js  — NOTE.radio V2 — Theme Controller v1.3

IMPORTANT:
- this Featured Event is intentionally image-led
- white copy / dark artwork washes remain component styling
- .is-on-light / .is-on-dark are presenter contrast states,
  not page Light/Dark theme states

Core visual rules:
- 47% crisp event artwork / 53% promotional content panel
- whole hero is filled by the current event artwork
- blurred event artwork forms the background atmosphere
- NOTE.radio branding is a component overlay, NOT part of the poster
- slogan "Dobra zabawa łączy ludzi!" is a component overlay
- title underline from native Pro.Radio is removed
- real event type / venue / time / excerpt remain native or adapter-driven
- REZERWUJ active only for NOTE Event managed ticketing


Supersedes:
- 40037.css v3.2 — CANONICAL — CTA CLIP RELEASE

Changelog v3.3.1 (2026-09-20):
- documentation/header reconciliation only;
- current required Featured Data Adapter corrected from stale v1.1 to v2.5;
- no CSS selectors, declarations, layout or runtime behaviour changed.

Changelog v3.3 (2026-09-20):
- EventType Archive may render more than one native Featured Event result;
- removes the single-card 320px clipping lock only for the dedicated
  `ntr-v2-eventtype-featured-widget` instance;
- the EventType widget container expands to fit every native result;
- each desktop/tablet Featured Event card keeps the accepted 320px visual height;
- multiple EventType cards receive a controlled 16px vertical gap;
- mobile keeps the existing auto-height stacked card behaviour;
- the normal Events page Featured widget remains a single 320px hero and is unchanged;
- no query, PHP adapter, ticketing, CTA or Pro.Radio vendor behaviour changes.

Changelog v3.2:
- preserves the v3.1 slogan position above the CTA row;
- releases clipping on .proradio-post__hero__caption so the second CTA can render at full width;
- title, venue and excerpt keep their own existing overflow/clamp rules;
- no DOM, PHP adapter, event data or mobile business behavior changes.
=========================================================
*/


/* ======================================================
   01. ROOT
   ====================================================== */

.ntr-v2-events-featured-widget {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: var(--ntr-radius-lg) !important;

    overflow: hidden !important;
}


.ntr-v2-events-featured-widget > .elementor-widget-container {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: var(--ntr-radius-lg) !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* ======================================================
   02. RUNTIME SPLIT OWNER
   Pro.Radio may keep or flatten .proradio-post__header.
   ====================================================== */

.ntr-v2-events-featured-widget
article.proradio-post__hero.proradio-post__event-feat,
.ntr-v2-events-featured-widget
.proradio-post__header {
    position: relative !important;

    display: grid !important;
    grid-template-columns: minmax(0, 47%) minmax(0, 53%) !important;
    grid-template-rows: 1fr !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: #07131e !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: hidden !important;

    isolation: isolate !important;
}


/* Full promotional background = current event artwork. */

.ntr-v2-events-featured-widget
article.proradio-post__hero.proradio-post__event-feat::before {
    content: "" !important;

    position: absolute !important;
    inset: -34px !important;

    z-index: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(8,30,40,.03) 0%,
            rgba(8,30,40,.08) 38%,
            rgba(5,24,35,.16) 54%,
            rgba(5,20,31,.28) 100%
        ),
        var(--ntr-featured-bg-image),
        linear-gradient(135deg, #26708a, #0e3146) !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    filter:
        blur(18px)
        saturate(1.34)
        brightness(1.08)
        contrast(1.03) !important;

    transform: scale(1.12) !important;

    opacity: .96 !important;

    pointer-events: none !important;
}


/* Dark readability wash above the blurred artwork. */

.ntr-v2-events-featured-widget
article.proradio-post__hero.proradio-post__event-feat::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(5,22,32,.00) 0%,
            rgba(5,22,32,.03) 40%,
            rgba(5,22,32,.08) 47%,
            rgba(5,22,32,.16) 64%,
            rgba(5,22,32,.24) 100%
        ) !important;

    pointer-events: none !important;
}


.ntr-v2-events-featured-widget
article.proradio-post__hero.proradio-post__event-feat
> .proradio-post__header {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;

    z-index: 2 !important;
}


.ntr-v2-events-featured-widget
.proradio-post__header.proradio-darkbg,
.ntr-v2-events-featured-widget
.proradio-post__header.proradio-negative {
    color: #fff !important;
    background: transparent !important;
}


/* ======================================================
   03. CRISP EVENT ART
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-bgimg {
    grid-column: 1 !important;
    grid-row: 1 !important;

    position: relative !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #091722 !important;

    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: hidden !important;

    opacity: 1 !important;
    transform: none !important;

    z-index: 3 !important;
}


.ntr-v2-events-featured-widget
.proradio-bgimg::before {
    display: none !important;
    content: none !important;
}


.ntr-v2-events-featured-widget
.proradio-bgimg::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: -1px !important;
    bottom: 0 !important;

    display: block !important;

    width: 54px !important;

    z-index: 4 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(255,225,155,.03) 26%,
            rgba(255,205,110,.08) 56%,
            rgba(15,46,43,.18) 100%
        ) !important;

    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;

    pointer-events: none !important;
}


.ntr-v2-events-featured-widget
.proradio-bgimg
img.proradio-post__thumb {
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;
    filter: none !important;

    transform: scale(1.001) !important;

    transition: transform .28s ease !important;
}


.ntr-v2-events-featured-widget
article:hover
.proradio-bgimg
img.proradio-post__thumb {
    transform: scale(1.025) !important;
}


/* ======================================================
   04. NOTE.RADIO PROMOTIONAL BRANDING
   Text-only branding — no artificial icon, no image logo.
   ====================================================== */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-brand {
    position: absolute !important;

    top: auto !important;
    right: auto !important;
    bottom: 18px !important;
    left: 22px !important;

    z-index: 8 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 3px !important;

    width: auto !important;
    max-width: 160px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    pointer-events: none !important;

    text-shadow:
        0 3px 10px rgba(0,0,0,.44),
        0 1px 3px rgba(0,0,0,.58) !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-brand-word {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 25px !important;
    font-weight: 850 !important;

    line-height: .94 !important;
    letter-spacing: -.045em !important;

    white-space: nowrap !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-brand-word
span {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font: inherit !important;
    font-size: .68em !important;
    font-weight: 550 !important;

    line-height: 1 !important;
    letter-spacing: -.02em !important;

    opacity: 1 !important;
    visibility: visible !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;

    text-transform: none !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-brand-sub {
    display: block !important;

    margin: 1px 0 0 2px !important;
    padding: 0 !important;

    color: #fff !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 9px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: .12em !important;

    text-transform: uppercase !important;
}


/* ======================================================
   05. INFORMATION PANEL
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-post__headercont {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: relative !important;
    inset: auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;

    column-gap: 0 !important;

    align-items: start !important;
    align-content: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 22px 128px 20px 104px !important;

    color: #fff !important;

    background: rgba(6,26,36,.18) !important;

    border: 0 !important;
    border-left: 0 !important;

    box-shadow:
        inset 1px 0 0 rgba(255,255,255,.025) !important;

    overflow: visible !important;

    transform: none !important;

    isolation: isolate !important;

    z-index: 4 !important;
}


/* Real local blurred event-art layer.
   This guarantees that the information side never becomes a flat white/dark block. */

.ntr-v2-events-featured-widget
.proradio-post__headercont::before {
    content: "" !important;

    position: absolute !important;
    top: -32px !important;
    right: -32px !important;
    bottom: -32px !important;
    left: 0 !important;

    z-index: 0 !important;

    background-image:
        var(--ntr-featured-bg-image),
        linear-gradient(135deg, #17384b, #07131e) !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    filter:
        blur(17px)
        saturate(1.52)
        brightness(1.10)
        contrast(1.01) !important;

    transform: scale(1.14) !important;

    opacity: .96 !important;

    pointer-events: none !important;
}


/* Readability layer above the blur, below all real content. */

.ntr-v2-events-featured-widget
.proradio-post__headercont::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(5,24,34,.08) 0%,
            rgba(5,24,34,.12) 58%,
            rgba(5,24,34,.20) 100%
        ),
        linear-gradient(
            0deg,
            rgba(255,249,214,.20) 0%,
            rgba(255,220,129,.14) 16%,
            rgba(255,186,67,.06) 36%,
            rgba(255,186,67,0) 58%
        ),
        radial-gradient(
            circle at 20% 112%,
            rgba(255,239,166,.34) 0%,
            rgba(255,194,78,.18) 31%,
            transparent 60%
        ),
        radial-gradient(
            circle at 70% 116%,
            rgba(166,226,106,.22) 0%,
            rgba(74,179,102,.09) 34%,
            transparent 62%
        ),
        radial-gradient(
            circle at 82% 12%,
            rgba(82,190,221,.07),
            transparent 46%
        ) !important;

    pointer-events: none !important;
}


/* Keep every real panel element above the blurred artwork. */

.ntr-v2-events-featured-widget
.proradio-post__headercont
> * {
    position: relative !important;
    z-index: 2 !important;
}


/* Native compact-hero reactions are not part of V2 Featured. */

.ntr-v2-events-featured-widget
.proradio-actions__cont {
    display: none !important;
}


/* Native empty full-card link is replaced by explicit V2 CTAs. */

.ntr-v2-events-featured-widget
.proradio-post__header__link {
    display: none !important;
}


/* ======================================================
   06. DATE CARD
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-bigdate {
    grid-column: auto !important;
    grid-row: auto !important;

    position: absolute !important;

    top: 40px !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    inset: auto !important;

    display: block !important;

    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;

    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: start !important;
    justify-self: start !important;

    transform: translate(-50%, 20px) !important;

    z-index: 10 !important;
}


.ntr-v2-events-featured-widget
.proradio-post__event__d {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;

    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;

    margin: 0 !important;
    padding: 9px 7px !important;

    color: #fff !important;
    background: rgba(9,44,54,.66) !important;

    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 12px !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.03) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    font-family: "Outfit", sans-serif !important;
    text-align: center !important;

    overflow: hidden !important;
}


.ntr-v2-events-featured-widget
.proradio-post__event__d > span:first-child {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 6px 0 !important;

    color: #fff !important;

    font-size: 30px !important;
    font-weight: 850 !important;

    line-height: .9 !important;
    letter-spacing: -.04em !important;
}


.ntr-v2-events-featured-widget
.proradio-post__event__d > span:last-child {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 7px 0 0 0 !important;

    color: rgba(255,255,255,.76) !important;

    border: 0 !important;
    border-top: 2px solid var(--ntr-accent) !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    letter-spacing: .01em !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;
}


/* ======================================================
   07. CONTENT COLUMN
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-post__hero__caption {
    grid-column: 1 !important;
    grid-row: 1 !important;

    position: relative !important;
    inset: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;

    border: 0 !important;

    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    z-index: 6 !important;
}


/* ======================================================
   08. ARTIST / HOST / PRESENTER
   Dynamic black/white state is set by the scoped JS controller.
   ====================================================== */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-presenter {
    order: 0 !important;

    display: inline-block !important;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;

    color: var(--ntr-featured-presenter-color, #fff) !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;

    line-height: 1.05 !important;
    letter-spacing: .035em !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        color .18s ease,
        text-shadow .18s ease !important;

    z-index: 8 !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-presenter.is-on-light {
    --ntr-featured-presenter-color: #0D1B28;

    text-shadow:
        0 1px 1px rgba(255,255,255,.22) !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-presenter.is-on-dark {
    --ntr-featured-presenter-color: #fff;

    text-shadow:
        0 2px 8px rgba(0,0,0,.30),
        0 1px 2px rgba(0,0,0,.34) !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-presenter:hover,
.ntr-v2-events-featured-widget
.ntr-v2-events-featured-presenter:focus-visible {
    color: var(--ntr-featured-presenter-color, #fff) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}


/* ======================================================
   09. REAL EVENT TYPE
   ====================================================== */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-type {
    order: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 24px !important;

    margin: 0 0 7px 0 !important;
    padding: 4px 8px !important;

    color: #fff !important;
    background: var(--ntr-accent) !important;

    border: 0 !important;
    border-radius: 6px !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: .03em !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* ======================================================
   09. TITLE — remove native Pro.Radio underline
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-post__title {
    order: 2 !important;

    display: -webkit-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    color: #fff !important;

    border: 0 !important;

    font-family: "Outfit", sans-serif !important;
    font-size: clamp(25px, 1.8vw, 30px) !important;
    font-weight: 800 !important;

    line-height: 1.04 !important;
    letter-spacing: -.03em !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    text-shadow: 0 2px 10px rgba(0,0,0,.20) !important;
}


.ntr-v2-events-featured-widget
.proradio-post__title::before,
.ntr-v2-events-featured-widget
.proradio-post__title::after,
.ntr-v2-events-featured-widget
.proradio-post__title a::before,
.ntr-v2-events-featured-widget
.proradio-post__title a::after {
    display: none !important;
    content: none !important;
}


.ntr-v2-events-featured-widget
.proradio-post__title a {
    color: #fff !important;

    background: none !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;
    text-decoration-color: transparent !important;

    transition: color .18s ease !important;
}


.ntr-v2-events-featured-widget
.proradio-post__title a:hover {
    color: #fff !important;
}


/* ======================================================
   10. VENUE
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-post__hero__caption
> .proradio-meta:first-of-type {
    order: 3 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: stretch !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.82) !important;
    background: transparent !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 11px !important;
    font-weight: 650 !important;

    line-height: 1.25 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
    text-transform: none !important;

    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


.ntr-v2-events-featured-widget
.proradio-post__hero__caption
> .proradio-meta:first-of-type::before {
    content: "location_on" !important;

    flex: 0 0 auto !important;

    margin-right: 5px !important;

    color: #fff !important;

    font-family: "Material Icons" !important;
    font-size: 15px !important;
    font-weight: normal !important;

    line-height: 1 !important;
}


/* ======================================================
   11. REAL TIME
   ====================================================== */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-time {
    order: 4 !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.82) !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 11px !important;
    font-weight: 650 !important;

    line-height: 1.25 !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-time
.material-icons {
    flex: 0 0 auto !important;

    margin-right: 5px !important;

    color: #fff !important;

    font-size: 15px !important;
    line-height: 1 !important;
}


/* ======================================================
   13. EXCERPT
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-excerpt {
    order: 5 !important;

    position: relative !important;

    display: block !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 52px !important;

    margin: 2px 0 0 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.88) !important;
    background: transparent !important;

    overflow: hidden !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


.ntr-v2-events-featured-widget
.proradio-excerpt p {
    display: -webkit-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.88) !important;
    background: transparent !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 12px !important;
    font-weight: 450 !important;

    line-height: 1.4 !important;
    text-align: left !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


.ntr-v2-events-featured-widget
.proradio-excerpt
img.emoji {
    display: inline !important;

    width: 1em !important;
    min-width: 1em !important;
    max-width: 1em !important;

    height: 1em !important;
    min-height: 1em !important;
    max-height: 1em !important;

    margin: 0 .08em !important;

    vertical-align: -.12em !important;

    object-fit: contain !important;
}


/* Native lower reactions/meta row. */

.ntr-v2-events-featured-widget
.proradio-post__hero__caption
> .proradio-meta:last-of-type:not(:first-of-type) {
    display: none !important;
}


/* ======================================================
   14. CTA ROW
   ====================================================== */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-actions {
    order: 6 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;

    gap: 9px !important;

    width: calc(100% - 4px) !important;
    min-width: 0 !important;
    max-width: 310px !important;

    margin: auto 0 0 0 !important;
    padding: 10px 0 0 0 !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-reserve,
.ntr-v2-events-featured-widget
.ntr-v2-events-featured-details {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    min-width: 126px !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border-radius: 999px !important;

    font-family: "Outfit", sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: .02em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        opacity .18s ease !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-actions
.material-icons {
    color: currentColor !important;

    font-size: 16px !important;
    line-height: 1 !important;
}


/* REZERWUJ — active only for NOTE Event managed ticketing. */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-reserve.is-active {
    color: #fff !important;
    background: var(--ntr-accent) !important;

    border: 1px solid var(--ntr-accent) !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-reserve.is-active:hover {
    color: #fff !important;
    background: var(--ntr-accent-hover) !important;
    border-color: var(--ntr-accent-hover) !important;
}


/* REZERWUJ — visible but intentionally non-interactive. */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-reserve.is-disabled {
    color: rgba(255,255,255,.48) !important;
    background: rgba(255,255,255,.085) !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    opacity: 1 !important;

    cursor: not-allowed !important;
    pointer-events: none !important;
}


/* SZCZEGÓŁY */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-details {
    color: #fff !important;
    background: rgba(5,15,25,.18) !important;

    border: 1px solid var(--ntr-accent) !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-details:hover {
    color: #fff !important;
    background: var(--ntr-accent) !important;
    border-color: var(--ntr-accent) !important;
}


/* ======================================================
   14. PROMOTIONAL SLOGAN
   ====================================================== */

.ntr-v2-events-featured-widget
.ntr-v2-events-featured-slogan {
    position: absolute !important;

    right: 17px !important;
    bottom: 94px !important;

    z-index: 8 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 104px !important;

    color: #fff !important;

    font-family:
        "Segoe Print",
        "Bradley Hand",
        "Comic Sans MS",
        cursive !important;

    font-size: 18px !important;
    font-weight: 500 !important;
    font-style: italic !important;

    line-height: 1.04 !important;

    letter-spacing: -.025em !important;

    text-align: left !important;

    transform: rotate(-5deg) !important;
    transform-origin: center center !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.28),
        0 1px 2px rgba(0,0,0,.30) !important;

    pointer-events: none !important;
}


.ntr-v2-events-featured-widget
.ntr-v2-events-featured-slogan::after {
    content: "" !important;

    display: block !important;

    width: 78px !important;
    height: 3px !important;

    margin-top: 8px !important;

    background: var(--ntr-accent) !important;

    border-radius: 999px !important;

    transform: rotate(-2deg) !important;
}


/* ======================================================
   15. TABLET
   ====================================================== */

@media (max-width: 1024px) {

    .ntr-v2-events-featured-widget
    article.proradio-post__hero.proradio-post__event-feat,
    .ntr-v2-events-featured-widget
    .proradio-post__header {
        grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__headercont {
        grid-template-columns: minmax(0, 1fr) !important;

        column-gap: 0 !important;

        padding: 18px 108px 18px 88px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bigdate {
        top: 32px !important;
        left: 0 !important;

        transform: translate(-50%, 14px) !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bigdate,
    .ntr-v2-events-featured-widget
    .proradio-post__event__d {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;

        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__event__d > span:first-child {
        font-size: 26px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__title {
        font-size: 25px !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-slogan {
        right: 12px !important;

        width: 88px !important;

        font-size: 15px !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-brand {
        top: auto !important;
        bottom: 16px !important;
        left: 18px !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-brand-word {
        font-size: 23px !important;
    }
}


/* ======================================================
   16. MOBILE
   ====================================================== */

@media (max-width: 767px) {

    .ntr-v2-events-featured-widget,
    .ntr-v2-events-featured-widget > .elementor-widget-container {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        border-radius: 14px !important;
    }


    .ntr-v2-events-featured-widget
    article.proradio-post__hero.proradio-post__event-feat,
    .ntr-v2-events-featured-widget
    .proradio-post__header {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 220px auto !important;

        height: auto !important;
        min-height: 0 !important;
    }


    .ntr-v2-events-featured-widget
    article.proradio-post__hero.proradio-post__event-feat
    > .proradio-post__header {
        grid-column: 1 / -1 !important;
        grid-row: 1 / -1 !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bgimg {
        grid-column: 1 !important;
        grid-row: 1 !important;

        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;

        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.10) !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__headercont {
        grid-column: 1 !important;
        grid-row: 2 !important;

        grid-template-columns: 68px minmax(0, 1fr) !important;

        column-gap: 13px !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 17px !important;

        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;

        overflow: visible !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bigdate {
        grid-column: 1 !important;
        grid-row: 1 !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__hero__caption {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bigdate,
    .ntr-v2-events-featured-widget
    .proradio-post__event__d {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;

        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__event__d > span:first-child {
        font-size: 25px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__title {
        font-size: 23px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-excerpt,
    .ntr-v2-events-featured-widget
    .proradio-excerpt p {
        max-height: 56px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-excerpt p {
        font-size: 12px !important;

        -webkit-line-clamp: 3 !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-actions {
        flex-wrap: wrap !important;

        margin-top: 14px !important;
        padding-top: 0 !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-slogan {
        display: none !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-brand {
        top: auto !important;
        bottom: 14px !important;
        left: 14px !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-brand-word {
        font-size: 21px !important;
    }
}


/* ======================================================
   17. SMALL MOBILE
   ====================================================== */

@media (max-width: 480px) {

    .ntr-v2-events-featured-widget
    article.proradio-post__hero.proradio-post__event-feat,
    .ntr-v2-events-featured-widget
    .proradio-post__header {
        grid-template-rows: 205px auto !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bgimg {
        height: 205px !important;
        min-height: 205px !important;
        max-height: 205px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__headercont {
        grid-template-columns: 62px minmax(0, 1fr) !important;

        column-gap: 11px !important;

        padding: 15px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-bigdate,
    .ntr-v2-events-featured-widget
    .proradio-post__event__d {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;

        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;
    }


    .ntr-v2-events-featured-widget
    .proradio-post__title {
        font-size: 21px !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-actions {
        gap: 7px !important;
    }


    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-reserve,
    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-details {
        min-width: 0 !important;
        flex: 1 1 calc(50% - 4px) !important;

        padding-inline: 10px !important;

        font-size: 10px !important;
    }
}


/* ======================================================
   18. REDUCED MOTION
   ====================================================== */

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

    .ntr-v2-events-featured-widget
    .proradio-bgimg
    img.proradio-post__thumb,
    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-reserve,
    .ntr-v2-events-featured-widget
    .ntr-v2-events-featured-details {
        transition: none !important;
    }


    .ntr-v2-events-featured-widget
    article:hover
    .proradio-bgimg
    img.proradio-post__thumb {
        transform: none !important;
    }
}


/* ======================================================
   20. PROMOTIONAL LAYER PRIORITY
   ====================================================== */

.ntr-v2-events-featured-widget
.proradio-post__headercont
> .proradio-bigdate,
.ntr-v2-events-featured-widget
.proradio-post__headercont
> .proradio-post__hero__caption {
    z-index: 4 !important;
}


.ntr-v2-events-featured-widget
.proradio-post__headercont
> .ntr-v2-events-featured-slogan {
    z-index: 7 !important;
}


/* Hard reset for any native title decoration left by Pro.Radio. */

.ntr-v2-events-featured-widget
.proradio-post__title,
.ntr-v2-events-featured-widget
.proradio-post__title a {
    text-decoration: none !important;
    text-decoration-line: none !important;

    background-image: none !important;

    border-bottom: 0 !important;

    box-shadow: none !important;
}


/* ======================================================
   21. SEAM / GLOW FINISH
   ====================================================== */

@media (min-width: 768px) {
    .ntr-v2-events-featured-widget
    .proradio-post__headercont {
        box-shadow:
            inset 20px 0 30px -25px rgba(255,236,176,.40),
            inset 1px 0 0 rgba(255,255,255,.04) !important;
    }
}


@media (max-width: 767px) {
    .ntr-v2-events-featured-widget
    .proradio-post__headercont {
        overflow: hidden !important;
    }
}


/* ======================================================
   22. DATE VISUAL OFFSET LOCK
   Grid/absolute top can be normalized by Pro.Radio runtime.
   Apply the final vertical move as transform on the date card itself.
   ====================================================== */

@media (min-width: 1025px) {
    .ntr-v2-events-featured-widget
    .proradio-post__headercont
    > .proradio-bigdate {
        top: 40px !important;
        left: 0 !important;

        transform: translate(-50%, 20px) !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .ntr-v2-events-featured-widget
    .proradio-post__headercont
    > .proradio-bigdate {
        top: 32px !important;
        left: 0 !important;

        transform: translate(-50%, 14px) !important;
    }
}


/* ======================================================
   23. OUTER FRAME CLEANUP
   The visual is painted entirely by the hero itself.
   Elementor/native wrappers must remain transparent.
   ====================================================== */

.ntr-v2-events-featured,
.ntr-v2-events-featured-widget,
.ntr-v2-events-featured-widget > .elementor-widget-container {
    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
}


.ntr-v2-events-featured-widget
article.proradio-post__hero.proradio-post__event-feat {
    outline: 0 !important;
}

/* ======================================================
   24. EVENTTYPE ARCHIVE — MULTI-ITEM FEATURED EXPANSION
   ------------------------------------------------------
   The canonical Events page uses one 320px Featured hero.
   The EventType archive reuses the same visual component,
   but its native Pro.Radio widget may return multiple events.

   IMPORTANT:
   - do NOT globally remove the 320px lock;
   - only the dedicated EventType instance expands;
   - each returned native article remains a self-contained hero.
   ====================================================== */

.ntr-v2-eventtype-featured-widget {
    overflow: visible !important;
    border-radius: 0 !important;
}

.ntr-v2-eventtype-featured-widget > .elementor-widget-container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    border-radius: 0 !important;
}

/* Desktop / tablet: every returned event keeps the accepted hero height. */
@media (min-width: 768px) {
    .ntr-v2-eventtype-featured-widget
    article.proradio-post__hero.proradio-post__event-feat {
        width: 100% !important;
        min-width: 0 !important;

        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;

        margin: 0 !important;

        border-radius: var(--ntr-radius-lg) !important;
        overflow: hidden !important;
    }

    .ntr-v2-eventtype-featured-widget
    article.proradio-post__hero.proradio-post__event-feat
    + article.proradio-post__hero.proradio-post__event-feat {
        margin-top: 16px !important;
    }
}

/* Mobile: preserve the existing poster + content auto-height layout per card. */
@media (max-width: 767px) {
    .ntr-v2-eventtype-featured-widget
    article.proradio-post__hero.proradio-post__event-feat {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .ntr-v2-eventtype-featured-widget
    article.proradio-post__hero.proradio-post__event-feat
    + article.proradio-post__hero.proradio-post__event-feat {
        margin-top: 14px !important;
    }
}