#sidebar-right {
    background-color: #f2f2f2;
    border-left: 1px solid #dee2e6;
}

#sidebar-right .sidebar-content {
    padding: 40px 40px 40px 40px;
}

.sidebar-wrapper {
    border: none;
    width: 100%;
    margin-bottom: 30px;
}

.sidebar-menu-header {
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    font-size: 20px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
}

.sidebar-menu-header .text-red {
    color: var(--base-red);
}

#sidebar-right ul.mod-menu {
    padding: 0;
    margin-bottom: 30px;
    list-style: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

#sidebar-right ul.mod-menu > li {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
}

#sidebar-right .mod-menu .nav-item.current > ul,
#sidebar-right .mod-menu .nav-item.active > ul,
#sidebar-right .mod-menu .nav-item.current.active-parent > ul {
    display: block;
    visibility: visible;
    width: 100%;
    padding: 5px 25px;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
    opacity: 1;
    position: relative;
    height: auto;
    line-height: 2.2;
}

#sidebar-right .mod-menu_sub {
    padding-left: 20px;
    margin-top: 5px;
    list-style: none;
}

#sidebar-right .mod-menu_sub .nav-link {
    font-size: 0.9rem;
    color: #666;
    padding: 3px 0;
}

#sidebar-right ul.mod-menu > li > a {
    display: block;
    padding: 15px 25px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    background-color: #fff;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

#sidebar-right ul.mod-menu > li.current > a,
#sidebar-right ul.mod-menu > li.active > a,
#sidebar-right ul.mod-menu > li.current.active-parent > a {
    background-color: var(--base-red) !important;
    color: #fff !important;
}


#sidebar-right ul.mod-menu_sub {
    display: block !important;
    background-color: #fff !important;
    list-style: none !important;
}

#sidebar-right ul.mod-menu_sub li a {
    display: block !important;
    padding: 6px 25px 6px 45px !important;
    font-size: 12px !important;
    color: #444 !important;
    background: transparent !important;
    text-decoration: none !important;
}


#sidebar-right .mod-menu_toggle-sub {
    display: none !important;
}

.sidebar-wrapper li.nav-item.active.deeper.parent .current {
    color: var(--base-red);
}

.sidebar-menu-title {
    background-color: #333333;
    color: var(--white);
    padding: 15px 25px;
    display: block;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}

.sidebar-menu-title h3 {
    margin-bottom: 0 !important;
    font-size: 1.1em !important;
}

.sidebar-menu-title h3 span.s5_h3_first {
    color: var(--base-red);
}

.sidebar-menu-title h3 span.s5_h3_last {
    color: var( --white);
}

/* International Tribune Slider */
.tribune-slider {
    border: 1px solid #e1e1e1;
    border-top: none;
    background: #fff;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    position: relative;
    min-height: 120px;
}

.tribune-controls {
    display: flex;
    gap: 5px;
    margin-bottom: 12px;
}

.tribune-btn {
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    padding: 2px 10px;
    transition: background 0.3s;
    font-weight: bold;
}

.tribune-btn:hover {
    background: #f4f4f4;
}

.tribune-slide {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.tribune-slide.active {
    display: block;
}

.tribune-link {
    color: #ff5e4d;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
}

.tribune-intro {
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    line-height: 1.5;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}


/* ==========================================================================
   Mobile (Sidebar Visibility & Layout)
   ========================================================================== */

/* Для планшетів (портретна орієнтація) */
@media screen and (max-width: 991px) {
    #sidebar-right {
        border-left: none;
        border-top: 1px solid #dee2e6;
        width: 100%;
        margin-top: 30px;
    }

    #sidebar-right .sidebar-content {
        padding: 30px 20px;
    }

    #sidebar-right ul.mod-menu > li > a {
        padding: 12px 20px;
    }

    #sidebar-right ul.mod-menu_sub li a {
        padding: 10px 20px 10px 30px !important;
    }

    .sidebar-menu-title {
        padding: 15px 20px;
    }
}

@media screen and (max-width: 767px) {
    #sidebar-right .sidebar-content {
        padding: 20px 15px;
    }

    .sidebar-menu-header {
        font-size: 18px;
        padding: 15px;
    }

    #sidebar-right ul.mod-menu > li > a {
        font-size: 14px;
        padding: 12px 15px;
    }

    #sidebar-right ul.mod-menu_sub li a {
        font-size: 13px !important;
        padding: 8px 15px 8px 25px !important;
    }

    .tribune-slider {
        padding: 15px;
        min-height: auto;
    }

    .tribune-link {
        font-size: 13px;
    }

    .tribune-controls {
        justify-content: center;
        margin-bottom: 15px;
    }

    .tribune-btn {
        padding: 5px 15px;
    }

    div#scientist-slider-dynamic, div#mod-custom932, div#tribune-1874 {
        display: none;
    }
}

/* Спільні стилі для обох плашок */
.sidebar-block {
    padding: 30px;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* Прибираємо відступ у останнього абзацу всередині блоків, щоб низ був рівним */
.sidebar-block p:last-child {
    margin-bottom: 0;
}

/* Стилі для червоної плашки */
.sidebar-block-red {
    background-color: var(--base-red); /* Колір максимально наближений до оригіналу */
    color: #ffffff;
    font-style: italic;
}

.sidebar-block-red p {
    color: #ffffff; /* Примусово робимо текст білим, якщо глобальні стилі його перебивають */
}

/* Стилі для білої плашки з тінню */
.sidebar-block-white {
    background-color: #ffffff;
    color: #333333;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); /* М'яка розсіяна тінь як на макеті */
}

.winner-slide h5 {
    font-family: 'RALEWAY', serif !important;
    font-weight: 700 !important;
    color: #191919 !important;
    font-size: 1.1em !important;
}