/* ===== Нашар көретіндерге арналған нұсқа (Button visually impaired плагині) — түзетулер =====
   Плагин қосулы болғанда ғана жүктеледі (functions.php). Плагин барлық элементке
   ақ фон, қара түс және fill береді — сайттың кейбір бөліктері сол себепті бұзылады.
   Селекторлар `html body .bvi-body[data-bvi-theme]` арқылы плагин ережелерінен күштірек. */

/* 1. Қазақ әріптері: Arial-дың кейбір нұсқаларында (қалың) қ, ұ, ғ, ң, ө, ү, һ, і, ә жоқ —
      қазақшаны толық қолдайтын шрифт (Roboto — header.php жүктейді). Плагин span-ды
      қамтымайтындықтан, бір жолда екі түрлі шрифт шығатын — span да қосылды. */
html body .bvi-body[data-bvi-fontfamily=arial]:not(.bvi-no-styles),
html body .bvi-body[data-bvi-fontfamily=arial]:not(.bvi-no-styles) *:not(i):not(.bvi-no-styles):not(.bvi-link):not([class*="icon"]):not([class*="fa-"]) {
    font-family: "Roboto", "Segoe UI", "Noto Sans", Arial, sans-serif !important;
}
html body .bvi-body[data-bvi-fontfamily=times]:not(.bvi-no-styles),
html body .bvi-body[data-bvi-fontfamily=times]:not(.bvi-no-styles) *:not(i):not(.bvi-no-styles):not(.bvi-link):not([class*="icon"]):not([class*="fa-"]) {
    font-family: "Merriweather", "PT Serif", "Times New Roman", serif !important;
}

/* 2. Сызықпен салынған иконкалар (fill="none") қара дақ болмасын */
html body .bvi-body[data-bvi-theme] [fill="none"],
html body .bvi-body[data-bvi-theme] svg[fill="none"] *:not([fill]),
html body .bvi-body[data-bvi-theme] svg[stroke] *:not([fill]),
html body .bvi-body[data-bvi-theme] svg [stroke]:not([fill]),
html body .bvi-body[data-bvi-theme] .to-top__track,
html body .bvi-body[data-bvi-theme] .to-top__progress {
    fill: none !important;
}
/* Иконканың артында ақ шаршы шықпасын (мысалы, бейнегалереядағы «ойнату») */
html body .bvi-body[data-bvi-theme] *:not(.bvi-no-styles) svg,
html body .bvi-body[data-bvi-theme] *:not(.bvi-no-styles) svg * {
    background-color: transparent !important;
}
/* Батырма ішіндегі иконка батырма мәтінінің түсін алады (қара батырмада — ақ) */
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) button svg,
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) button svg *,
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) a svg,
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) a svg * {
    color: inherit !important;
}

/* 3. Мөлдір қабаттар ақ болып, мазмұнды жаппасын */
/* Мерекелік виджеттің орамы — экранның бүкіл биіктігіндегі көрінбейтін қабат */
html body .bvi-body[data-bvi-theme] .wkau-float-wrapper {
    background-color: transparent !important;
}
/* Басты беттің слайдері (Smart Slider): қабаттар мөлдір, мәтін ақ фонда оқылады */
html body .bvi-body[data-bvi-theme] .n2-section-smartslider div,
html body .bvi-body[data-bvi-theme] .n2-section-smartslider picture {
    background-color: transparent !important;
}
html body .bvi-body[data-bvi-theme] .n2-section-smartslider :is(h1, h2, h3, h4, p, a, .n2-ss-item-content) {
    background-color: var(--bvi-site-bg) !important;
}

/* 4. Жаңа header: мәзір батырмалары қара жолақ болмай, сілтеме сияқты көрінсін
      (плагиннің батырма ережесі күшті — сондықтан селектор ұзынырақ) */
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) :is(.nh-nav > button, .nh-search, .nh-burger, .nh-usearch, .nh-iconbtn, .nh-mbtn, .lv1, .drill-back)[type=button]:not(.bvi-link) {
    background-color: var(--bvi-site-bg) !important;
    color: var(--bvi-site-color) !important;
}
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) :is(.nh-search, .nh-burger, .nh-mbtn)[type=button]:not(.bvi-link) {
    border: 2px solid var(--bvi-site-color) !important;
}
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) .nh-nav > button[aria-expanded="true"][type=button]:not(.bvi-link) {
    text-decoration: underline !important;
    text-underline-offset: 6px;
}
/* Мегамәзірдің көк карточкасы: мәтін ақ фонда, жиегі көрінеді */
html body .bvi-body[data-bvi-theme] .feat-card,
html body .bvi-body[data-bvi-theme] .adm-item--main {
    background-image: none !important;
    border: 2px solid var(--bvi-site-color) !important;
}

/* Мобильді header-дегі ауыстырғыш BVI қосулы кезде «қосулы» күйде — қара фон, ақ иконка (басса — өшіреді) */
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) *:not(.bvi-no-styles) .nh-a11y-m[aria-pressed="true"][type=button]:not(.bvi-link) {
    background-color: var(--bvi-site-color) !important;
    color: var(--bvi-site-bg) !important;
}