/* Небольшие дополнения к стилям темы для React-версии сайта. */

/* Сайт всегда светлый — как оригинал, независимо от тёмной темы браузера */
:root { color-scheme: light; }
html, body { background: #fff; }

/* Просмотр 360° */
.threesixty.product1 { position: relative; width: 100%; height: 100%; user-select: none; touch-action: pan-y; }
.threesixty.product1 .threesixty_images { list-style: none; margin: 0; padding: 0; position: relative; height: 100%; }
.threesixty.product1 .threesixty_images li { margin: 0; padding: 0; }
.threesixty.product1 .threesixty_images img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.threesixty.product1 .threesixty_images img.previous-image { visibility: hidden; }
.threesixty.product1 .threesixty_images img.current-image { visibility: visible; }
.threesixty.product1 .spinner { position: absolute; top: calc(50% - 15px); left: calc(50% - 30px); width: 60px; height: 30px; background: rgba(0, 0, 0, .7); border-radius: 5px; z-index: 5; }
.threesixty.product1 .spinner span { display: block; color: #fff; font: bold 12px/30px Arial, sans-serif; text-align: center; }

/* Лайтбокс fancybox: фиксированное позиционирование вместо пересчёта скролла */
#fancybox-wrap { z-index: 1101; }
#fancybox-overlay { z-index: 1100; top: 0; left: 0; }
#fancybox-loading { z-index: 1102; top: 50%; left: 50%; margin: -20px 0 0 -20px; }

/* Форма заявки */
.wpcf7 .wpcf7-not-valid-tip { color: #dc3232; font-size: 0.85em; display: block; }
.wpcf7-form.sent .wpcf7-response-output { border-color: #46b450; }
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.failed .wpcf7-response-output { border-color: #ffb900; }
.wpcf7-response-output { margin: 1em 0; padding: 0.5em 1em; border: 2px solid #00a0d2; }
.wpcf7-spinner { display: inline-block; vertical-align: middle; }

/* Результаты поиска в шапке */
#search-wrapper .asp_r .item { padding: 8px 12px; border-bottom: 1px solid #eee; background: #fff; }
#search-wrapper .asp_r .item:hover { background: #f4f4f4; }
#search-wrapper .asp_r .asp_res_url { color: #1f2937; font-size: 14px; text-decoration: none; }
#search-wrapper .asp_r .asp_res_text { color: #888; font-size: 12px; }
#search-wrapper .asp_r .asp_nores { padding: 12px; background: #fff; }

/* Пагинация */
.pagination { margin: 2rem 0; }
.pagination .page-numbers { display: inline-block; padding: 0.3rem 0.7rem; }

/* Карточка аксессуара */
.woocommerce div.product .flex-control-thumbs img { cursor: pointer; opacity: .6; }
.woocommerce div.product .flex-control-thumbs img.flex-active { opacity: 1; }