/* ==========================================================================
   Van Leer 2026 Redesign Styles
   Based on Rectangle 5720.svg header design
   Primary color: #1B0C3C | Separator: #ACA5A0
   ==========================================================================

/* -------------------------------------------------------------------------- */
/*  Global — prevent horizontal overflow from 100vw full-width sections      */
/* -------------------------------------------------------------------------- */
html,
body {
    overflow-x: hidden;
}

/* -------------------------------------------------------------------------- */
/*  Header                                                                    */
/* -------------------------------------------------------------------------- */
.vl26-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #ACA5A0;
    position: relative;
    z-index: 999;
}

.vl26-header__bar {
    margin: 0 auto;
    height: 100px;
    display: flex;
    flex-direction: row-reverse; /* RTL: social left, logo right */
    align-items: center;
    padding: 0 30px;
    gap: 30px;
}

/* --- Left cluster: social icons + search + language ----------------------- */
.vl26-header__left {
    display: flex;
    flex-direction: row-reverse; /* RTL: social left, langs right */
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}

/* Social icons — circular, #1B0C3C bg, white icon (per SVG) */
.vl26-social {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vl26-social__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #1B0C3C;
    transition: background 0.3s ease;
    text-decoration: none;
    line-height: 0;
}

.vl26-social__link:hover {
    background: #004365;
}

.vl26-social__link svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
}

/* Force the existing SVGs (which have a rect bg) to render as white icon only */
.vl26-social__link svg rect {
    fill: transparent !important;
    display: none;
}

.vl26-social__link svg path {
    fill: #ffffff;
}

/* Search */
.vl26-search {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.vl26-search__icon {
    width: 27px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vl26-search__icon svg {
    width: 27px;
    height: 24px;
}

.vl26-search__form {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: auto;
    background: #fff;
    padding: 12px;
    border: 1px solid #ACA5A0;
    border-radius: 4px;
    min-width: 300px;
    z-index: 100;
    overflow: visible;
}

/* Search form inside popup — ensure input + button fit */
.vl26-search__form .search-wrap {
    width: 100%;
}

.vl26-search__form .input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.vl26-search__form .input-group .form-control {
    flex: 1;
    border: 1px solid #ACA5A0;
    border-radius: 3px 0 0 3px;
    padding: 8px 12px;
    font-size: 15px;
    outline: none;
    min-width: 0;
}

.vl26-search__form .input-group-append {
    flex-shrink: 0;
}

.vl26-search__form .input-group-append .btn {
    border: 1px solid #ACA5A0;
    border-right: none;
    border-radius: 0 3px 3px 0;
    padding: 8px 14px;
    background: #fff;
    line-height: 1;
}

.vl26-search__form .input-group-append .btn i {
    font-size: 15px;
    color: #1B0C3C;
}

.vl26-search.is-open .vl26-search__form {
    display: block;
}

/* Language switcher */
.vl26-lang {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'TheBasics', sans-serif;
    font-size: 20px;
    font-weight: 400;
    flex-shrink: 0;
}

.vl26-lang a {
    color: #1B0C3C;
    text-decoration: none;
    padding: 2px 4px;
    transition: opacity 0.2s ease;
}

.vl26-lang a:hover {
    opacity: 0.65;
}

.vl26-lang .lang-separator {
    color: #ACA5A0;
}

/* --- Center: navigation + language switcher ------------------------------- */
.vl26-header__center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.vl26-nav {
    display: flex;
    align-items: center;
}

.vl26-nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 28px;
}

.vl26-nav li {
    position: relative;
}

.vl26-nav li > a {
    font-family: 'EditorSerif', serif;
    font-size: 20px;
    font-weight: 600;
    color: #1B0C3C;
    text-decoration: none;
    padding: 6px 2px;
    position: relative;
    transition: color 0.2s ease;
    display: inline-block;
    /* Fixed underline space prevents layout shift on hover */
    border-bottom: 2px solid transparent;
}

.vl26-nav li > a:hover,
.vl26-nav li > a:focus {
    color: #004365;
    border-bottom-color: #1B0C3C;
    /* Override nr-custom.css which changes font-family on hover */
    font-family: 'EditorSerif', serif !important;
    font-weight: 600 !important;
}

/* Dropdown — navwalker outputs .dropdown-menu (not .sub-menu) */
.vl26-nav .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    margin: 0; /* override Bootstrap margin that causes jump */
    background: #fff;
    border: 1px solid #ACA5A0;
    border-radius: 4px;
    padding: 8px 0;
    min-width: 220px;
    flex-direction: column;
    gap: 0;
    z-index: 100;
    box-shadow: 0 6px 18px rgba(27, 12, 60, 0.12);
    list-style: none;
    float: none; /* override Bootstrap float */
    /* In RTL, dropdown should open to the left of the parent */
    right: 0;
    left: auto;
}

.vl26-nav li:hover > .dropdown-menu,
.vl26-nav li:focus-within > .dropdown-menu {
    display: flex;
}

.vl26-nav .dropdown-menu li > a {
    display: block;
    padding: 8px 18px;
    font-size: 18px;
    font-family: 'EditorSerif', serif !important;
    font-weight: 600 !important;
    color: #1B0C3C;
}

.vl26-nav .dropdown-menu li > a:hover,
.vl26-nav .dropdown-menu li > a:focus {
    color: #004365;
    font-family: 'EditorSerif', serif !important;
    font-weight: 600 !important;
    background: transparent;
}

.vl26-nav .dropdown-menu li > a::after {
    display: none;
}

/* Nested dropdown (3rd level) */
.vl26-nav .dropdown-menu .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
}

/* --- Right: logo ---------------------------------------------------------- */
.vl26-header__right {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.vl26-logo img {
    height: 68px;
    width: auto;
}

/* --- Mobile toggle -------------------------------------------------------- */
.vl26-mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    line-height: 0;
}

.vl26-mobile-toggle img {
    width: 28px;
    height: auto;
}

/* Mobile menu — hidden on desktop, shown on mobile via media query */
.vl26-mobile-menu {
    display: none;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-header__bar {
        height: 70px;
        padding: 0 15px;
        gap: 16px;
    }

    .vl26-header__center {
        display: none;
    }

    .vl26-mobile-toggle {
        display: inline-flex;
    }

    .vl26-logo img {
        height: 60px;
    }

    .vl26-lang {
        font-family: 'TheBasics', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    /* Mobile menu panel */
    .vl26-mobile-menu {
        display: none;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #ACA5A0;
        padding: 20px;
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 998;
    }

    .vl26-mobile-menu.is-open {
        display: block;
    }

    .vl26-mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        flex-direction: column;
        gap: 0;
    }

    .vl26-mobile-menu li > a {
        display: block;
        padding: 12px 0;
        font-family: 'EditorSerif', serif;
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px solid #f0eeec;
    }

    /* Collapsible sub-menus: hidden by default, open vertically */
    .vl26-mobile-menu .sub-menu,
    .vl26-mobile-menu .dropdown-menu {
        display: none;
        position: static;
        border: none;
        box-shadow: none;
        padding: 0 20px;
        min-width: 0;
        right: auto;
        margin: 0;
        background: transparent;
    }

    .vl26-mobile-menu .sub-menu.is-open,
    .vl26-mobile-menu .dropdown-menu.is-open {
        display: block;
    }

    .vl26-mobile-menu .sub-menu li > a,
    .vl26-mobile-menu .dropdown-menu li > a {
        font-size: 18px;
        font-weight: 600;
        padding: 10px 0;
        border-bottom: 1px solid #f5f5f5;
    }

    /* Hide injected SVG chevrons from nrcustom.js in mobile menu */
    .vl26-mobile-menu .menu-chevron,
    .vl26-mobile-menu .menu-chevron-side {
        display: none;
    }

    /* Parent dropdown toggle indicator */
    .vl26-mobile-menu .dropdown > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

    /* Hide Bootstrap's default caret in mobile menu */
    .vl26-mobile-menu .dropdown-toggle::after {
        display: none;
    }

    .vl26-mobile-menu .dropdown > a::after {
        content: '▾';
        font-size: 16px;
        font-weight: 400;
        margin-inline-start: 8px;
        transition: transform 0.2s ease;
    }

    .vl26-mobile-menu .dropdown.is-open > a::after {
        transform: rotate(180deg);
    }

    .vl26-mobile-menu .vl26-mobile-social {
        margin-top: 20px;
        display: flex;
        gap: 12px;
    }
}

