/* Читаемость текста и версия для слабовидящих (30.09.2026).
   Подключается обработчиком /local/php_interface/svetlon_a11y.php.
   Селекторы начинаются с html body: файл грузится раньше стилей шаблона. */

/* ---------- 1. Контраст в обычной версии ---------- */
html body{
	--basic_text_black:var(--light,#333) var(--dark,#ccc);
	--light_basic_text_black:var(--light,#4d4d4d) var(--dark,#ccc);
}
html body .muted,
html body .color_999{color:#666}
html body .breadcrumbs__item-name{color:#666}
html body .breadcrumbs__link:hover .breadcrumbs__item-name{color:var(--theme-base-color)}
html body .breadcrumbs__item--active .breadcrumbs__item-name,
html body span.breadcrumbs__item .breadcrumbs__item-name{color:#333}
html body .breadcrumbs__separator,
html body .breadcrumbs__separator svg{color:#999;fill:#999}
html body .properties-group__name,
html body .properties__title,
html body .article__title{color:#666}
html body .article__value,
html body .properties__value,
html body .properties-group__value{color:#333}
html body .price_value,
html body .price .price_currency{color:#222}
html body input::placeholder,
html body textarea::placeholder{color:#757575;opacity:1}
html body .sm-meta{color:#4b5563}
html body #header .callback-block{font-size:11px}
html body footer .bottom-menu .wrap .item .title a,
html body footer .footer-bottom__item,
html body footer .footer-bottom__item a,
html body footer .callback-block{color:#c2c2c2}
html body footer .bottom-menu .wrap .item .title a:hover,
html body footer .footer-bottom__item a:hover{color:#fff}

/* ---------- 2. Шапка: поиск короче, рядом кнопка ---------- */
/* подсказка в поиске не должна заходить под «Каталог» */
html body #header .search--hastype .search-input{padding-right:140px;text-overflow:ellipsis}
@media (min-width:992px){
	html body #header .header__top-inner > .header__top-item.flex1{flex:0 1 560px;min-width:320px}
	html body #header .sm-a11y-item{margin:0 auto 0 20px;flex:0 0 auto}
}
.sm-a11y-btn{
	display:inline-flex;align-items:center;gap:8px;
	height:40px;padding:0 14px;border:1px solid #d6d9dd;border-radius:3px;
	background:#fff;color:#333;cursor:pointer;
	font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;
	transition:border-color .2s,color .2s;
}
.sm-a11y-btn:hover,.sm-a11y-btn:focus-visible{border-color:var(--theme-base-color);color:var(--theme-base-color)}
.sm-a11y-btn:focus-visible{outline:2px solid var(--theme-base-color);outline-offset:2px}
.sm-a11y-btn svg{width:22px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6}
@media (max-width:1199px){
	html body #header .sm-a11y-btn__txt{display:none}
	html body #header .sm-a11y-btn{padding:0 11px}
}
@media (max-width:991px){html body #header .sm-a11y-item{display:none}}
/* пункт в мобильном меню */
.sm-a11y-mob{display:flex;align-items:center;gap:10px;width:100%;padding:17px 19px;border:0;border-bottom:1px solid #ececec;background:#f5f7f8;color:#222;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer}
.sm-a11y-mob svg{width:22px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}

/* ---------- 3. Панель настроек ---------- */
.sm-a11y-panel{display:none}
html.sm-a11y .sm-a11y-panel{
	display:block;position:relative;z-index:3000;
	background:#fff;color:#000;border-bottom:2px solid #000;
	font-family:Arial,Helvetica,sans-serif;
}
.sm-a11y-panel__in{max-width:1380px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px}
.sm-a11y-panel__grp{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sm-a11y-panel__lbl{margin-right:4px;font-weight:700}
.sm-a11y-panel button{
	min-width:44px;min-height:44px;padding:0 12px;border:2px solid #000;border-radius:4px;
	background:#fff;color:#000;font:700 18px/1 Arial,Helvetica,sans-serif;cursor:pointer;
}
.sm-a11y-panel button[aria-pressed="true"]{outline:3px solid #0A849B;outline-offset:2px}
.sm-a11y-panel button:focus-visible{outline:3px solid #0A849B;outline-offset:2px}
.sm-a11y-panel .sm-a11y-c1b{background:#fff!important;color:#000!important}
.sm-a11y-panel .sm-a11y-c2b{background:#000!important;color:#fff!important}
.sm-a11y-panel .sm-a11y-c3b{background:#9dd1ff!important;color:#063462!important;border-color:#063462!important}
.sm-a11y-panel .sm-a11y-off{margin-left:auto}

/* ---------- 4. Режим для слабовидящих ---------- */
html.sm-a11y{--a11y-fs:18px}
html.sm-a11y.sm-a11y-s2{--a11y-fs:21px}
html.sm-a11y.sm-a11y-s3{--a11y-fs:24px}
html.sm-a11y body :where(*:not(i):not([class*="fa-"]):not(svg):not(svg *)){
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:var(--a11y-fs)!important;
	line-height:1.5!important;
}
html.sm-a11y body h1{font-size:calc(var(--a11y-fs) * 2)!important;line-height:1.25!important}
html.sm-a11y body h2{font-size:calc(var(--a11y-fs) * 1.5)!important;line-height:1.3!important}
/* «Ещё» в меню шапки: тема прячет текст нулевым шрифтом и рисует точки */
html.sm-a11y body .mega-menu .more-items span{font-size:0!important}
/* в поиске при крупном шрифте выбор «Каталог» не помещается: ищем по каталогу */
html.sm-a11y body .search--hastype .dropdown-select{display:none!important}
html.sm-a11y body .search--hastype .search-input{padding-right:56px!important}
html.sm-a11y body h3,html.sm-a11y body h4{font-size:calc(var(--a11y-fs) * 1.2)!important;line-height:1.3!important}
html.sm-a11y body a{text-decoration:underline!important}
html.sm-a11y body .sm-meta__props{white-space:normal!important}
html.sm-a11y body .catalog_item .sm-meta{min-height:0!important}
html.sm-a11y.sm-a11y-sp body :where(*:not(i):not(svg):not(svg *)){letter-spacing:.12em!important;word-spacing:.2em!important;line-height:1.9!important}
html.sm-a11y body :focus-visible{outline:3px solid currentColor!important;outline-offset:2px!important}

/* Цветовые схемы: без полупрозрачностей, теней и фоновых картинок */
html.sm-a11y body :where(*:not(.sm-a11y-panel *):not(svg):not(svg *)){
	background-image:none!important;box-shadow:none!important;text-shadow:none!important;
}
html.sm-a11y.sm-a11y-c1 body,
html.sm-a11y.sm-a11y-c1 body :where(*:not(.sm-a11y-panel *):not(svg):not(svg *)){color:#000!important;background-color:#fff!important;border-color:#000!important}
html.sm-a11y.sm-a11y-c2 body,
html.sm-a11y.sm-a11y-c2 body :where(*:not(.sm-a11y-panel *):not(svg):not(svg *)){color:#fff!important;background-color:#000!important;border-color:#fff!important}
html.sm-a11y.sm-a11y-c3 body,
html.sm-a11y.sm-a11y-c3 body :where(*:not(.sm-a11y-panel *):not(svg):not(svg *)){color:#063462!important;background-color:#9dd1ff!important;border-color:#063462!important}
html.sm-a11y body *::placeholder{color:inherit!important;opacity:.85!important}
html.sm-a11y.sm-a11y-c1 body svg:not(.sm-a11y-panel svg),
html.sm-a11y.sm-a11y-c3 body svg:not(.sm-a11y-panel svg){filter:grayscale(1) brightness(0)}
html.sm-a11y.sm-a11y-c2 body svg:not(.sm-a11y-panel svg){filter:grayscale(1) brightness(0) invert(1)}
html.sm-a11y .sm-a11y-btn svg,html.sm-a11y .sm-a11y-mob svg{filter:none!important}

/* Изображения выключены */
html.sm-a11y.sm-a11y-noimg body img,
html.sm-a11y.sm-a11y-noimg body picture,
html.sm-a11y.sm-a11y-noimg body video{visibility:hidden!important}

@media (prefers-reduced-motion:reduce){.sm-a11y-btn{transition:none}}
@media print{.sm-a11y-panel,.sm-a11y-item{display:none!important}}

/* ---------- 5. Доработки по проверке 30.09 ---------- */
/* обычная версия: остатки низкого контраста */
html body footer .info .callback-block{color:#c2c2c2}
html body a.sm-cs__all{color:#46606c}
html body .bx_ui_slider_part span{color:#666}
html body .text_before_items p{color:#555}
html body #mobileheader .count.empted{background:#6b7280}
html body input::placeholder,
html body textarea::placeholder{color:#6b6b6b}
html body .sm-hero__note,
html body .sm-sc__note,
html body .sm-cat__sub,
html body .sm-cat__how p,
html body .sm-cat__a{opacity:1}
html body .sm-cat__sub,
html body .sm-cat__how p,
html body .sm-cat__a,
html body .sm-hero__note{color:#555}

/* режим: прозрачные слои поверх фото товара не заливать */
html.sm-a11y body .section-gallery-wrapper__item-nav,
html.sm-a11y body .like_icons,
html.sm-a11y body .like_icons > div{background-color:transparent!important}
/* режим: вместо нарисованных темой квадратов - родные чекбоксы браузера */
html.sm-a11y body .bx_filter .filter-value-wrap{display:flex!important;align-items:center;gap:10px}
html.sm-a11y body .bx_filter .filter-value-wrap > input[type=checkbox]{display:block!important;position:static!important;opacity:1!important;width:22px!important;height:22px!important;margin:0!important;flex:0 0 22px;accent-color:#0A849B}
html.sm-a11y body .bx_filter .filter-value-wrap > .bx_filter_param_label{padding-left:0!important;margin:0!important}
html.sm-a11y body .bx_filter .filter-value-wrap > .bx_filter_param_label::before,
html.sm-a11y body .bx_filter .filter-value-wrap > .bx_filter_param_label::after{display:none!important}
html.sm-a11y.sm-a11y-c2 body .bx_filter input[type=checkbox]{color-scheme:dark}
/* режим: подписи под ползунком цены налезают на линию, значения и так в полях */
html.sm-a11y body .bx_ui_slider_part span{display:none!important}
/* режим: длинные слова (почта в подвале) не расширяют страницу */
html.sm-a11y body{overflow-wrap:anywhere}
/* режим: точки «Ещё» видны на светлых схемах */
html.sm-a11y.sm-a11y-c1 body .mega-menu .more-items span::before,
html.sm-a11y.sm-a11y-c3 body .mega-menu .more-items span::before{filter:brightness(0)}
/* режим: кнопка «Наверх» превращалась в квадрат поверх текста */
html.sm-a11y body .scroll-to-top{display:none!important}
/* панель: нажатая кнопка - заливка, фокус - отдельная пунктирная рамка */
.sm-a11y-panel button[aria-pressed="true"]{outline:none;box-shadow:inset 0 0 0 3px #0A849B!important}
.sm-a11y-panel button:focus-visible{outline:3px dashed currentColor!important;outline-offset:3px!important}