/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

input.qty[name="quantity"]::-webkit-outer-spin-button,
input.qty[name="quantity"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input.qty[name="quantity"] {
	-moz-appearance: textfield;
	border-radius: 0 !important;
	border-color: #81818133 !important;
	outline: none !important;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
}
.zdravo-qty-button {
	background-color: #ffffff !important;
	color: #000000 !important;
	border-color: #81818133 !important;
	outline: none !important;
}
.zdravo-qty-button:hover {
	background-color: #40BCA3 !important;
	color: #ffffff !important;
}
.zdravo-qty-button.minus {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right-color: transparent !important;
	padding-right: 10px !important;
}
.zdravo-qty-button.plus {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-left: 0 !important;
	border-left-color: transparent !important;
	padding-left:10px !important;
}
.woocommerce div.product form.cart div.quantity {
	display: flex;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	background-color: #F7F7F7;
	box-shadow: var(--wvs-item-box-shadow,0 0 0 1px #F7F7F7);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
	box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #40bca3!important);
}
#zdravo-single-product-acc .e-n-accordion-item-title {
	padding-left: 50px;
	position: relative;
}
#zdravo-single-product-acc .e-n-accordion-item-title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
}
#zdravo-single-product-acc .e-n-accordion-item-title[data-accordion-index="1"]:before {
	content: url('/wp-content/themes/hello-theme-child-master/svg/dostava.svg');
}
#zdravo-single-product-acc .e-n-accordion-item-title[data-accordion-index="2"]:before {
	content: url('/wp-content/themes/hello-theme-child-master/svg/placanje.svg');
}
#zdravo-single-product-acc .e-n-accordion-item-title[data-accordion-index="3"]:before {
	content: url('/wp-content/themes/hello-theme-child-master/svg/zasto-mi.svg');
		
}
.elementor-83 .elementor-element.elementor-element-39185b1 > .elementor-widget-container {
    background-color: transparent !important;
}

.atribut-stajl{
	font-family:"Poppins", Sans-serif;
	color:#40BCA3;
	font-weight:500;
	font-size:16px;
}
.atribut-stajl:hover{
	font-family:"Poppins", Sans-serif;
	color:#40BCA3;
	font-weight:500;
	font-size:16px;
}


/* Stil za novo dugme sa tvojom bojom i manjim fontom */
.view-product-button {
    background-color: #40BCA3 !important; /* Tvoja specifična zelena boja */
    color: #ffffff !important;
    padding: 8px 18px !important; /* Blago smanjen padding za kompaktniji izgled */
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.85rem !important; /* Ovo smanjuje font za otprilike 2px */
    border-radius: 25px; /* Zaobljene ivice kao na tvojim slikama */
    transition: background-color 0.3s ease;
    text-decoration: none;
    display: inline-block;
    border: none;
    cursor: pointer;
}

/* Efekat kada se pređe mišem preko dugmeta */
.view-product-button:hover {
    background-color: #34a891 !important; /* Malo tamnija nijansa za hover efekat */
    color: #ffffff !important;
    text-decoration: none;
}

/* Osiguravamo da se ukloni bilo kakav outline ili senka ako ih tema nameće */
.view-product-button:focus, 
.view-product-button:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Wrapper */
.wc-oos-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

/* Crno-bela slika */
.wc-oos-wrapper img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    opacity: 0.7;
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay kontejner */
.wc-oos-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10;
}

/* Dijagonalni tekst */
.wc-oos-overlay span {
    font-size: clamp(14px, 4vw, 32px);
    font-weight: 900;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3px;
    transform: rotate(-30deg);
    white-space: nowrap;
    text-shadow:
        1px 1px 0 rgba(255,255,255,0.7),
        -1px -1px 0 rgba(255,255,255,0.7),
        1px -1px 0 rgba(255,255,255,0.7),
        -1px 1px 0 rgba(255,255,255,0.7);
    padding: 8px 20px;
    line-height: 1;
}

/* Veca slova na pojedinacnoj stranici */
.single-product .wc-oos-wrapper .wc-oos-overlay span {
    font-size: clamp(20px, 3.5vw, 48px);
    letter-spacing: 5px;
}