@media (max-width: 700px) {
    .vl26-header__left {
        gap: 14px;
    }

    .vl26-social {
        gap: 6px;
    }

    .vl26-social__link {
        width: 30px;
        height: 30px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Footer  (based on footer.svg)                                             */
/*  Layout: [logo+address+social] | [link columns] | [beige newsletter panel] */
/* -------------------------------------------------------------------------- */
.vl26-footer {
    background: #ffffff;
    border-top: 1px solid #ACA5A0;
    margin-top: 60px;
    padding-bottom: 40px;
}

.vl26-footer__grid {
    margin: 0 auto;
    padding: 40px 30px 0;
    display: grid;
    grid-template-columns: 300px 1fr 330px;
    gap: 0;
    align-items: stretch;
}

/* In RTL grid: lower order = right, higher order = left.
   We want: logo (left) → links (center) → newsletter (right) */
.vl26-footer__left {
    order: 3;
}

.vl26-footer__links {
    order: 2;
}

.vl26-footer__newsletter {
    order: 1;
}

/* --- Left column: footer logo + social icons (centered) ------------------- */
.vl26-footer__left {
    padding: 40px 30px;
    border-right: 1px solid #ACA5A0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    text-align: center;
}

.vl26-footer__logo img {
    max-width: 100%;
    height: auto;
}

.vl26-footer__social {
    display: flex;
    gap: 8px;
}

/* --- Center: link columns ------------------------------------------------- */
.vl26-footer__links {
    padding: 0 30px 0;
}

/* Mega menu (Hebrew) — reuse existing markup, restyle */
.vl26-footer__links .footer-mega-menu {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    padding: 0;
    border: 0;
}

.vl26-footer__links .footer-mega-menu > div {
    padding: 0;
}

.vl26-footer__links .footer-title {
    font-family: 'TheBasics', sans-serif;
    font-size: 22px;
    line-height: 50px;
    font-weight: 700;
    color: #1B0C3C;
}

.vl26-footer__links .footer_menu {
    gap: 0;
}

.vl26-footer__links .footer_menu a {
    font-family: 'TheBasics', sans-serif;
    font-size: 18px;
    color: #1B0C3C;
    text-decoration: none;
    line-height: 26px;
    font-weight: 400;
}

.vl26-footer__links .footer_menu a:hover {
    opacity: 0.65;
}

/* Simple menu (non-Hebrew) */
.vl26-footer__simple {
    padding-bottom: 40px;
}

.vl26-footer__simple ul,
.vl26-footer__simple-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 24px;
    justify-content: space-between;
}

.vl26-footer__simple ul a {
    font-family: 'TheBasics', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #1B0C3C;
    text-decoration: none;
}

.vl26-footer__simple ul a:hover {
    opacity: 0.65;
}

/* --- Right column: beige newsletter panel --------------------------------- */
.vl26-footer__newsletter {
    background: #F7F2F1;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}

.vl26-footer__newsletter-title {
    font-family: 'TheBasics', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #1B0C3C;
    margin: 0;
    line-height: 1.3;
}

.vl26-footer__newsletter-desc {
    font-family: 'TheBasics', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #1B0C3C;
    line-height: 1.5;
    margin: 0;
}

/* CF7 form inside newsletter panel */
.vl26-footer__newsletter .wpcf7 {
    margin: 4px 0;
}

.vl26-footer__newsletter .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vl26-footer__newsletter .wpcf7-form input[type="text"],
.vl26-footer__newsletter .wpcf7-form input[type="email"],
.vl26-footer__newsletter .wpcf7-form input[type="tel"] {
    width: 100%;
    border: 1px solid #ACA5A0;
    border-radius: 24px;
    padding: 12px 20px;
    font-family: 'Assistant', sans-serif;
    font-size: 14px;
    background: #fff;
    outline: none;
}

.vl26-footer__newsletter .wpcf7-form input:focus {
    border-color: #1B0C3C;
}

.vl26-footer__newsletter .wpcf7-form p {
    margin: 0;
}

/* Hide CF7 default submit — we use custom buttons */
.vl26-footer__newsletter .wpcf7-form .wpcf7-submit {
    display: none;
}

.vl26-footer__newsletter-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.vl26-btn {
    font-family: 'TheBasics', sans-serif;
    font-size: 22px;
    font-weight: 700;
    border: none;
    border-radius: 35px;
    padding: 11px 25px;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
}

.vl26-btn--send-code {
    background: #1B0C3C;
    color: #fff;
}

.vl26-btn--send-code:hover {
    background: #004365;
}

.vl26-btn__wa {
    width: 22px;
    height: auto;
    flex-shrink: 0;
}

.vl26-btn--join {
    background: #1B0C3C;
    color: #fff;
}

.vl26-btn--join:hover {
    background: #004365;
}

.vl26-btn--join svg {
    flex-shrink: 0;
}

/* WhatsApp icon */
.vl26-footer__whatsapp {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    transition: opacity 0.2s ease;
}

.vl26-footer__whatsapp:hover {
    opacity: 0.65;
}

/* --- Credits bar ---------------------------------------------------------- */
.vl26-footer__credits-bar {
    border-top: 1px solid #ACA5A0;
    padding: 16px 30px;
    text-align: center;
}

.vl26-footer__credits-bar p,
html[dir="rtl"] .vl26-footer__credits-bar p {
    text-align: center;
}

.vl26-credits {
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    color: #1B0C3C;
    margin: 0;
    text-align: center;
}

.vl26-credits a {
    color: #1B0C3C;
    text-decoration: underline;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-footer {
        margin-top: 30px;
        padding-bottom: 20px;
    }

    .vl26-footer__grid {
        grid-template-columns: 1fr;
        padding: 20px 30px 0;
    }

    .vl26-footer__left {
        order: 3;
        border-right: none;
        border-top: 1px solid #ACA5A0;
        padding: 24px 30px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .vl26-footer__links {
        order: 2;
        padding: 24px 0;
    }

    .vl26-footer__links .footer-mega-menu {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .vl26-footer__newsletter {
        order: 1;
        padding: 20px 30px;
        gap: 12px;
    }

    .vl26-footer__newsletter-title {
        font-size: 16px;
        font-weight: 700;
    }

    .vl26-footer__newsletter-desc {
        font-size: 15px;
        line-height: 22px;
    }

    .vl26-btn {
        font-size: 15px;
        font-weight: 700;
        padding: 7px 16px;
        border-radius: 35px;
    }

    .vl26-btn__wa {
        width: 14px;
    }

    .vl26-footer__newsletter-actions {
        gap: 10px;
    }

    .vl26-footer__heading {
        font-size: 16px;
        font-weight: 700;
    }

    .vl26-footer__simple ul a {
        font-size: 15px;
        font-weight: 400;
    }
}

@media (max-width: 700px) {
    .vl26-footer__links .footer-mega-menu {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .vl26-footer__simple ul,
    .vl26-footer__simple-list {
        flex-direction: column;
        gap: 12px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Home page                                                                 */
/* -------------------------------------------------------------------------- */
.vl26-home {
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
}

/* -------------------------------------------------------------------------- */
/*  Hero — full-width 2-column section                                        */
/* -------------------------------------------------------------------------- */
.vl26-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

/* In RTL grid, lower order = right. We want image on left → higher order */
.vl26-hero__image {
    order: 2;
}

.vl26-hero__text {
    order: 1;
}

.vl26-hero__image {
    overflow: hidden;
    aspect-ratio: 1 / 0.8;
}

.vl26-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vl26-hero__text {
    background: #F8F3F1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 10% 60px 5%;
}

.vl26-hero__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 70px;
    line-height: 65px;
    letter-spacing: 0;
    color: #1B0C3C;
    margin: 0 0 24px 0;
}

.vl26-hero__desc {
    font-family: 'EditorSerif', serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    color: #1B0C3C;
}

.vl26-hero__desc p {
    margin: 0;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-hero {
        grid-template-columns: 1fr;
        /* full-width technique already set on base */
    }

    .vl26-hero__text {
        padding: 40px 24px;
    }

    .vl26-hero__title {
        font-size: 40px;
        line-height: 48px;
    }

    .vl26-hero__desc {
        font-size: 20px;
        line-height: 32px;
    }
}

@media (max-width: 700px) {
    .vl26-hero__title {
        font-size: 34px;
        line-height: 40px;
    }

    .vl26-hero__desc {
        font-size: 18px;
        line-height: 28px;
    }
}

/* Reuse the existing carousel inside the 2026 home */
.vl26-home__carousel {
    margin-top: 24px;
}

/* Sections */
.vl26-home__section {
    padding: 40px 0;
}

.vl26-home__section-title {
    margin-bottom: 24px;
}

/* -------------------------------------------------------------------------- */
/*  Category 2026 — inline buttons                                            */
/* -------------------------------------------------------------------------- */
.vl26-cat2026 {
    margin-top: 0;
}

.vl26-cat2026__box {
    background: #ffffff;
    padding: 30px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.vl26-cat2026__btn {
    display: inline-block;
    padding: 10px 43px;
    border-radius: 100px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #787187;
    border: 1px solid #787187;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;
}

.vl26-cat2026__btn:hover,
.vl26-cat2026__btn:focus {
    background: #787187;
    color: #ffffff;
}

@media (max-width: 700px) {
    .vl26-cat2026__box {
        padding: 20px 16px;
        gap: 8px;
    }

    .vl26-cat2026__btn {
        padding: 8px 24px;
        font-size: 18px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Section 1.2 — 25% text | 50% image | 25% text                              */
/* -------------------------------------------------------------------------- */
.vl26-sec12 {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    align-items: stretch;
    /* 80% width border via pseudo-element */
    position: relative;
}

.vl26-events-filters.vl26-home-filters h2.vl26-events-filters__title {
    display: none;
}

/* In RTL, lower order = right. We want: text(left) image(center) text(right) */
.vl26-sec12__text--left {
    order: 3;
}

.vl26-sec12__image {
    order: 2;
}

.vl26-sec12__text--right {
    order: 1;
    background: #F8F3F1;
}

/* Text boxes — centered horizontally and vertically */
.vl26-sec12__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 30px;
}

.vl26-sec12__eyebrow {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0;
    color: #60919C;
    margin: 0 0 16px 0;
}

.vl26-sec12__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 37px;
    letter-spacing: 0;
    color: #1B0C3C;
    margin: 0 0 24px 0;
}

.vl26-sec12__links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.vl26-sec12__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0;
    color: #1B0C3C;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.vl26-sec12__link:hover {
    opacity: 0.65;
}

.vl26-sec12__arrow {
    width: 20px;
    height: auto;
    flex-shrink: 0;
}

/* Center image — full width/height of its column */
.vl26-sec12__image {
    overflow: hidden;
    border-left: 1px solid #ACA5A0;
    border-right: 1px solid #ACA5A0;
}

.vl26-sec12__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-sec12 {
        grid-template-columns: 1fr 1fr;
    }

    .vl26-sec12__text--left {
        order: 1;
    }

    .vl26-sec12__image {
        order: 2;
    }

    .vl26-sec12__text--right {
        order: 3;
    }

    .vl26-sec12__image img {
        height: 209px;
    }

    .vl26-sec12__title {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 700px) {
    .vl26-sec12 {
        grid-template-columns: 1fr;
    }

    .vl26-sec12__text {
        padding: 40px 20px;
    }

    .vl26-sec12__title {
        font-size: 23px;
        line-height: 30px;
    }

    .vl26-sec12__eyebrow {
        font-size: 16px;
    }

    .vl26-sec12__link {
        font-size: 18px;
        line-height: 32px;
    }

    .vl26-sec12__image img {
        height: 209px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Section 2 — 25% image | 25% text | 25% text | 25% image                   */
/* -------------------------------------------------------------------------- */
.vl26-sec2 {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    align-items: stretch;
    position: relative;
}

.vl26-sec2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background: #ACA5A0;
    z-index: 1;
}

/* In RTL, lower order = right. We want: img(left) text text img(right) */
.vl26-sec2__image--left {
    order: 4;
}

.vl26-sec2__text--2 {
    order: 3;
    background: #F8F3F1;
    border-right: 1px solid #ACA5A0;
}

.vl26-sec2__text--3 {
    order: 2;
}

.vl26-sec2__image--right {
    order: 1;
}

.vl26-sec2__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 30px;
}

.vl26-sec2__image {
    overflow: hidden;
}

.vl26-sec2__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-sec2 {
        grid-template-columns: 1fr 1fr;
    }

    .vl26-sec2__image--left {
        order: 1;
    }

    .vl26-sec2__text--2 {
        order: 2;
    }

    .vl26-sec2__text--3 {
        order: 3;
    }

    .vl26-sec2__image--right {
        order: 4;
    }

    .vl26-sec2__image img {
        height: 209px;
    }
}

@media (max-width: 700px) {
    .vl26-sec2 {
        grid-template-columns: 1fr;
    }

    .vl26-sec2__text {
        padding: 40px 20px;
    }

    .vl26-sec2__image img {
        height: 209px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Mixed Box — section title + 4 posts grid (3 left + 1 right)              */
/* -------------------------------------------------------------------------- */
.vl26-mixed {
    margin: 0 auto;
    padding: 60px 5%;
}

.vl26-mixed--no-header {
    padding-top: 0;
}

.vl26-mixed__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px 0;
    padding: 0 0 35px 0;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-mixed__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 37px;
    color: #1B0C3C;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.vl26-mixed__title::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1B0C3C;
    flex-shrink: 0;
}

.vl26-mixed__grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 12px;
    align-items: stretch;
}

/* In RTL, lower order = right. We want: 3 posts (left) | 1 post (right) */
.vl26-mixed__left {
    order: 2;
}

.vl26-mixed__card--large {
    order: 1;
}

/* --- Left 50%: 3 posts (2 top + 1 bottom) --------------------------------- */
.vl26-mixed__left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vl26-mixed__left-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* --- Card base ------------------------------------------------------------ */
.vl26-mixed__card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ACA5A0;
    padding-bottom: 35px;
}

/* Invisible overlay link so the whole card is clickable without nesting <a> tags */
.vl26-mixed__card-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.vl26-mixed__card.vl26-mixed__card--wide,
.vl26-mixed__card.vl26-mixed__card--large {
    padding-bottom: 0;
}

.vl26-mixed__card.vl26-mixed__card--large {
    border-right: none;
    border-bottom: none;
    border-top: none;
}

.vl26-mixed__card.vl26-mixed__card--small {
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

.vl26-mixed__card.vl26-mixed__card--wide {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.vl26-mixed__card.vl26-mixed__card--small:last-child {
    border-left: 0;
}

/* Card body (text content) */
.vl26-mixed__card-body {
    padding: 35px;
    display: flex;
    flex-direction: column;
}

/* Card image — fixed max height, not percentage */
.vl26-mixed__card-img {
    max-height: 285px;
    overflow: hidden;
    flex-shrink: 0;
    padding: 0 35px 35px 35px;
}

.vl26-mixed__img {
    width: 100%;
    height: 285px;
    object-fit: cover;
    display: block;
}

/* Row 1: subcategory button (left) + type (right) */
.vl26-mixed__row--1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: row-reverse;
}

.vl26-mixed__subcat {
    display: inline-block;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #787187;
    border: 1px solid #787187;
    padding: 6px 9px;
    border-radius: 40px;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

.vl26-mixed__subcat:hover {
    color: #1B0C3C;
    border-color: #1B0C3C;
}

.vl26-mixed__type {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #59506B;
    background-color: #F8F3F1;
    padding: 2px 5px;
}

/* Row 2: title */
.vl26-mixed__card-h2 {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 8px 0;
}

/* Row 3: subtitle */
.vl26-mixed__card-sub {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0;
}

/* Row 4: date (left) + button (right) — content height + 30px bottom */
.vl26-mixed__row--4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    flex-direction: row-reverse;
}

/* Large card: full button with text */
.vl26-mixed__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #ffffff;
    background: #1B0C3C;
    border-radius: 35px;
    padding: 10px 25px;
    text-decoration: none;
}

/* Small cards: arrow-only compact button */
.vl26-mixed__card--small .vl26-mixed__btn {
    font-size: 0;
    padding: 10px 5px;
}

.vl26-mixed__card--small .vl26-mixed__btn img {
    position: relative;
    left: 4px;
}

.vl26-mixed__card--small .vl26-mixed__btn-arrow,
.vl26-mixed__card--wide .vl26-mixed__btn-arrow {
    width: 18px;
}

.vl26-mixed__btn-arrow {
    width: 18px;
    height: auto;
    flex-shrink: 0;
}

.vl26-mixed__date {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: left;
    color: #1B0C3C;
}

/* Small cards: smaller fonts to fit */
.vl26-mixed__card--small .vl26-mixed__card-h2 {
    font-size: 20px;
    line-height: 22px;
    min-height: 70px;
}

.vl26-mixed__card--small .vl26-mixed__card-sub {
    font-size: 16px;
    line-height: 20px;
}

.vl26-mixed__card--small .vl26-mixed__type {
    font-size: 14px;
}

.vl26-mixed__card--small .vl26-mixed__date {
    font-size: 20px;
    line-height: 20px;
}

.vl26-mixed__card--small .vl26-mixed__card-img {
    max-height: 140px;
    height: 140px;
    padding: 0 35px 35px 35px;
}

.vl26-mixed__card--small .vl26-mixed__img {
    max-height: 140px;
    height: 140px;
}

.vl26-mixed__card--wide .vl26-mixed__card-img,
.vl26-mixed__card--wide .vl26-mixed__img {
    max-height: 180px;
    height: 180px;
}

/* Product/book covers are portrait — keep natural ratio, no cropping */
.vl26-mixed__card--wide .vl26-mixed__img {
    object-fit: contain;
}
/* Wide card: horizontal layout — image+button left, text right */
.vl26-mixed__card--wide {
    flex-direction: row-reverse;
}

.vl26-mixed__card--wide .vl26-mixed__card-left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 45%;
    gap: 12px;
    padding: 35px;
}

.vl26-mixed__card--wide .vl26-mixed__card-left .vl26-mixed__card-img {
    max-height: 180px;
    height: 180px;
    flex: 1;
    padding: 0;
}

.vl26-mixed__card--wide .vl26-mixed__card-body {
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.vl26-mixed__card--wide .vl26-mixed__btn {
    align-self: flex-start;
}

.vl26-mixed__card--wide .vl26-mixed__row--4 {
    display: none;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-mixed__grid {
        grid-template-columns: 1fr;
    }

    .vl26-mixed__left {
        grid-template-rows: auto auto;
    }

    .vl26-mixed__left-top {
        grid-template-columns: 1fr 1fr;
    }

    .vl26-mixed__card-h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .vl26-mixed__card-sub {
        font-size: 16px;
        line-height: 22px;
    }

    .vl26-mixed__tag {
        font-size: 12px;
    }

    .vl26-mixed__date {
        font-size: 18px;
    }

    /* Stack all inline rows vertically on mobile */
    .vl26-mixed__row--1,
    .vl26-mixed__row--4 {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .vl26-mixed__card--small .vl26-mixed__row--4 {
        margin-top: 20px;
    }

    /* Wide card: stack vertically on mobile */
    .vl26-mixed__card--wide {
        flex-direction: column;
    }

    .vl26-mixed__card--wide .vl26-mixed__card-left {
        width: 100%;
        padding: 20px 20px 0;
        gap: 12px;
    }

    .vl26-mixed__card--wide .vl26-mixed__card-left .vl26-mixed__card-img {
        max-height: 209px;
        height: 209px;
    }

    .vl26-mixed__card--wide .vl26-mixed__card-body {
        padding: 20px;
    }

    .vl26-mixed__card--wide .vl26-mixed__btn {
        align-self: flex-start;
        white-space: nowrap;
    }
}

@media (max-width: 700px) {
    .vl26-mixed {
        padding: 40px 5%;
    }

    .vl26-mixed__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .vl26-mixed__title {
        font-size: 23px;
    }

    .vl26-mixed__left-top {
        grid-template-columns: 1fr;
    }

    .vl26-mixed__card-h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .vl26-mixed__card-sub {
        font-size: 16px;
        line-height: 22px;
    }

    .vl26-mixed__date {
        font-size: 18px;
    }

    .vl26-mixed__btn {
        font-size: 16px;
        padding: 8px 18px 8px 36px;
        white-space: nowrap;
    }
}

/* -------------------------------------------------------------------------- */
/*  Notice Bar — single-line box                                              */
/* -------------------------------------------------------------------------- */
.vl26-notice {
    margin: 0 auto;
    padding: 0 5%;
}

.vl26-notice__inner {
    background: #F8F3F1;
    padding: 12px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vl26-notice__text {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
}

.vl26-notice__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    text-decoration: none;
    flex-shrink: 0;
}

.vl26-notice__link:hover {
    opacity: 0.65;
}

.vl26-notice__arrow {
    width: 18px;
    height: auto;
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .vl26-notice__inner {
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .vl26-notice__text {
        font-size: 15px;
        line-height: 24px;
    }

    .vl26-notice__link {
        font-size: 15px;
        line-height: 24px;
    }

    .vl26-notice__arrow {
        width: 11px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Community Bar — single-line box                                           */
/* -------------------------------------------------------------------------- */
.vl26-community {
    margin: 30px auto 0;
    padding: 0 5%;
}

.vl26-community__inner {
    background: #60919C;
    padding: 40px 60px;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row-reverse; /* RTL: items left-to-right */
    justify-content: space-between;
}

.vl26-community__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: right;
    color: #ffffff;
    background: #1B0C3C;
    border: none;
    border-radius: 35px;
    padding: 10px 25px;
    cursor: pointer;
    flex-shrink: 0;
}

.vl26-community__btn + .vl26-community__btn {
    margin-inline-start: 20px;
}

.vl26-community__wa {
    width: 22px;
    height: auto;
    flex-shrink: 0;
}

.vl26-community__text {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'TheBasics', sans-serif;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: right;
    color: #ffffff;
}

.vl26-community__text-bold {
    font-weight: 700;
}

.vl26-community__sep {
    font-weight: 400;
}

.vl26-community__text-reg {
    font-weight: 400;
}

@media (max-width: 1023px) {
    .vl26-community {
        margin: 20px auto 0;
        padding: 0 30px;
    }

    .vl26-community__inner {
        background: #F7F2F1;
        padding: 20px 30px;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .vl26-community__text {
        font-size: 15px;
        line-height: 22px;
        color: #1B0C3C;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .vl26-community__text-bold {
        font-size: 16px;
        font-weight: 700;
    }

    .vl26-community__sep {
        display: none;
    }

    .vl26-community__btn {
        font-size: 15px;
        font-weight: 700;
        background: #1B0C3C;
        color: #fff;
        padding: 6px 16px;
        justify-content: center;
    }

    .vl26-community__btn + .vl26-community__btn {
        margin-inline-start: 0;
    }

    .vl26-community__wa {
        width: 14px;
    }
}

/* -------------------------------------------------------------------------- */
/*  Post List — 3 posts + 1 details box                                       */
/* -------------------------------------------------------------------------- */
.vl26-postlist {
    margin: 0 5%;
    padding: 60px 0;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-postlist__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: stretch;
}

/* Post cards reuse .vl26-mixed__card styles, no image */
.vl26-postlist__card .vl26-mixed__card-img {
    display: none;
}

/* Empty placeholder card */
.vl26-postlist__card--empty {
    background: #fff;
    border: 1px solid #ACA5A0;
}

/* 4th box: term details */
.vl26-postlist__details {
    background: #F8F3F1;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vl26-video-featured .vl26-postlist__details,
.vl26-articles-featured .vl26-postlist__details {
    padding-top: 60px;
    padding-bottom: 60px;
}

.vl26-postlist__eyebrow {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 16px 0;
}

.vl26-postlist__term-name {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 20px 0;
}

.vl26-postlist__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: auto;
}

.vl26-postlist__tag {
    display: inline-block;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #787187;
    border: 1px solid #787187;
    padding: 6px 9px;
    border-radius: 100px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.vl26-postlist__tag:hover {
    background: #787187;
    color: #fff;
}

.vl26-postlist__circle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1B0C3C;
    align-self: flex-end;
    transition: opacity 0.2s ease;
}

.vl26-postlist__circle-btn:hover {
    opacity: 0.8;
}

.vl26-postlist__circle-btn img {
    width: 18px;
    height: auto;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-postlist {
        padding: 40px 30px;
    }

    .vl26-postlist__grid {
        grid-template-columns: 1fr 1fr;
    }

    .vl26-postlist__term-name {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 700px) {
    .vl26-postlist__grid {
        grid-template-columns: 1fr;
    }

    .vl26-postlist__term-name {
        font-size: 23px;
        line-height: 30px;
    }
}

/* -------------------------------------------------------------------------- */
/*  About Institute — full-width 2 columns                                   */
/* -------------------------------------------------------------------------- */
.vl26-about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    align-items: stretch;
}

/* In RTL, lower order = right. We want: image (left) | text (right) */
.vl26-about__image {
    order: 2;
    overflow: hidden;
}

.vl26-about__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vl26-about__text {
    order: 1;
    padding: 60px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.vl26-about__title {
    font-family: 'EditorSerif', serif;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 30px 0;
}

.vl26-about__title-1 {
    display: block;
    font-weight: 600;
}

.vl26-about__title-2 {
    display: block;
    font-weight: 300;
}

.vl26-about__desc {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin-bottom: 30px;
}

.vl26-about__desc p {
    margin: 0 0 16px 0;
}

.vl26-about__desc p:last-child {
    margin-bottom: 0;
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-about {
        grid-template-columns: 1fr;
    }

    .vl26-about__image {
        order: 1;
    }

    .vl26-about__image img {
        height: 219px;
    }

    .vl26-about__text {
        order: 2;
        padding: 40px 30px;
    }

    .vl26-about__title {
        font-size: 23px;
        line-height: 30px;
    }

    .vl26-about__desc {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 700px) {
    .vl26-about__text {
        padding: 30px 16px;
    }
}

/* ==========================================================================
   Events Archive 2026 (ארכיון סוג תוכן - אירועים)
   Figma node 2130:2366
   ========================================================================== */

.vl26-events {
    overflow-x: hidden;
}

/* --- Events Hero (beige banner) ------------------------------------------- */
.vl26-events-hero {
    background: #F8F3F1;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 30px;
}

.vl26-events-hero__inner {
    width: 100%;
    text-align: center;
}

.vl26-events-hero__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 70px;
    color: #1B0C3C;
    margin: 0 0 16px 0;
}

.vl26-events-hero__subtitle {
    font-family: 'EditorSerif', serif;
    font-weight: 300;
    font-size: 37px;
    line-height: 44px;
    color: #1B0C3C;
    margin: 0;
}

/* --- Events Featured (3-column with dividers) ------------------------------ */
.vl26-events-featured {
    margin: 0 5%;
    padding: 60px 0;
}

.vl26-events-featured__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    align-items: stretch;
}

.vl26-video-featured .vl26-events-featured__grid,
.vl26-articles-featured .vl26-events-featured__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.vl26-events-featured__col {
    padding: 0 30px;
}

/* Vertical divider between columns (skip first) */
.vl26-events-featured__col--divider {
    border-right: 1px solid #ACA5A0;
}

.vl26-events-featured__card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #1B0C3C;
    height: 100%;
}

.vl26-events-featured__cat {
    display: inline-block;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #1B0C3C;
    background: #F8F3F1;
    padding: 2px 10px;
    align-self: flex-start;
    margin-bottom: 20px;
}

.vl26-events-featured__title {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #1B0C3C;
    margin: 0 0 12px 0;
    min-height: 96px;
}

.vl26-events-featured__sub {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #1B0C3C;
    margin: 0 0 20px 0;
}

.vl26-events-featured__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 20px;
    padding-top: 10px;
}

.vl26-video-featured .vl26-events-featured__bottom {
    justify-content: flex-end;
    padding-top: 10px;
}

.vl26-articles-archive .vl26-events-featured.vl26-articles-featured > .vl26-mixed__header,
.vl26-video-archive .vl26-events-featured.vl26-video-featured > .vl26-mixed__header {
    padding-top: 35px;
    border-top: 1px solid #ACA5A0; 
}

.vl26-articles-archive .vl26-events-featured.vl26-articles-featured:first-of-type {
    border-top: none;
}

.vl26-articles-archive .vl26-events-featured.vl26-articles-featured,
.vl26-video-archive .vl26-events-featured.vl26-video-featured {
    padding-top: 0;
}

.vl26-articles-archive .vl26-events-filters.vl26-articles-filters,
.vl26-video-archive .vl26-events-filters.vl26-video-filters {
    border-bottom: none;
}

.vl26-events-featured__date {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    color: #1B0C3C;
}

.vl26-events-featured__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1B0C3C;
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}

.vl26-events-featured__arrow svg {
    width: 18px;
    height: auto;
}

.vl26-events-featured__img {
    overflow: hidden;
    margin-top: auto;
}

.vl26-events-featured__img img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

/* --- Events Filters (topic tags) ------------------------------------------ */
.vl26-events-filters {
    margin: 0 5%;
    padding: 35px 30px;
    border-top: 1px solid #ACA5A0;
    border-bottom: 1px solid #ACA5A0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.vl26-events-filters__title {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #1B0C3C;
    margin: 0;
    flex-shrink: 0;
}

.vl26-events-filters__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.vl26-events-filters__tag {
    display: inline-block;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1B0C3C;
    border: 1px solid #1B0C3C;
    padding: 10px 24px;
    border-radius: 100px;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;
}

.vl26-events-filters__tag:hover,
.vl26-events-filters__tag:focus {
    background: #1B0C3C;
    color: #ffffff;
}

/* --- Events Grid (upcoming + past) ----------------------------------------- */
.vl26-events-grid {
    margin: 0 auto;
    padding: 0 5% 60px;
}

.vl26-events-grid__header {
    margin: 0 0 35px 0;
    padding: 35px 30px;
    border-bottom: 1px solid #ACA5A0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vl26-events-grid__header-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #60919C;
    text-decoration: none;
}

.vl26-events-grid__header-link:hover {
    opacity: 0.7;
}

.vl26-events-grid.vl26-events-grid--with-image .vl26-events-grid__header {
    border-top: 1px solid #ACA5A0;
}

.vl26-events-grid__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: #1B0C3C;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.vl26-events-grid__title::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1B0C3C;
    flex-shrink: 0;
}

.vl26-events-grid__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    align-items: stretch;
}

.vl26-events-grid__card {
    text-decoration: none;
    color: #1B0C3C;
}

.vl26-events-grid__img {
    margin: 16px 0;
    overflow: hidden;
    border-radius: 8px;
}

.vl26-events-grid__img img {
    width: 100%;
    height: 136px;
    object-fit: cover;
    display: block;
}

/* --- Responsive: Events Archive ------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-events-hero {
        min-height: 240px;
        padding: 40px 30px;
    }

    .vl26-events-hero__title {
        font-size: 40px;
        line-height: 48px;
    }

    .vl26-events-hero__subtitle {
        font-size: 22px;
        line-height: 30px;
    }

    .vl26-events-featured {
        padding: 40px 30px;
    }

    .vl26-events-featured__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .vl26-events-featured__col {
        padding: 0;
    }

    .vl26-events-featured__col--divider {
        border-right: none;
        border-top: 1px solid #ACA5A0;
        padding-top: 30px;
    }

    .vl26-events-featured__title {
        font-size: 24px;
        line-height: 28px;
    }

    .vl26-events-featured__sub {
        font-size: 18px;
        line-height: 24px;
    }

    .vl26-events-featured__date {
        font-size: 22px;
    }

    .vl26-events-filters {
        padding: 30px 30px;
    }

    .vl26-events-filters__tag {
        font-size: 16px;
        padding: 8px 18px;
    }

    .vl26-events-grid {
        padding: 40px 30px;
    }

    .vl26-events-grid__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .vl26-events-grid__title {
        font-size: 28px;
    }

    .vl26-events-grid__header-link {
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    .vl26-events-hero__title {
        font-size: 32px;
        line-height: 40px;
    }

    .vl26-events-hero__subtitle {
        font-size: 18px;
        line-height: 26px;
    }

    .vl26-events-featured__title {
        font-size: 20px;
        line-height: 24px;
    }

    .vl26-events-grid__cards {
        grid-template-columns: 1fr;
    }

    .vl26-events-filters__tags {
        gap: 8px;
    }

    .vl26-events-filters__tag {
        font-size: 14px;
        padding: 6px 14px;
    }
}

/* ==========================================================================
   Video Archive 2026 (ארכיון סוג תוכן - וידאו)
   Figma node 2130:8088
   ========================================================================== */

.vl26-video-archive {
    overflow-x: hidden;
}

/* --- Video Featured — play button overlay ---------------------------------- */
.vl26-video-featured__img {
    position: relative;
    overflow: hidden;
    margin-top: auto;
    border-radius: 8px;
}

.vl26-video-featured__img img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

.vl26-video-featured__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 50px;
    pointer-events: none;
}

/* --- Video Topic Section (sidebar + 3 cards) ------------------------------ */
.vl26-video-topic {
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    gap: 30px;
    align-items: stretch;
}

.vl26-video-topic__sidebar {
    background: #F8F3F1;
    border-radius: 8px;
    padding: 30px;
    width: 329px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 357px;
}

.vl26-video-topic__label {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    color: #1B0C3C;
    margin-bottom: 20px;
}

.vl26-video-topic__name {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: #1B0C3C;
    margin: 0 0 auto 0;
}

.vl26-video-topic__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
}

.vl26-video-topic__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    flex: 1;
    align-items: stretch;
}

