/*
Theme Name: Axis Baltic Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* AXIS: priverstinai šviesus (ne OS/naršyklės dark mode) formos elementų renderinimas.
   Be šios eilutės native <select> (pvz. variacijų pasirinkimo dropdown'ai) naršyklėje
   su įjungtu dark mode renderinami juodu fonu, nes svetainė niekur neapibrėžia
   color-scheme, o browser'is naudoja sistemos temą UA form kontrolėms. */
:root {
	color-scheme: light;
}

/* AXIS: subtilus X ženklas ant negalimo (out-of-stock/nepasiekiamo) dydžio/atributo swatch mygtuko */
.filter-item-list a.disabled,
.filter-item-list .filter-color.disabled,
.filter-item-list a.oos-swatch,
.filter-item-list .filter-color.oos-swatch {
	position: relative;
	overflow: hidden;
	opacity: 0.5;
}
.filter-item-list a.disabled::before,
.filter-item-list .filter-color.disabled::before,
.filter-item-list a.oos-swatch::before,
.filter-item-list .filter-color.oos-swatch::before {
	content: "";
	position: absolute;
	top: 15%;
	left: 15%;
	right: 15%;
	bottom: 15%;
	pointer-events: none;
	background-image:
		linear-gradient(to top right, transparent calc(50% - 0.5px), rgba(0,0,0,.32) calc(50% - 0.5px), rgba(0,0,0,.32) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
		linear-gradient(to top left, transparent calc(50% - 0.5px), rgba(0,0,0,.32) calc(50% - 0.5px), rgba(0,0,0,.32) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
