/* ===== Base ===== */
html {
    position: relative;
    scroll-behavior: smooth;
    font-size: 10px;
}

/* ===== Accessibility Panel ===== */
.accessibility-panel {
    background: #f0f0f0;
    border-bottom: 0px solid #d9d9d9;
    z-index: 10000;
    position: relative;
    font-size: 1.6rem;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.6s ease, 
                border-bottom-width 0.6s ease;
}

.accessibility-panel.is-open {
    max-height: 350px;
    opacity: 1;
    visibility: visible;
    border-bottom-width: 2px;
}

.accessibility-panel .row {
    padding-top: 12px;
    padding-bottom: 12px;
}

.accessibility-panel__container {
    margin: 0 auto;
}

/* Группа */
.accessibility-panel__group {
    text-align: center;
}

.accessibility-panel__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    user-select: none;
    margin-bottom: 8px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
}

/* Кнопки */
.accessibility-panel__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 2px solid #bbb;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    line-height: 1;
    box-sizing: border-box;
    vertical-align: middle;
}

.accessibility-panel__btn i {
    font-size: 1.8rem;
    line-height: 1;
}

.accessibility-panel__btn:hover {
    background: #e4e4e4;
    border-color: #999;
}

.accessibility-panel__btn:focus-visible {
    outline: 3px solid #266bea;
    outline-offset: 2px;
}