.vl26-video-topic__card {
    text-decoration: none;
    color: #1B0C3C;
}

/* --- Responsive: Video Archive --------------------------------------------- */
@media (max-width: 1023px) {
    .vl26-video-featured .vl26-events-featured__grid,
    .vl26-articles-featured .vl26-events-featured__grid {
        grid-template-columns: 1fr;
    }

    .vl26-video-topic {
        flex-direction: column;
        gap: 20px;
    }

    .vl26-video-topic__sidebar {
        width: 100%;
        min-height: auto;
        padding: 24px;
    }

    .vl26-video-topic__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .vl26-video-featured__img img {
        height: 120px;
    }
}

@media (max-width: 700px) {
    .vl26-video-topic__cards {
        grid-template-columns: 1fr;
    }

    .vl26-video-featured__img img {
        height: 100px;
    }

    .vl26-video-featured__play {
        width: 32px;
        height: 38px;
    }

    .vl26-video-topic__name {
        font-size: 24px;
        line-height: 30px;
    }
}

/* ==========================================================================
   Podcasts Archive 2026 (ארכיון סוג תוכן - פודקאסטים)
   Figma node 2130:4764
   ========================================================================== */

.vl26-podcasts-grid {
    margin: 0 auto;
    padding: 60px 30px;
}

