/* ———————————————————————————————
Стили кнопок с главной страницы
——————————————————————————————————
*/
.filler-light .tn-atom__img{
    mix-blend-mode: screen();
}

.cursor-hover{
    pointer-events: auto !important;
}

.button-sm-awwards > .tn-molecule{
    border-color: #EF604F !important;
    background-color: #EF604F !important; 
    transition: all 0.2s ease-in-out !important;
}

.button-sm-awwards > .tn-molecule .tn-atom{
    color: #FFF !important; 
    transition: all 0.2s ease-in-out !important;
}

.button-sm-awwards:hover > .tn-molecule{
    color: #FFF !important;
    background-color: #BC4B3E !important; 
    border-color: #FFF !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

@media screen and (min-width: 1200px){
    .back-blur .tn-molecule{
        backdrop-filter: blur(10px);
        background-color: #282a2c3d !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .back-blur:hover .tn-molecule{
        border-color: #fff !important;
        background-color: rgba(15, 16, 13, 0.27) !important;
        transform: scale(1.05);
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .button-sm-primary .tn-molecule{
        border-color: #FEF768 !important;
        background-color: #FEF768 !important; 
        transition: all 0.2s ease-in-out !important;
    }
    
    .button-sm-primary .tn-molecule .tn-atom{
        color: #282a2c !important; 
        transition: all 0.2s ease-in-out !important;
    }
    
    .button-sm-primary:hover .tn-molecule{
        color: #282A2C !important;
        background-color: #FEF768 !important; 
        transition: all 0.2s ease-in-out !important;
    }
    
    .lang-button .tn-molecule span{
        color: rgb(86, 86, 86) !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .lang-button:hover .tn-molecule span{
        color: #fff !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .lang-button .tn-molecule .tn-atom{
        color: #fff !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .lang-button:hover .tn-molecule .tn-atom{
        color: rgb(86, 86, 86) !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .awards-link .tn-molecule .tn-atom{
        color: #EF604F !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .awards-link:hover .tn-molecule{
        border-color: #EF604F !important;
        background-color: #EF604F !important;
        transform: scale(1.05);
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .awards-link:hover .tn-molecule .tn-atom{
        color: #fff !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .button-sm-non_active .tn-molecule .tn-atom{
        color: #565656 !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .button-sm-non_active .tn-molecule{
        border-color: #93929282 !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .button-sm-non_active:hover .tn-molecule{
        border-color: #929293 !important;
        transform: scale(1);
        cursor: default !important;
        pointer-events: none !important;
        transition: all 0.2s ease-in-out !important;
    }
}

.button-primary .tn-atom{
    box-shadow: inset 0 -5px 4px 0px rgba(15, 16, 13, 0.27), 0px 6px 25px 0px rgba(0, 0, 0, 0.29) !important;
    transition: all 0.2s ease-in-out !important;
}

@media screen and (min-width: 1200px){
    .dark-button:hover .tn-atom{
        box-shadow: inset 0 0px 0px 0px rgba(15, 16, 13, 0.27), 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        transform: scale(0.99);
        background-color: #1A1C1D !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .yellow-button:hover .tn-atom{
        box-shadow: inset 0 0px 0px 0px rgba(15, 16, 13, 0.27), 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        transform: scale(0.99);
        background-color: #DAD45E !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .green-button:hover .tn-atom{
        box-shadow: inset 0 0px 0px 0px rgba(15, 16, 13, 0.27), 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        transform: scale(0.99);
        background-color: #0FB40F !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    .red-button:hover .tn-atom{
        box-shadow: inset 0 0px 0px 0px rgba(15, 16, 13, 0.27), 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        transform: scale(0.99);
        background-color: #BC4B3E !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
    }   
}

.back-blur-card > .tn-molecule{
    backdrop-filter: blur(5px) !important;
}

.white-card-transparent > .tn-molecule:not(.tn-atom), .white-card-transparent > .tn-atom {
    background-color: rgba(255,255,255,0.25) !important;
}

.inner-icon .tn-atom{
    
}

/*.difference {
    mix-blend-mode: difference;
}
*/

/* Hero блок на главной */
.uc-main {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 199;
}

.uc-header {
    position: relative !important;
    z-index: 10000000000 !important;
}

/* ———————————————————————————————
Некликабельные элементы
——————————————————————————————————
*/
/* Белые прозрачные Теги */
.tag.tag-white-transparent .tn-molecule {
    background-color: hsl(0 0 100 / 50%) !important;
    box-shadow: 0px 1px 2px 0px hsl(0 0 0 / 20%) !important;
    backdrop-filter: blur(12px) !important;
}

/* Полупрозрачные карточки в программе */
.card-programs .tn-molecule {
    background-color: hsl(210 5 16 / 24%) !important;
    backdrop-filter: blur(12px) !important;
}

/* Управления элементов в таблице программы */
.accordion-left {
    display: none;
}

/* ———————————————————————————————
SUBMENU STYLE | Меню второго уровня
——————————————————————————————————
*/
.t794__arrow {
    width: 6px;
    height: 6px;
    margin-left: 6px;
    padding: 1px;
    border-color: #fff;
}

.t794[data-tooltip-hook="#submenu:about"] {
    --submenu-x: -20px;
    --submenu-y: -5px;

    --submenu-bg: rgba(20, 22, 22, 0.72);
    --submenu-border: rgba(255, 255, 255, 0.72);
    --submenu-border-hover: rgba(255, 255, 255, 0.95);
    --submenu-text: rgba(255, 255, 255, 0.92);
    --submenu-text-hover: #ffffff;
}

.t794[data-tooltip-hook="#submenu:about"] .t794__tooltip-menu {
    transform: translate(
        calc(var(--submenu-x) / var(--t-zoom, 1)),
        calc(var(--submenu-y) / var(--t-zoom, 1))
    );

    background: var(--submenu-bg) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: calc(1px / var(--t-zoom, 1)) solid var(--submenu-border);
    border-radius: calc(28px / var(--t-zoom, 1));

    box-shadow:
        0 calc(18px / var(--t-zoom, 1)) calc(48px / var(--t-zoom, 1)) rgba(0, 0, 0, 0.28),
        inset 0 0 0 calc(1px / var(--t-zoom, 1)) rgba(255, 255, 255, 0.08);

    overflow: hidden;
}

.t794[data-tooltip-hook="#submenu:about"] .t794__content {
    background-color: inherit !important;
    padding: calc(8px / var(--t-zoom, 1)) !important;
}

.t794[data-tooltip-hook="#submenu:about"] .t794__list {
    display: flex;
    flex-direction: column;
    gap: calc(4px / var(--t-zoom, 1));
}

.t794[data-tooltip-hook="#submenu:about"] .t794__list_item {
    margin: 0 !important;
}

.t794[data-tooltip-hook="#submenu:about"] .t794__link {
    display: block;

    padding:
        calc(12px / var(--t-zoom, 1))
        calc(18px / var(--t-zoom, 1)) !important;

    color: var(--submenu-text) !important;

    font-size: calc(14px / var(--t-zoom, 1)) !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;

    border-radius: calc(22px / var(--t-zoom, 1));
    border: calc(1px / var(--t-zoom, 1)) solid transparent;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.t794[data-tooltip-hook="#submenu:about"] .t794__link:hover {
    color: var(--submenu-text-hover) !important;
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--submenu-border-hover);
    transform: translateX(calc(3px / var(--t-zoom, 1)));
}

/* Убираем стандартные лишние штуки Tilda, если они мешают */
.t794[data-tooltip-hook="#submenu:about"] .t794__tooltip-menu-corner,
.t794[data-tooltip-hook="#submenu:about"] .t794__tooltip-menu-corner-border {
    display: none !important;
}