.accessibility-panel__btn.is-active {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* Инвертированная кнопка Ц */
.accessibility-panel__btn--inverted {
    background: #333;
    color: #fff;
    border-color: #333;
}

.accessibility-panel__btn--light {
    background: #ddd;
    color: #333;
}

.accessibility-panel__btn--usual {
    border-color: #0342b7;
    color:#0342b7;
}

.accessibility-panel__btn--inverted:hover {
    background: #555;
    border-color: #555;
}

/* Кнопка «Обычная версия сайта» */
.accessibility-panel__btn--wide {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 20px;
    white-space: nowrap;
    background: #e8e8e8;
    border-color: #bbb;
    border-radius: 20px;
    width: auto;
}

.accessibility-panel__btn--wide:hover {
    background: #d5d5d5;
    border-color: #aaa;
}

/* скрываем кнопку показа версии для слабовидящих(глаз)*/
.accessibility .accessibility-wrapper {
    display: none;
}

/* ===== Адаптив ===== */
@media (max-width: 991px) {
    .accessibility-panel .row {
        justify-content: center !important;
        gap: 10px 0;
    }

    .accessibility-panel__group.ms-auto {
        margin-left: 0 !important;
    }
}

@media (max-width: 575px) {
    .accessibility-panel__btn {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .accessibility-panel__btn i {
        font-size: 1.rem;
    }

    .accessibility-panel__btn--wide {
        font-size: 1.2rem;
        padding: 0 14px;
    }

    .accessibility-panel__label {
        font-size: 1.2rem;
    }
}


.accessibility.accessibility-font-expanded  .banner-style-one.banner-swiper-two .banner-one-inner {
    width: 64%;
}

/* bootstrap container max-width */
@media (min-width: 768px) {
    .accessibility.accessibility-font-expanded .container,
    .accessibility.accessibility-font-expanded .container-md,
    .accessibility.accessibility-font-expanded .container-sm {
        max-width: 727px;
    }

    .accessibility.accessibility-font-expanded-large .container,
    .accessibility.accessibility-font-expanded-large .container-md,
    .accessibility.accessibility-font-expanded-large .container-sm {
        max-width: 760px;
    }
}

@media (min-width: 992px) {
    .accessibility.accessibility-font-expanded .container,
    .accessibility.accessibility-font-expanded .container-lg,
    .accessibility.accessibility-font-expanded .container-md,
    .accessibility.accessibility-font-expanded .container-sm {
        max-width: 970px;
    }

    .accessibility.accessibility-font-expanded-large .container,
    .accessibility.accessibility-font-expanded-large .container-lg,
    .accessibility.accessibility-font-expanded-large .container-md,
    .accessibility.accessibility-font-expanded-large .container-sm {
        max-width: 992px;
    }
}

@media (min-width: 1200px) {
    .accessibility.accessibility-font-expanded .container,
    .accessibility.accessibility-font-expanded .container-lg,
    .accessibility.accessibility-font-expanded .container-md,
    .accessibility.accessibility-font-expanded .container-sm,
    .accessibility.accessibility-font-expanded .container-xl {
        max-width: 1170px;
    }

    .accessibility.accessibility-font-expanded-large .container,
    .accessibility.accessibility-font-expanded-large .container-lg,
    .accessibility.accessibility-font-expanded-large .container-md,
    .accessibility.accessibility-font-expanded-large .container-sm,
    .accessibility.accessibility-font-expanded-large .container-xl {
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {
    .accessibility.accessibility-font-expanded .container,
    .accessibility.accessibility-font-expanded .container-lg,
    .accessibility.accessibility-font-expanded .container-md,
    .accessibility.accessibility-font-expanded .container-sm,
    .accessibility.accessibility-font-expanded .container-xl,
    .accessibility.accessibility-font-expanded .container-xxl {
        max-width: 1370px;
    }

    .accessibility.accessibility-font-expanded-large .container,
    .accessibility.accessibility-font-expanded-large .container-lg,
    .accessibility.accessibility-font-expanded-large .container-md,
    .accessibility.accessibility-font-expanded-large .container-sm,
    .accessibility.accessibility-font-expanded-large .container-xl,
    .accessibility.accessibility-font-expanded-large .container-xxl {
        max-width: 1400px;
    }

    .accessibility.accessibility-font-expanded-large .nav-area ul {
        gap: 40px;
    }

    .accessibility.accessibility-font-expanded-large .header-one .nav-area {
        margin-right: 40px;
    }
}

/* ===== white scheme ===== */
.accessibility *:not(.doc-card){
    box-shadow: none!important;
}

.accessibility .bg-title {
    display: none;
}

.accessibility-light {
    filter: grayscale(1);
}

.accessibility-light:root {
    --color-body: #000;
    --color-blue: #000;
    --accessibility-color-back-active: #222;
    --accessibility-color-back: #444;
    --accessibility-color-back-light: #666;
    --accessibility-color-back-light-2: #888;
    --accessibility-color-back-light-3: #cdcdcd;
    --accessibility-color-back-light-4: #dfdfdf;
    --background-green: var(--accessibility-color-back);
    --background-blue-2:var(--accessibility-color-back);
    --background-yellow: var(--accessibility-color-back);
    --background-yellow-2: var(--accessibility-color-back-light);
    --background-red: var(--accessibility-color-back);
    --background-violet: var(--accessibility-color-back);
    --background-green-2: var(--accessibility-color-back);
}

.accessibility-light #menu-btn img {
    filter: invert(100%) contrast(100%);
}

.accessibility-light #search:hover, .accessibility-light #menu-btn:hover {
    background: var(--accessibility-color-back-light-2);
}

.accessibility-light .sidebar {
    background: var(--accessibility-color-back);
}

.accessibility-light .sidebar-overlay {
    background: var(--accessibility-color-back);
}

.accessibility-light .banner-swiper-two {
    filter: contrast(120%); 
}

.accessibility-light .faculty-tab-item {
    background: var(--accessibility-color-back)!important;
    box-shadow: none;
}

.accessibility-light .faculty-tab-item:nth-child(odd) {
    background: var(--accessibility-color-back-light)!important;

}

.accessibility-light .faculty-tab-name {
    color: #fff;
}

.accessibility-light .usefull-links .single-testimonials-6 {
    box-shadow: none;
}

.accessibility-light section.main-wrapper-sticky.my-sticky-wrapper .sticky-statement {
    background: var(--accessibility-color-back);
}

.accessibility-light section.main-wrapper-sticky .sticky-statement .right .arrow {
    background: var(--accessibility-color-back-light)!important;
}

.accessibility-light .my-tab-item {
    color: #fff;
    background: var(--accessibility-color-back-light);
}

.accessibility-light .my-tab-item.active {
    color: #fff;
    background: var(--accessibility-color-back-active);
}

.accessibility-light .my-tab-item::before {
    display: none;
}

.accessibility-light header .nav-area ul li.active > a, .accessibility-light header .nav-area ul li:hover > a  {
    text-decoration: underline;
}

.accessibility-light .my-curr-page {
    color: #fff;
}

.accessibility-light .specialty-filters-wrap .col-lg-12 {
    background: var(--accessibility-color-back-light-3);
}

.accessibility-light .specialty-filters-toggle {
    background: var(--accessibility-color-back-light);
    color: #fff !important;;
}

.accessibility-light .ege-calculator-card {
    background: transparent;
}
.accessibility-light .ege-calculator-card__close {
    background: var(--accessibility-color-back-light);
    color: #fff !important;;
}

.accessibility-light  .doc-card {
    background: var(--accessibility-color-back-light-4);
}

.accessibility-light .additional-shortcodes .additional-advantages__description {
    color: var(--color-body);
}

.accessibility-light .signle-fun-facts-one {
    border: 1px solid var(--accessibility-color-back-light);
}

/* ===== dark scheme ===== */
.accessibility-dark {
    filter: grayscale(1)  invert(1) hue-rotate(180deg);
}

.accessibility-dark:root {
    --color-body: #000;
    --color-blue: #000;
    --accessibility-color-back-active: #222;
    --accessibility-color-back: #444;
    --accessibility-color-back-light: #666;
    --accessibility-color-back-light-2: #888;
    --accessibility-color-back-light-3: #ddd;
    --background-green: var(--accessibility-color-back);
    --background-blue-2:var(--accessibility-color-back);
    --background-yellow: var(--accessibility-color-back);
    --background-yellow-2: var(--accessibility-color-back-light);
    --background-red: var(--accessibility-color-back);
    --background-violet: var(--accessibility-color-back);
    --background-green-2: var(--accessibility-color-back);
}


.accessibility-dark .banner-style-one,
.accessibility-dark .faculty-video-placeholder,
.accessibility-dark .usefull-links,
.accessibility-dark .rts-breadcrumb-area,
.accessibility-dark .faculty-icon-large,
.accessibility-dark .faculty-tab-icon,
.accessibility-dark .single-progress-circle,
.accessibility-dark .rts-footer-area {
    filter: grayscale(1)  invert(1) hue-rotate(180deg);
}

.accessibility-dark .faculty-icon-large, 
.accessibility-dark .faculty-tab-icon {
    background: var(--color-body);
}
.accessibility-dark .my-progress-area .single-progress-circle::before {
    background: var(--accessibility-color-back-light);
}

.accessibility-dark .specialty-filters-wrap .col-lg-12 {
    background: var(--accessibility-color-back-light-3);
}


.accessibility-dark .doc-card {
    background: var(--accessibility-color-back-light-3);
}

.accessibility-dark img,
.accessibility-dark picture,
.accessibility-dark video,
.accessibility-dark canvas {
    filter: invert(1) hue-rotate(180deg);
}

.accessibility-dark section.main-wrapper-sticky.my-sticky-wrapper .sticky-statement {
    background: var(--accessibility-color-back);
}

.accessibility-dark section.main-wrapper-sticky .sticky-statement .right .arrow {
    background: var(--accessibility-color-back-light)!important;
}

.accessibility-dark .sidebar {
    background: var(--accessibility-color-back);
}

.accessibility-dark .sidebar-overlay {
    background: var(--accessibility-color-back);
}

.accessibility-dark .faculty-tab-item {
    background: var(--accessibility-color-back)!important;
    box-shadow: none;
}

.accessibility-dark .faculty-tab-item:nth-child(odd) {
    background: var(--accessibility-color-back-light)!important;

}

.accessibility-dark .faculty-tab-name {
    color: #fff;
}

.accessibility-dark .usefull-links .single-testimonials-6 {
    box-shadow: none;
}

.accessibility-dark section.main-wrapper-sticky.my-sticky-wrapper .sticky-statement {
    background: var(--accessibility-color-back);
}

.accessibility-dark section.main-wrapper-sticky .sticky-statement .right .arrow {
    background: var(--accessibility-color-back-light)!important;
}

.accessibility-dark .my-tab-item {
    color: #fff;
    background: var(--accessibility-color-back-light);
}

.accessibility-dark .my-tab-item.active {
    color: #fff;
    background: var(--accessibility-color-back-active);
}

.accessibility-dark .my-tab-item::before {
    display: none;
}

.accessibility-dark header .nav-area ul li.active > a, .accessibility-dark header .nav-area ul li:hover > a  {
    text-decoration: underline;
}

.accessibility-dark .my-curr-page {
    color: #fff;
}

.accessibility-dark .rts-breadcrumb-area .title-area-left .bg-title::after {
    display: none;
}


/* IMAGES */

.accessibility-images-off:root{
    --accessibility-images-background-light: #d3d3d3;
    --accessibility-images-background-dark: #8d8b8b;
    --accessibility-images-background-deep-dark: #2c2c2c;
}

.accessibility-images-off .rts-banner-area-two,
.accessibility-images-off .rts-breadcrumb-area,
.accessibility-images-off .faculty-video-placeholder,
.accessibility-images-off .mejs-poster,
.accessibility-images-off .my-blog-img {
    background-image: none!important;
    background-color: var(--accessibility-images-background-light);
}

.accessibility-images-off .my-blog-img {
    border-radius: 10px;
}

.accessibility-images-off .rts-breadcrumb-area {
    background-color: transparent; 
    background-color: var(--accessibility-images-background-dark);
}


.accessibility-images-off .rts-breadcrumb-area ul li, .accessibility-images-off  .my-curr-page {
    color: #fff;
}

.accessibility-images-off  .breatcumb_overlay:before {
    display: none;
}

.accessibility-images-off img {
    visibility: hidden;
}

.accessibility-images-off .rts-blog-h-2-wrapper  {
    padding-top: 30px;
    border: 1px solid var(--accessibility-images-background-light);
}

.accessibility-images-off .rts-blog-h-2-wrapper .thumbnail {
    display: none!important;
}

.accessibility-images-off img.tab-image,
.accessibility-images-off .icon img,
.accessibility-images-off .logo-wrapper img,
.accessibility-images-off .menu-btn img,
.accessibility-images-off .single-progress-area img,
.accessibility-images-off .faculty-tab-icon img,
.accessibility-images-off .faculty-icon-large img,
.accessibility-images-off .additional-advantages__icon img,
.accessibility-images-off .logo-1 img {
    visibility: visible;
}

.accessibility-images-off .my-about-area .thumbnail-about-six {
    background: var(--accessibility-images-background-light);
}

.accessibility-images-off .my-page-content 
img:not(.faculty-tab-icon img):not(.faculty-icon-large img):not(.single-progress-circle img):not(.additional-advantages__icon img):not(.tab-btn img)  {
    display: none;
}


/* accessibility-images-off  dark */

.accessibility-dark.accessibility-images-off .rts-banner-area-two, .accessibility-dark.accessibility-images-off .rts-breadcrumb-area {
    background-color: var(--accessibility-images-background-deep-dark);
}