.vl26-podcasts-grid__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 30px;
    align-items: stretch;
}

.vl26-podcasts-grid__card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #1B0C3C;
    min-width: 0;
}

.vl26-podcasts-grid__titlebar {
    background: #D5CFCB;
    color: #1B0C3C;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    overflow: hidden;
}

.vl26-podcasts-grid__name {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #1B0C3C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vl26-podcasts-grid__play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vl26-podcasts-grid__play img {
    width: 13px;
    height: 11px;
}

.vl26-podcasts-grid__sub {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #1B0C3C;
    margin: 14px 0;
    min-height: 50px;
}

.vl26-podcasts-grid__img {
    overflow: hidden;
    margin-top: auto;
    border-radius: 8px;
}

.vl26-podcasts-grid__img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

/* --- Responsive: Podcasts Archive ------------------------------------------ */
@media (max-width: 1023px) {
    .vl26-podcasts-grid {
        padding: 40px 30px;
    }

    .vl26-podcasts-grid__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .vl26-podcasts-grid__name {
        font-size: 24px;
        line-height: 26px;
    }

    .vl26-podcasts-grid__img img {
        height: 160px;
    }
}

@media (max-width: 700px) {
    .vl26-podcasts-grid__cards {
        grid-template-columns: 1fr;
    }

    .vl26-podcasts-grid__name {
        font-size: 22px;
    }

    .vl26-podcasts-grid__img img {
        height: 140px;
    }
}

