/* Lightweight accessible mode for Uzbekcoal.
   It keeps the original DOM and only changes visual presentation. */

.bvi-lite-panel {
    display: none;
    align-items: flex-start;
    justify-content: center;
    gap: 70px;
    flex-wrap: wrap;
    width: 100%;
    padding: 14px 20px 12px;
    background: #f5f5f5;
    color: #000;
    border-bottom: 1px solid #d8d8d8;
    font-family: Arial, sans-serif;
    position: relative;
    z-index: 1000000;
}

.bvi-lite-panel,
.bvi-lite-panel * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.bvi-lite-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 145px;
}

.bvi-lite-group strong {
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.bvi-lite-group button {
    min-width: 36px;
    height: 36px;
    margin: 0 2px;
    padding: 0 10px;
    border: 1px solid #b8b8b8;
    background: #fff;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.bvi-lite-group button.active,
.bvi-lite-group button:hover {
    outline: 2px solid #000;
}

.bvi-lite-group [data-bvi-theme="black"] {
    background: #000;
    color: #fff;
}

.bvi-lite-group [data-bvi-theme="blue"] {
    background: #9dd1ff;
    color: #063462;
}

.bvi-lite-group [data-bvi-theme="brown"] {
    background: #f7f3d6;
    color: #4d4b43;
}

.bvi-lite-group [data-bvi-theme="green"] {
    background: #3b2716;
    color: #a9e44d;
}

body.bvi-lite-active {
    font-size: var(--bvi-lite-font-size, 16px) !important;
}

body.bvi-lite-active *:not(.fa):not(.fas):not(.far):not(.fab):not(.bvi-lite-panel):not(.bvi-lite-panel *) {
    font-size: inherit !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.bvi-lite-active h1,
body.bvi-lite-active h1 * {
    font-size: calc(var(--bvi-lite-font-size, 16px) + 8px) !important;
}

body.bvi-lite-active h2,
body.bvi-lite-active h2 * {
    font-size: calc(var(--bvi-lite-font-size, 16px) + 6px) !important;
}

body.bvi-lite-active h3,
body.bvi-lite-active h3 * {
    font-size: calc(var(--bvi-lite-font-size, 16px) + 4px) !important;
}

body.bvi-lite-active h4,
body.bvi-lite-active h5,
body.bvi-lite-active h6,
body.bvi-lite-active h4 *,
body.bvi-lite-active h5 *,
body.bvi-lite-active h6 * {
    font-size: calc(var(--bvi-lite-font-size, 16px) + 2px) !important;
}

body.bvi-lite-active[data-bvi-lite-theme="white"] {
    background-color: #fff !important;
    color: #000 !important;
}

body.bvi-lite-active[data-bvi-lite-theme="black"] {
    background-color: #000 !important;
    color: #fff !important;
}

body.bvi-lite-active[data-bvi-lite-theme="blue"] {
    background-color: #9dd1ff !important;
    color: #063462 !important;
}

body.bvi-lite-active[data-bvi-lite-theme="brown"] {
    background-color: #f7f3d6 !important;
    color: #4d4b43 !important;
}

body.bvi-lite-active[data-bvi-lite-theme="green"] {
    background-color: #3b2716 !important;
    color: #a9e44d !important;
}

body.bvi-lite-active[data-bvi-lite-theme="white"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.bvi-lite-panel):not(.bvi-lite-panel *) {
    color: #000 !important;
    border-color: #000 !important;
}

body.bvi-lite-active[data-bvi-lite-theme="black"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.bvi-lite-panel):not(.bvi-lite-panel *) {
    color: #fff !important;
    border-color: #fff !important;
}

body.bvi-lite-active[data-bvi-lite-theme="blue"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.bvi-lite-panel):not(.bvi-lite-panel *) {
    color: #063462 !important;
    border-color: #063462 !important;
}

body.bvi-lite-active[data-bvi-lite-theme="brown"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.bvi-lite-panel):not(.bvi-lite-panel *) {
    color: #4d4b43 !important;
    border-color: #4d4b43 !important;
}

body.bvi-lite-active[data-bvi-lite-theme="green"] *:not(.fa):not(.fas):not(.far):not(.fab):not(.bvi-lite-panel):not(.bvi-lite-panel *) {
    color: #a9e44d !important;
    border-color: #a9e44d !important;
}

body.bvi-lite-active a {
    text-decoration: underline !important;
}

body.bvi-lite-active header.header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 100vh !important;
    position: relative !important;
}

body.bvi-lite-active header.header .container-fluid {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 20 !important;
}

body.bvi-lite-active .top-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.bvi-lite-active .left-sidebar-container,
body.bvi-lite-active .vertical-menu-buttons,
body.bvi-lite-active .infographic-container,
body.bvi-lite-active .sidebar-right-col,
body.bvi-lite-active .contact-sidebar-right-fixed,
body.bvi-lite-active main,
body.bvi-lite-active section,
body.bvi-lite-active article,
body.bvi-lite-active aside,
body.bvi-lite-active footer,
body.bvi-lite-active #subscribe_box,
body.bvi-lite-active #print-area {
    visibility: visible !important;
    opacity: 1 !important;
}

body.bvi-lite-active .full-width-video-bg,
body.bvi-lite-active #video-wrapper,
body.bvi-lite-active #bg-video {
    visibility: visible !important;
}

body.bvi-lite-active img {
    opacity: 1 !important;
    visibility: visible !important;
    max-width: 100% !important;
}

body.bvi-lite-active[data-bvi-lite-images="false"] img {
    display: none !important;
}

body.bvi-lite-active[data-bvi-lite-images="gray"] img {
    filter: grayscale(1) contrast(1.1) !important;
}

body.bvi-lite-active #info-image {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
}

body.bvi-lite-active #info-strip {
    display: inline-block !important;
}

body.bvi-lite-active .vertical-menu-buttons .svg-button-wrapper {
    opacity: 1 !important;
    transform: none !important;
}

body.bvi-lite-active footer,
body.bvi-lite-active #subscribe_box,
body.bvi-lite-active #print-area {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 991px) {
    .bvi-lite-panel {
        gap: 18px;
        justify-content: flex-start;
    }

    .bvi-lite-group {
        min-width: 135px;
    }
}