/* [vladigerov_events] — additive only. The event rows keep Events Manager's
   existing markup/styles; this just hides clamped items, styles + centers the
   reveal button, and handles the no-upcoming case without a tab flash. */

.vlad-events__hidden {
    display: none !important;
}

 .elementor-shortcode .vlad-events__more {
    display: block;
    width: fit-content;
    margin: 16px auto 0;          /* centered */
    padding: 10px 22px;
    font: 600 14px/1 "Noto Sans", sans-serif;
    color: #b71f39;
    background: transparent;
    border: 1px solid #b71f39;
    border-radius: 4px;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.vlad-events__more:hover,
.vlad-events__more:focus-visible {
    background: #b71f39;
    color: #fff;
}

/* No upcoming events (flagged server-side as body.vlad-no-upcoming):
   hide the first tab („Предстоящи") and keep the tabs content hidden until JS
   has activated „2026" — preventing a flash of the empty Upcoming pane. The JS
   adds .vlad-tabs-ready (and a 3s safety net) to reveal.

   Scoped to the INNERMOST .e-n-tabs that holds the future events list — i.e.
   the events year-tabs — so it never touches an outer „Събития/Новини" switch
   or the parallel „Новини" year-tabs once those exist. (The :not(:has(.e-n-tabs
   …)) excludes ancestor tab widgets; news lists carry no data-scope="future".) */
body.vlad-no-upcoming
    .e-n-tabs:has(.vlad-events[data-scope="future"]):not(:has(.e-n-tabs .vlad-events[data-scope="future"]))
    .e-n-tab-title:first-child {
    display: none;
}
body.vlad-no-upcoming
    .e-n-tabs:has(.vlad-events[data-scope="future"]):not(:has(.e-n-tabs .vlad-events[data-scope="future"])):not(.vlad-tabs-ready)
    .e-n-tabs-content {
    visibility: hidden;
}
.news > .e-n-tabs > .e-n-tabs-heading button {
    background: unset;
    padding: 0 !important;
}

.news > .e-n-tabs > .e-n-tabs-heading {
    gap: 30px;
}

.news > .e-n-tabs > .e-n-tabs-heading button[aria-selected="true"] {
    text-decoration: underline;
}