/* ==========================================================================
   Category Archive 2026 (תבנית ארכיון קטגוריה)
   Figma node 2226:5441
   ========================================================================== */

/* --- Hero --- */
.vl26-category-hero {
    padding: 0;
    display: block;
    text-align: start;
}

.vl26-category-hero__inner {
    width: 100%;
    margin: 0;
    padding: 0 10% 0 0;
    display: grid;
    grid-template-columns: 1fr 377px;
    gap: 0;
    align-items: stretch;
}

.vl26-category-hero__terms {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid #ACA5A0;
    background: #ffffff;
    align-self: stretch;
    padding: 70px 0 70px 60px;
}

.vl26-category-hero__term {
    display: block;
    padding: 24px 0 24px 30px;
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #1B0C3C;
    text-decoration: none;
    border-bottom: 1px solid #ACA5A0;
    text-align: left;
}

.vl26-category-hero__term--active {
    color: #60919C;
}

.vl26-category-hero__term:hover {
    color: #60919C;
}

.vl26-category-hero__content {
    padding-top: 70px;
    align-self: start;
}

.vl26-category-hero__desc {
    margin-top: 20px;
}

.vl26-category-hero__desc p {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #1B0C3C;
    margin: 0;
}

.vl26-category-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

/* --- Section header (title + more link) --- */
.vl26-category-section {
    padding: 0 30px;
}

