/* slider dots and arrows sit on the page background below the hero */
html[data-theme="light"] body .flickity-page-dots .dot{border:2px solid #e30613!important;background:transparent!important;opacity:.7!important}
html[data-theme="light"] body .flickity-page-dots .dot.is-selected{background:#e30613!important;opacity:1!important}
html[data-theme="light"] .slider-wrapper .flickity-prev-next-button{color:#111}
/* white logo artwork on the page background */
html[data-theme="light"] img.rc-since-s{filter:invert(1)}
/* ---------- theme switch button ---------- */
.reiss-ts-li{display:flex;align-items:center;list-style:none;margin:0 6px 0 0!important;padding:0!important}
html body .reiss-ts{appearance:none;-webkit-appearance:none;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.14)!important;background:#fff!important;color:#111!important;cursor:pointer;box-shadow:none!important;line-height:1!important;transition:border-color .2s,transform .2s}
html body .reiss-ts.reiss-ts-inline{width:32px!important;height:32px!important;margin-right:6px!important}
html body .reiss-ts:hover{border-color:#e30613!important;transform:rotate(-12deg)}
.reiss-ts:focus-visible{outline:2px solid #e30613;outline-offset:2px}
.reiss-ts svg{width:18px;height:18px;display:block}
.reiss-ts .rts-sun{display:none}
html[data-theme="light"] .reiss-ts .rts-sun{display:block}
html[data-theme="light"] .reiss-ts .rts-moon{display:none}
.reiss-ts-float{position:fixed;right:14px;bottom:76px;z-index:9990;box-shadow:0 4px 14px rgba(0,0,0,.25)}
/* ---------- helper classes for future content ---------- */
html[data-theme="light"] .reiss-invert-light{filter:invert(1)}
:root{--reiss-bg:#000;--reiss-surface:#111;--reiss-text:#fff;--reiss-muted:#b8b8c0;--reiss-line:rgba(255,255,255,.12);--reiss-red:#e30613}
html[data-theme="light"]{--reiss-bg:#fff;--reiss-surface:#f4f4f6;--reiss-text:#111;--reiss-muted:#555;--reiss-line:rgba(0,0,0,.12)}
html[data-theme="light"]{color-scheme:light}
.reiss-ts-inline{flex:0 0 auto}
@media (max-width:849px){.reiss-ts-li{margin-right:4px!important}}
/* product mega menu: white line icons become dark */
html[data-theme="light"] #rm-panel .rm-i img,html[data-theme="light"] #rm-panel .rm-stage img,html[data-theme="light"] #rm-panel2 img{filter:brightness(0) opacity(.78)}
/* page background below short pages */
html[data-theme="light"]{background-color:#fff}
/* red main navigation keeps white text */
html[data-theme="light"] #wide-nav .header-nav > li > a,html[data-theme="light"] #wide-nav .header-nav > li > a i,html[data-theme="light"] #wide-nav .header-nav > li > a .icon-angle-down{color:#fff!important}
html[data-theme="light"] #wide-nav .header-nav > li > a:hover,html[data-theme="light"] #wide-nav .header-nav > li.active > a{color:#fff!important;opacity:.85}
/* copyright bar in brand red, like the menu bar */
html[data-theme="light"] body #wrapper #footer#footer .absolute-footer.absolute-footer{background-color:#ed1c24!important;background-image:none!important;border-color:#ed1c24!important}
html[data-theme="light"] body #wrapper #footer#footer .absolute-footer.absolute-footer *{background-color:transparent!important;color:#fff!important}
html[data-theme="light"] body #wrapper #footer#footer .absolute-footer.absolute-footer{color:#fff!important}
/* slider arrows visible on white */
html[data-theme="light"] .slider-wrapper .flickity-prev-next-button svg,html[data-theme="light"] .slider-wrapper .flickity-prev-next-button .arrow{fill:#111!important}
html[data-theme="light"] .slider-wrapper .flickity-prev-next-button{border-color:#111!important;color:#111!important}
/* product page – manual / software box */
html[data-theme="light"] body .reiss-software-item.reiss-software-item{background:#f6f6f8!important;background-image:none!important;border-color:rgba(0,0,0,.08)!important}
html[data-theme="light"] body .reiss-software-item a.reiss-software-download.reiss-btn-view{background:#fff!important;background-image:none!important;color:#e30613!important;border:1px solid #e30613!important}
html[data-theme="light"] body .reiss-software-item a.reiss-software-download.reiss-btn-view *{color:#e30613!important;stroke:currentColor}
html[data-theme="light"] body .reiss-software-item a.reiss-software-download.reiss-btn-view:hover{background:#e30613!important;color:#fff!important}
html[data-theme="light"] body .reiss-software-item a.reiss-software-download.reiss-btn-view:hover *{color:#fff!important}
html[data-theme="light"]:not(#rz1):not(#rz2):not(#rz3) body :is(a.rc-cat-view,a.rm-btn,a.reiss-chip-btn,.add-to-cart-button a.button,.add-to-cart-button a.primary,input.wpcf7-submit,.wpcf7 button[type="submit"],a.ra-panel-cta,a.ry-detail-link,a.rc-ab-main,a.more-link.button,a.reiss-software-download:not(.reiss-btn-view)){background:linear-gradient(135deg,#e30613,#e2140d)!important}
/* OEM-FIT "FOR BMW / MERCEDES-BENZ" badges on white product photos */
html[data-theme="light"] body .product-small[class*="product_tag-"] .box-image::before{box-shadow:0 0 0 1px rgba(0,0,0,.12)!important}
html[data-theme="light"]:not(#rz1):not(#rz2):not(#rz3) body a.rc-ab-sec{background:#fff!important;color:#e30613!important}
html[data-theme="light"]:not(#rz1):not(#rz2):not(#rz3) body a.rc-ab-sec:hover{background:#e30613!important;color:#fff!important}
/* About: brand and partner logo cards keep a visible frame on white */
html[data-theme="light"] body .rc-ab-logo.rc-ab-logo,html[data-theme="light"] body a.rc-ab-logo{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 14px rgba(0,0,0,.06)!important}
/* Online catalog (flipbook) prev / next arrows */
html[data-theme="light"] body .df-ui-nav .df-ui-btn,html[data-theme="light"] body .df-ui-nav .df-ui-btn::before{color:#111!important}
html[data-theme="light"] body .df-ui-nav{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important}
/* mobile menu: dark logo and "Since 1985" on the light panel */
html[data-theme="light"] body #main-menu#main-menu.mobile-sidebar > .sidebar-menu::before{background-image:url("/wp-content/uploads/2026/10/reiss-siyah.png")!important}
html[data-theme="light"] body img.rc-since-m{filter:invert(1)!important}
/* pop-up backdrops (quick view, lightbox) stay dark so the window stands out */
html[data-theme="light"] body .mfp-bg{background-color:#000!important;opacity:.55!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .category-page-row .sidebar-inner.col-inner,
html[data-theme="light"]:not(#rz1):not(#rz2) body #shop-sidebar .sidebar-inner,
html[data-theme="light"]:not(#rz1):not(#rz2) body .mfp-content #shop-sidebar{background-color:#f4f4f5!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3{background-color:#f4f4f5!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body.single-product .product-gallery .woocommerce-product-gallery__wrapper{border-color:rgba(0,0,0,.11)!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body.single-product .product-gallery .woocommerce-product-gallery__image{box-shadow:inset 0 0 22px rgba(0,0,0,.07)!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body.single-product .product-gallery .woocommerce-product-gallery__image img{mix-blend-mode:multiply}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3:hover{background-color:#fbe3e4!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3:hover .ra-k,html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3:hover .ra-v{color:#111!important}
/* Vehicle Compatibility list: a soft grey, a little off white */
html[data-theme="light"]:not(#rz1):not(#rz2) body .reiss-fit .reiss-fit-row{background-color:#f9f9fa!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .reiss-fit .reiss-fit-row.reiss-fit-th{background-color:#f1f1f3!important}
/* Vehicle Compatibility: keep the hover colour on the grey rows */
html[data-theme="light"]:not(#rz1):not(#rz2) body .reiss-fit .reiss-fit-row:not(.reiss-fit-th):hover{background-color:#fbe3e4!important}
/* category grid / list switch: active button stays red in the light theme */
html[data-theme="light"]:not(#rz1):not(#rz2) body button.on[aria-label*="list" i],html[data-theme="light"]:not(#rz1):not(#rz2) body button.on[aria-label*="grid" i]{background-color:#e30613!important;border-color:#e30613!important;color:#fff!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body button.on[aria-label*="list" i] *,html[data-theme="light"]:not(#rz1):not(#rz2) body button.on[aria-label*="grid" i] *{color:#fff!important;fill:currentColor}
html[data-theme="light"]:not(#rz1):not(#rz2) body.rc-list .products .product-small .box-image{border-color:rgba(0,0,0,.11)!important;box-shadow:inset 0 0 18px rgba(0,0,0,.06)!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3{box-shadow:inset 1px 0 0 rgba(0,0,0,.09),inset -1px 0 0 rgba(0,0,0,.09)!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3:first-of-type{box-shadow:inset 1px 0 0 rgba(0,0,0,.09),inset -1px 0 0 rgba(0,0,0,.09),inset 0 1px 0 rgba(0,0,0,.09)!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3:last-of-type{box-shadow:inset 1px 0 0 rgba(0,0,0,.09),inset -1px 0 0 rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.09)!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .woocommerce-tabs .woocommerce-Tabs-panel--description > h3:only-of-type{box-shadow:inset 0 0 0 1px rgba(0,0,0,.09)!important}
/* footer: its own tone in the light theme, the grey of the inner boxes */
html[data-theme="light"]:not(#rz1):not(#rz2) body .footer-wrapper,html[data-theme="light"]:not(#rz1):not(#rz2) body .footer-wrapper .footer-widgets,html[data-theme="light"]:not(#rz1):not(#rz2) body .footer-wrapper .footer-widgets .row,html[data-theme="light"]:not(#rz1):not(#rz2) body .footer-wrapper .footer-widgets .col{background-color:#f4f4f5!important}
html[data-theme="light"]:not(#rz1):not(#rz2) body .footer-wrapper .footer-widgets{border-top:1px solid rgba(0,0,0,.08)!important}
html[data-theme="light"] body .pswp .pswp__bg{background:#e9e9ec!important;opacity:.97!important}
html[data-theme="light"] body .pswp{--pswp-icon-color:#111;--pswp-icon-color-secondary:#e9e9ec;--pswp-icon-stroke-color:#e9e9ec}
html[data-theme="light"] body .pswp .pswp__button,html[data-theme="light"] body .pswp .pswp__counter{color:#111!important}
html[data-theme="light"] body .pswp .pswp__button svg,html[data-theme="light"] body .pswp .pswp__icn{fill:#111!important}