.vl26-category-events-mixed {
    margin: 0 5%;
    padding: 0;
}

.vl26-category-section .vl26-mixed.vl26-mixed--no-header {
    padding-left: 0;
    padding-right: 0;
}

.vl26-category-events-mixed .vl26-events-grid__header {
    margin: 0 0 40px;
    padding: 35px 30px;
    border-top: 1px solid #ACA5A0;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-category-events-mixed .vl26-mixed {
    padding-top: 0;
}

.vl26-category-section .vl26-events-grid__header {
    margin: 0 0 40px;
    border-top: 1px solid #ACA5A0;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-events-featured__grid {
    margin-bottom: 60px;
}

/* Top border on items in rows below the first (multi-row grids) */
.vl26-category-section .vl26-events-featured__col {
    border-top: 1px solid #ACA5A0;
}

/* 4 columns for all category sections */
.vl26-category-section .vl26-events-featured__grid {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Remove top border from first row items (4 per row) */
.vl26-category-section .vl26-events-featured__col:nth-child(-n+4) {
    border-top: none;
}

/* --- Books section --- */
.vl26-category-book__cover {
    width: 100px;
    height: 125px;
    overflow: hidden;
    margin-bottom: 16px;
}

.vl26-category-book__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vl26-category-book__bottom {
    justify-content: space-between;
}

.vl26-category-book__price {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #1B0C3C;
}

.vl26-category-book__btn {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #1B0C3C;
    background: none;
    width: auto;
    height: auto;
}

/* --- Responsive: Category Archive --- */
@media (max-width: 1023px) {
    .vl26-category-hero__inner {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 60px 30px 40px;
    }

    .vl26-category-hero__content {
        padding-top: 0;
    }

    .vl26-category-hero__term {
        font-size: 22px;
        line-height: 28px;
    }

    .vl26-category-section {
        padding: 40px 30px;
    }

    .vl26-category-section .vl26-events-featured__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    .vl26-category-hero__term {
        font-size: 20px;
    }
}

/* ==========================================================================
   About Us 2026 (אודות)
   Figma node 2132:4447
   ========================================================================== */

.vl26-about-us {
    background: #fff;
}

.vl26-about-us__wrap {
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 30px;
}

.vl26-about-us__intro {
    background: #F8F3F1;
    padding: 116px 0 220px;
}

.vl26-about-us__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 63px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 35px 0;
}

.vl26-about-us__content {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
}

.vl26-about-us__content p {
    margin: 0 0 20px 0;
}

.vl26-about-us__content p:last-child {
    margin-bottom: 0;
}

/* Video overlaps the beige/white boundary (113px in Figma) */
.vl26-about-us__video {
    max-width: 672px;
    margin: -110px auto 0;
    aspect-ratio: 672 / 372;
    border-radius: 8px;
    overflow: hidden;
    background: #D9D9D9;
    position: relative;
    z-index: 1;
}

.vl26-about-us__video iframe,
.vl26-about-us__video video,
.vl26-about-us__video .wp-block-embed__wrapper {
    width: 100%;
    height: 100%;
    display: block;
}

.vl26-about-us__video iframe {
    border: 0;
}

/* Divider + "עוד על המכון" + menu columns */
.vl26-about-us__more {
    border-top: 1px solid #ACA5A0;
    margin-top: 100px;
    padding-top: 140px;
}

.vl26-about-us__more-title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 37px;
    line-height: 63px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 60px 0;
}

.vl26-about-us__menus {
    display: flex;
    justify-content: space-between;
    padding-bottom: 140px;
}

.vl26-about-us__menu-col {
    min-width: 0;
}

.vl26-about-us__menu-col + .vl26-about-us__menu-col {
    border-inline-start: 1px solid #ACA5A0;
    padding-inline-start: 100px;
}

.vl26-about-us__menu-title {
    font-family: 'EditorSerif', serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 12px 0;
}

/* about_menu_single is a rich editor — user enters menu items as text/links */
.vl26-about-us__menu-content {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0;
    color: #1B0C3C;
}

.vl26-about-us__menu-content ul,
.vl26-about-us__menu-content ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vl26-about-us__menu-content p {
    margin: 0;
}

.vl26-about-us__menu-content a {
    color: #1B0C3C;
    text-decoration: none;
}

.vl26-about-us__menu-content a::after {
    content: ' ‹';
}

.vl26-about-us__menu-content a:hover {
    color: #4B3F72;
}

/* --- Responsive: About Us --- */
@media (max-width: 1023px) {
    .vl26-about-us__intro {
        padding: 60px 0 160px;
    }

    .vl26-about-us__title {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 24px;
    }

    .vl26-about-us__content {
        font-size: 18px;
        line-height: 24px;
    }

    .vl26-about-us__video {
        margin: -80px auto 0;
        max-width: calc(100% - 30px);
    }

    .vl26-about-us__more {
        margin-top: 60px;
        padding-top: 60px;
    }

    .vl26-about-us__more-title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .vl26-about-us__menus {
        flex-direction: column;
        gap: 40px;
        padding-bottom: 80px;
    }

    .vl26-about-us__menu-col + .vl26-about-us__menu-col {
        border-inline-start: none;
        padding-inline-start: 0;
        border-top: 1px solid #ACA5A0;
        padding-top: 40px;
    }

    .vl26-about-us__menu-title {
        font-size: 24px;
        line-height: 34px;
    }

    .vl26-about-us__menu-content {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width: 700px) {
    .vl26-about-us__wrap {
        padding: 0 16px;
    }

    .vl26-about-us__title {
        font-size: 32px;
        line-height: 38px;
    }
}

/* ==========================================================================
   Simple Page 2026 (תבנית דף פנימי)
   Figma node 2141:4661
   ========================================================================== */

.vl26-simple {
    background: #fff;
}

.vl26-simple__wrap {
    max-width: 1020px;
    margin: 0 auto;
    padding: 116px 30px 140px;
}

.vl26-simple__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 63px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 10px 0;
}

.vl26-simple__content {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
}

.vl26-simple__content p,
.vl26-simple__content .has-text-align-center,
.vl26-simple__content .has-text-align-left {
    margin: 0 0 20px 0;
    text-align: right;
}

.vl26-simple__content p:last-child {
    margin-bottom: 0;
}

/* Headings inside page content — per Figma globals */
.vl26-simple__content h2 {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 63px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 30px 0;
}

.vl26-simple__content h3 {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 20px 0;
}

.vl26-simple__content a {
    color: #1B0C3C;
}

.vl26-simple__content a:hover {
    color: #4B3F72;
}

/* --- Responsive: Simple Page --- */
@media (max-width: 1023px) {
    .vl26-simple__wrap {
        padding: 60px 30px 80px;
    }

    .vl26-simple__title {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 14px;
    }

    .vl26-simple__content h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px;
    }
}

@media (max-width: 700px) {
    .vl26-simple__wrap {
        padding: 40px 16px 60px;
    }

    .vl26-simple__title {
        font-size: 32px;
        line-height: 38px;
    }
}

/* ==========================================================================
   Team 2026 (צוות)
   Figma node 2132:4518
   ========================================================================== */

.vl26-team {
    background: #fff;
}

.vl26-team__intro {
    background: #F8F3F1;
    padding: 116px 0 0;
}

.vl26-team__wrap {
    max-width: 1020px;
    margin: 0 auto;
    padding: 0;
}

.vl26-team__intro + .vl26-team__wrap {
    padding-top: 57px;
    padding-bottom: 140px;
}

.vl26-team__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 63px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 50px 0;
}

.vl26-team__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: #ECE9E4;
    border-radius: 25px 25px 0 0;
    padding: 16px 30px;
    direction: rtl;
}

.vl26-team__tab,
.vl26-team__tab-sep {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0;
    color: #1B0C3C;
    text-decoration: none;
}

.vl26-team__tab-sep {
    opacity: 0.5;
}

.vl26-team__tab:hover {
    color: #4B3F72;
}

.vl26-team__section {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-team__section-title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 35px 0;
}

.vl26-team__section-title::after {
    content: ' •';
}

.vl26-team__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 33px;
    direction: rtl;
}

.vl26-team__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #1B0C3C;
    width: 100%;
    max-width: 131px;
    margin: 0 auto;
}

.vl26-team__img-wrap {
    width: 100%;
    max-width: 131px;
    aspect-ratio: 131 / 144;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 12px;
    background: #E0E0E0;
}

.vl26-team__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vl26-team__img--placeholder {
    background: #E0E0E0;
    width: 100%;
    height: 100%;
}

.vl26-team__info {
    width: 100%;
    max-width: 131px;
    text-align: right;
}

.vl26-team__name {
    font-family: 'EditorSerif', serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #1B0C3C;
    margin: 0 0 4px 0;
}

.vl26-team__role {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 0;
    color: #1B0C3C;
    margin: 0;
}

.vl26-team__card:hover .vl26-team__name {
    color: #4B3F72;
}

.vl26-team__empty {
    text-align: right;
    font-family: 'TheBasics', sans-serif;
    font-size: 18px;
    color: #1B0C3C;
}

/* --- Responsive: Team --- */
@media (max-width: 1023px) {
    .vl26-team__intro {
        padding: 60px 0 0;
    }

    .vl26-team__intro + .vl26-team__wrap {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .vl26-team__title {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 30px;
    }

    .vl26-team__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 14px 20px;
        gap: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .vl26-team__tabs::-webkit-scrollbar {
        display: none;
    }

    .vl26-team__tab,
    .vl26-team__tab-sep {
        font-size: 18px;
        line-height: 28px;
        white-space: nowrap;
    }

    .vl26-team__section-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .vl26-team__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

@media (max-width: 700px) {
    .vl26-team__intro {
        padding: 40px 0 0;
    }

    .vl26-team__wrap {
        padding: 0 16px;
    }

    .vl26-team__intro + .vl26-team__wrap {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .vl26-team__title {
        font-size: 32px;
        line-height: 38px;
    }

    .vl26-team__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .vl26-team__section-title {
        font-size: 24px;
        line-height: 28px;
    }
}

/* ==========================================================================
   Single Member 2026 (דף איש צוות)
   Figma node 2143:4982
   ========================================================================== */

.vl26-member {
    background: #fff;
}

.vl26-member__band {
    background: #F8F3F1;
    height: 286px;
}

.vl26-member__wrap {
    max-width: 1020px;
    margin: -205px auto 0;
    padding: 0 30px 0;
}

.vl26-member__card {
    background: #fff;
    border-radius: 15px;
    padding: 75px 87px 54px;
}

.vl26-member__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}

.vl26-member__info {
    flex: 1;
    min-width: 0;
}

.vl26-member__name {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 63px;
    letter-spacing: 0;
    text-align: right;
    color: #1B0C3C;
    margin: 0 0 10px 0;
}

.vl26-member__role {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
    text-align: right;
    color: #000;
    margin: 0 0 40px 0;
}

.vl26-member__meta {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vl26-member__meta-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.vl26-member__meta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: #D9D9D9;
    flex-shrink: 0;
}

.vl26-member__meta-text {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000;
    text-decoration: none;
}

.vl26-member__meta-link:hover {
    text-decoration: underline;
}

.vl26-member__photo {
    width: 194px;
    flex-shrink: 0;
}

.vl26-member__img {
    width: 194px;
    height: 214px;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}

.vl26-member__img--placeholder {
    background: #E0E0E0;
}

.vl26-member__bio {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
    color: #000;
    margin-top: 70px;
}

.vl26-member__bio p {
    margin: 0 0 20px 0;
}

.vl26-member__bio p:last-child {
    margin-bottom: 0;
}

.vl26-member__links {
    display: flex;
    justify-content: flex-end;
    gap: 48px;
    padding-top: 42px;
    border-top: 1px solid #ACA5A0;
}

.vl26-member__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    color: #1B0C3C;
    text-decoration: none;
}

.vl26-member__link:hover {
    color: #4B3F72;
}

/* --- Responsive: Single Member --- */
@media (max-width: 1023px) {
    .vl26-member__band {
        height: 200px;
    }

    .vl26-member__wrap {
        margin-top: -140px;
        padding-bottom: 60px;
    }

    .vl26-member__card {
        padding: 40px 30px;
    }

    .vl26-member__head {
        flex-direction: column;
    }

    .vl26-member__name {
        font-size: 28px;
        line-height: 36px;
    }

    .vl26-member__role {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 24px;
    }

    .vl26-member__bio {
        font-size: 18px;
        line-height: 26px;
        margin-top: 40px;
    }

    .vl26-member__links {
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 700px) {
    .vl26-member__wrap {
        padding: 0 16px 50px;
    }

    .vl26-member__card {
        padding: 30px 20px;
    }
}

/* ===== Research Areas 2026 ===== */

.vl26-research {
    padding: 0;
    background: #fff;
}

.vl26-research__intro {
    background: #F8F3F1;
    padding: 116px 0 70px;
}

.vl26-research__wrap {
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 30px;
}

.vl26-research__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 63px;
    color: #1B0C3C;
    margin: 0;
    text-align: right;
}

.vl26-research__list {
    padding: 68px 0 100px;
}

.vl26-research__item {
    padding-bottom: 42px;
    margin-bottom: 42px;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-research__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.vl26-research__item-title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: #1B0C3C;
    margin: 0 0 22px;
    text-align: right;
}

.vl26-research__item-title::before {
    content: '• ';
}

.vl26-research__item-title a {
    color: inherit;
    text-decoration: none;
}

.vl26-research__item-title a:hover {
    color: #4B3F72;
}

.vl26-research__item-desc {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    margin: 0 0 30px;
    text-align: right;
}

.vl26-research__item-desc p {
    margin: 0 0 10px;
}

.vl26-research__item-desc p:last-child {
    margin-bottom: 0;
}

.vl26-research__item-more {
    display: flex;
    justify-content: flex-end;
}

.vl26-research__item-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #1B0C3C;
    text-decoration: none;
}

.vl26-research__item-link:hover {
    color: #4B3F72;
}

.vl26-research__item-link:hover .vl26-research__item-arrow path {
    stroke: #4B3F72;
}

@media (max-width: 1024px) {
    .vl26-research__intro {
        padding: 70px 0 50px;
    }

    .vl26-research__title {
        font-size: 48px;
        line-height: 48px;
    }

    .vl26-research__item-title {
        font-size: 28px;
        line-height: 34px;
    }
}

@media (max-width: 640px) {
    .vl26-research__intro {
        padding: 50px 0 40px;
    }

    .vl26-research__title {
        font-size: 34px;
        line-height: 36px;
    }

    .vl26-research__list {
        padding: 40px 0 60px;
    }

    .vl26-research__item-title {
        font-size: 24px;
        line-height: 30px;
    }

    .vl26-research__item-desc {
        font-size: 18px;
        line-height: 24px;
    }
}

/* ===== Topic Page 2026 ===== */

.vl26-topic {
    padding: 0;
    background: #fff;
}

.vl26-topic__intro {
    background: #F8F3F1;
    padding: 78px 0 60px;
}

.vl26-topic__wrap {
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 30px;
}

.vl26-topic__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 63px;
    color: #1B0C3C;
    margin: 0 0 22px;
    text-align: right;
}

.vl26-topic__subtitle {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    color: #1B0C3C;
    text-align: right;
}

.vl26-topic__subtitle p {
    margin: 0 0 10px;
}

.vl26-topic__subtitle p:last-child {
    margin-bottom: 0;
}

.vl26-topic__content {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    padding: 50px 0 0;
    text-align: right;
}

.vl26-topic__content p {
    margin: 0 0 18px;
    text-align: right;
}

.vl26-topic__content p:last-child {
    margin-bottom: 0;
}

.vl26-topic__related {
    margin-top: 80px;
    border-top: 1px solid #ACA5A0;
    padding-top: 28px;
}

.vl26-topic__related-title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: #1B0C3C;
    margin: 0;
    padding-bottom: 22px;
    border-bottom: 1px solid #ACA5A0;
    text-align: right;
}

.vl26-topic__related-title::before {
    content: '• ';
}

.vl26-topic__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 50px 0 80px;
}

.vl26-topic__card {
    padding-inline-end: 40px;
    border-inline-end: 1px solid #ACA5A0;
    display: flex;
    flex-direction: column;
}

.vl26-topic__card + .vl26-topic__card {
    padding-inline-start: 40px;
}

.vl26-topic__card:last-child {
    border-inline-end: 0;
}

.vl26-topic__card-title {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #1B0C3C;
    margin: 0 0 18px;
    text-align: right;
}

.vl26-topic__card-title a {
    color: inherit;
    text-decoration: none;
}

.vl26-topic__card-title a:hover {
    color: #4B3F72;
}

.vl26-topic__card-sub {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    color: #1B0C3C;
    margin: 0 0 30px;
    text-align: right;
}

.vl26-topic__card-sub p {
    margin: 0 0 10px;
}

.vl26-topic__card-sub p:last-child {
    margin-bottom: 0;
}

.vl26-topic__card-link {
    margin-top: auto;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #1B0C3C;
    text-decoration: none;
}

.vl26-topic__card-link:hover {
    color: #4B3F72;
}

.vl26-topic__card-link:hover .vl26-topic__card-arrow path {
    stroke: #4B3F72;
}

@media (max-width: 1024px) {
    .vl26-topic__intro {
        padding: 60px 0 45px;
    }

    .vl26-topic__title {
        font-size: 48px;
        line-height: 48px;
    }

    .vl26-topic__subtitle {
        font-size: 24px;
        line-height: 28px;
    }

    .vl26-topic__cards {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }

    .vl26-topic__card:nth-child(2n) {
        border-inline-end: 0;
    }
}

@media (max-width: 640px) {
    .vl26-topic__intro {
        padding: 45px 0 35px;
    }

    .vl26-topic__title {
        font-size: 34px;
        line-height: 36px;
    }

    .vl26-topic__subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .vl26-topic__cards {
        grid-template-columns: 1fr;
        padding: 40px 0 60px;
    }

    .vl26-topic__card {
        border-inline-end: 0;
        border-bottom: 1px solid #ACA5A0;
        padding: 0 0 30px;
    }

    .vl26-topic__card + .vl26-topic__card {
        padding: 30px 0;
    }

    .vl26-topic__card:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .vl26-topic__card-title {
        font-size: 24px;
        line-height: 26px;
    }

    .vl26-topic__card-sub {
        font-size: 18px;
        line-height: 22px;
    }
}

/* ===== Single Event 2026 ===== */

.vl26-event {
    background: #fff;
    padding: 60px 0 0;
}

.vl26-event__wrap {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}

/* Hero */

.vl26-event__hero {
    display: grid;
    grid-template-columns: 1fr 557px;
    gap: 85px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-event__pills {
    display: flex;
    gap: 14px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.vl26-event__pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #F8F3F1;
    padding: 7px 16px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: #594F6B;
    text-decoration: none;
}

.vl26-event__pill--series {
    background: #D6CFCC;
    color: #1B0C3C;
}

.vl26-event__pill--series .vl26-event__pill-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vl26-event__title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 63px;
    line-height: 63px;
    color: #1B0C3C;
    margin: 0 0 14px;
    text-align: right;
}

.vl26-event__subtitle {
    font-family: 'EditorSerif', serif;
    font-weight: 300;
    font-size: 35px;
    line-height: 38px;
    color: #1B0C3C;
    margin: 0 0 16px;
    text-align: right;
}

.vl26-event__participants {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    color: #78708A;
    margin: 0 0 30px;
    text-align: right;
}

.vl26-event__participants p {
    display: inline;
    margin: 0;
}

.vl26-event__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.vl26-event__date {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 35px;
    color: #1B0C3C;
}

.vl26-event__register {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1B0C3C;
    color: #fff;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    padding: 14px 40px;
    border-radius: 100px;
    text-decoration: none;
}

.vl26-event__register:hover {
    background: #4B3F72;
    color: #fff;
}

.vl26-event__img {
    border-radius: 0;
    overflow: hidden;
}

.vl26-event__img-el {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Main: content + form */

.vl26-event__main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    padding: 46px 0 60px;
}

.vl26-event__main--has-form {
    grid-template-columns: minmax(0, 659px) minmax(280px, 557px);
    gap: 60px;
    justify-content: space-between;
}

.vl26-event__content {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    text-align: right;
    min-width: 0;
}

.vl26-event__content p {
    margin: 0 0 26px;
    text-align: right;
}

.vl26-event__content img,
.vl26-event__content iframe,
.vl26-event__content video {
    max-width: 100%;
}

.vl26-event__form {
    background: #F8F3F1;
    padding: 0 45px 50px;
    min-width: 0;
}

.vl26-event__form-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.vl26-event__form-badge {
    width: 213px;
    min-height: 85px;
    background: #EDE6E1;
    border-radius: 0 0 25px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    padding: 14px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #1B0C3C;
    flex-shrink: 0;
    box-sizing: border-box;
}

.vl26-event__form-title {
    font-family: 'EditorSerif', serif;
    font-weight: 300;
    font-size: 37px;
    line-height: 40px;
    color: #1B0C3C;
    margin: 0;
    text-align: right;
    padding-top: 34px;
}

.vl26-event__form-name {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 37px;
    line-height: 44px;
    color: #1B0C3C;
    margin: 0 0 8px;
    text-align: right;
}

.vl26-event__form-date {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    color: #1B0C3C;
    margin: 0 0 30px;
    text-align: right;
}

.vl26-event__form-body input[type="text"],
.vl26-event__form-body input[type="email"],
.vl26-event__form-body input[type="number"],
.vl26-event__form-body select {
    width: 100%;
    height: 48px;
    border: 0;
    background: #fff;
    padding: 0 16px;
    font-family: 'TheBasics', sans-serif;
    font-size: 18px;
    margin-bottom: 14px;
    box-sizing: border-box;
}

.vl26-event__form-body input[type="submit"],
.vl26-event__form-body button[type="submit"],
.vl26-event__form-body .form-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1B0C3C;
    color: #fff;
    border: 0;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    padding: 14px 40px;
    border-radius: 100px;
    cursor: pointer;
}

/* Related */

.vl26-event__related {
    border-top: 1px solid #ACA5A0;
    padding-top: 30px;
}

.vl26-event__related-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ACA5A0;
}

.vl26-event__related-title {
    font-family: 'EditorSerif', serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: #1B0C3C;
    margin: 0;
    text-align: right;
}

.vl26-event__related-title::before {
    content: '• ';
}

.vl26-event__related-links {
    display: flex;
    gap: 30px;
}

.vl26-event__related-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #6191A0;
    text-decoration: none;
}

.vl26-event__related-link:hover {
    color: #4B3F72;
}

.vl26-event__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 34px 0 100px;
}

.vl26-event__card {
    padding-inline-end: 30px;
    border-inline-end: 1px solid #ACA5A0;
    display: flex;
    flex-direction: column;
}

.vl26-event__card + .vl26-event__card {
    padding-inline-start: 30px;
}

.vl26-event__card:last-child {
    border-inline-end: 0;
}

.vl26-event__card-pills {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.vl26-event__card-pill {
    background: #F8F3F1;
    padding: 3px 12px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #594F6B;
}

.vl26-event__card-cat {
    border: 1px solid #ACA5A0;
    border-radius: 100px;
    padding: 5px 12px;
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #78708A;
    text-decoration: none;
}

.vl26-event__card-cat:hover {
    color: #1B0C3C;
    border-color: #1B0C3C;
}

.vl26-event__card-title {
    font-family: 'TheBasics', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #1B0C3C;
    margin: 0 0 14px;
    text-align: right;
}

.vl26-event__card-title a {
    color: inherit;
    text-decoration: none;
}

.vl26-event__card-title a:hover {
    color: #4B3F72;
}

.vl26-event__card-sub {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    color: #1B0C3C;
    margin: 0 0 26px;
    text-align: right;
}

.vl26-event__card-meta {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
}

.vl26-event__card-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #1B0C3C;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vl26-event__card-date {
    font-family: 'TheBasics', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    color: #1B0C3C;
}

.vl26-event__card-meta:hover .vl26-event__card-circle {
    background: #4B3F72;
}

.vl26.events.singular .vl26-community,
.vl26.video.singular .vl26-community {
    padding: 0;
}

@media (max-width: 1100px) {
    .vl26-event__hero {
        grid-template-columns: 1fr 400px;
        gap: 40px;
    }

    .vl26-event__main--has-form {
        grid-template-columns: 1fr 400px;
        gap: 40px;
    }

    .vl26-event__cards {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }

    .vl26-event__card:nth-child(2n) {
        border-inline-end: 0;
    }
}

@media (max-width: 768px) {
    .vl26-event__hero {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .vl26-event__img {
        order: -1;
    }

    .vl26-event__title {
        font-size: 40px;
        line-height: 42px;
    }

    .vl26-event__subtitle {
        font-size: 26px;
        line-height: 30px;
    }

    .vl26-event__participants {
        font-size: 20px;
        line-height: 24px;
    }

    .vl26-event__date {
        font-size: 24px;
        line-height: 26px;
    }

    .vl26-event__main--has-form {
        grid-template-columns: 1fr;
    }

    .vl26-event__form {
        order: 2;
    }

    .vl26-event__content {
        font-size: 18px;
        line-height: 24px;
    }

    .vl26-event__related {
        display: flex;
        flex-direction: column;
    }

    .vl26-event__related-head {
        display: contents;
    }

    .vl26-event__related-title {
        order: 1;
        padding-bottom: 20px;
        border-bottom: 1px solid #ACA5A0;
    }

    .vl26-event__related-links {
        order: 3;
        gap: 24px;
        padding-top: 24px;
    }

    .vl26-event__cards {
        order: 2;
        grid-template-columns: 1fr;
        padding-bottom: 0;
    }

    .vl26-event__card {
        border-inline-end: 0;
        border-bottom: 1px solid #ACA5A0;
        padding: 0 0 30px;
    }

    .vl26-event__card + .vl26-event__card {
        padding: 30px 0;
    }

    .vl26-event__card:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .vl26-event__card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .vl26-event__card-sub {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 18px;
    }

    .vl26-event__card-pills {
        margin-bottom: 14px;
    }

    .vl26-event__card-pill {
        font-size: 14px;
        line-height: 16px;
    }

    .vl26-event__card-meta {
        gap: 10px;
    }

    .vl26-event__card-circle {
        width: 28px;
        height: 28px;
    }

    .vl26-event__card-date {
        font-size: 16px;
        line-height: 18px;
    }

    .vl26-event__meta {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .vl26-event__form-head {
        flex-direction: column;
    }

    .vl26-event__form-badge {
        order: -1;
        margin: 0 auto;
        border-radius: 25px;
    }

    .vl26-event__form-title {
        padding-top: 0;
        text-align: center;
        width: 100%;
    }

    .vl26-event__form-name,
    .vl26-event__form-date {
        text-align: center;
    }
}

/* ===== Single Video 2026 ===== */

.vl26-video__thumb {
    position: relative;
    display: block;
    border-radius: 15px;
}

.vl26-video__thumb-link {
    display: block;
    position: relative;
    height: 100%;
}

.vl26-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .35));
}

@media (max-width: 768px) {
    .vl26-video__play svg {
        width: 28px;
        height: 32px;
    }
}