/* GENERAL WOO STYLES*/
.no_header_spacer {width: 100%; height: 180px;}
.product {margin-top: 40px;}
.vts button[type="submit"] {
	background-color: transparent;
	color: var(--main-blue);
	border: solid 1px var(--main-blue);
}
.vts button:hover {
	background-color: var(--main-blue);
	color: #ffffff;
}

/* SINGLE PRODUCT */
.vts .woocommerce-product-gallery {
	width: 100%; /* see media querie below*/
}
.vts .summary {
	width: 100%; /* see media querie below*/
}
.vts .woocommerce-product-gallery figure {text-align: center;}
.vts .summary .product_title.entry-title {
	color: var(--main-red);
}
.vts .summary.entry-summary .main_single_product_description p {
	/*color: var(--dark-blue);*/
}
.single_price_and_add {
	display: flex;
	justify-content: space-between;
	/*padding-bottom: 10px;*/
	/*border-bottom: solid 1px var(--lightest-blue);*/
	padding-left: 10px; padding-right: 10px;
	
	flex-direction: column; /*see media querie below*/
	align-items: flex-start;
}
.single_price_and_add .amount {
	display: block;
	text-align: center;
	color: var(--main-blue);
	border: solid 1px var(--main-blue);
	width: 100%;
	padding: 10px;
}
/*form.cart {margin-top: 30px;}*/
.vts .product {
	display: flex;
	gap: 20px; 
	position: relative;
	margin-bottom: 40px;
	
	flex-direction: column; /* see media querie below*/
}
@media (min-width: 576px) {
	.single_price_and_add {
		flex-direction: row;
		align-items: center;
	}	
}
@media (min-width: 768px) {
	.vts .woocommerce-product-gallery {
		width: 33%;
	}
	.vts .summary {
		width: 65%;
	}
	.vts .product {
		flex-direction: row;
	}
}

@media (min-width: 1400px) {
	span.price {
		display: flex;
	}
	.single_price_and_add {padding-right: 0; padding-bottom: 10px;}
}

.woocommerce-product-details__short-description {
	padding: 15px 0;
	border-top: solid 1px var(--main-blue);
}
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p {font-size: 18px;}

.woocommerce-Price-amount.amount {font-size: 25px; font-weight: bold; /* color: var(--dark-blue); */}
.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {font-weight: normal; font-size: 16px;}
p.price del {color: #888888;} /* old price */
p.price del .woocommerce-Price-amount.amount {font-size: 0.75em; color: #888888; font-weight: normal; padding-right: 10px;} /* old price */
p.price ins {text-decoration: none;} /* sale price */
p.price ins .woocommerce-Price-amount.amount {color: var(--main-blue);} /* sale price */

.product span.onsale {
	position: absolute;
	top: 50px; left: 60px;
	background-color: var(--main-red);
	color: #ffffff; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase;
	padding: 12px 25px;
	border-radius: 5px;
	transform: rotate(-12deg);
	border: solid 2px var(--main-red);
	/*border-left-color: var(--light-red); border-top-color: var(--light-red);*/
	border-right-color: var(--dark-red); border-bottom-color: var(--dark-red);
	box-shadow: 4px 6px 6px rgba(0,0,0,0.2);
}

a.prema-izjavama {
	float: right;
	font-size: 0.8em;
	margin-top: 20px;
}
a.prema-izjavama:after {
	content: ' \2192';
}


form.cart {
	display: flex;
	align-items: stretch;
	column-gap: 20px;
}
form.cart input {height: 100%; font-size: 20px; text-align: center; width: 60px;}
.single_add_to_cart_button {
	padding: 10px 25px;
	text-transform: uppercase;
	min-width: 150px;
	font-size: 18px;
}

.woocommerce-notices-wrapper {
	position: fixed; top: 0; left: 0; width: 100%; z-index: 15000;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	background-color: var(--main-green);
	color: #ffffff;
}
.woocommerce-message {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	/*flex-direction: row-reverse;*/
	padding: 10px 15px;
}
.woocommerce-message a.button.wc-forward {display: none} /*do not show 'view cart' in the message upon adding an item */
.woocommerce-message .restore-item {
	display: inline-block;
	background-color: transparent;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #ffffff;
	border: solid 1px #ffffff;
	border-radius: 3px;
	transition: var(--default-transition);
}
/*.woocommerce-message a.button.wc-forward:hover,*/
.woocommerce-message .restore-item:hover {background-color: var(--dark-green);}

.woocommerce-message .dismiss_notice {
	position: absolute;
	top: 0; right: 0;
	width: 50px; height: 100%;
	display: flex; justify-content: center; align-items: center;
	border-left: solid 1px #ffffff;
	cursor: pointer;
}


/* mini cart*/
.mini_cart_wrap {
	position: fixed;
	top: 7px; right: 7px;
}
.mini_cart_btn_wrap {
	/*display: flex; justify-content: center; align-items: center;*/
	position: absolute; top: 0; right: 0;
}
.mini_cart_btn {
	width: 40px; height: 40px;
	border-radius: 20px;
	border: solid 2px #ffffff;
	background-color: var(--main-blue);
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 4px rgba(0,0,0,0.75);
}
.mini_cart_btn:hover {background-color: var(--main-violet); box-shadow: 0 0 2px rgba(0,0,0,0.9);}
/*.mini_cart_btn .mini_cart_indicator*/
.mini_cart_btn > div {
	width: 12px; height: 12px;
	border-radius: 6px;
	position: absolute;
	top: 1px; left: 1px;
	background-color: var(--main-red);
}
/*.mini_cart_btn .mini_cart_indicator.show_mc_indicator {opacity: 1;}*/
.mini_cart_content_wrap {
	position: fixed; top: 0; right: 0;
	z-index: 20000;
	width: 0; max-width: 100%;
	height: 100%; overflow: hidden;
	background-color: #ffffff;
	transition: var(--default-transition);
}
.mini_cart_content_wrap * {opacity:0; transition: opacity 0.4s ease-in;}
.mini_cart_content_wrap.mini_cart_open {width: 450px; box-shadow: -5px 0 5px rgba(0,0,0,0.3);}
.mini_cart_content_wrap.mini_cart_open * {opacity: 1;}
.widget_shopping_cart_content_wrap {width: 450px; max-width: 100%; height: 100%; padding: 15px;}
.widget_shopping_cart_content {width: 100%; overflow-y: auto;}
.close_mini_cart {/*width: 24px; height: 24px; cursor: pointer;*/}
.close_mini_cart span {cursor: pointer; color: var(--main-blue); text-transform: lowercase;}
.close_mini_cart span:hover {color: var(--dark-blue);}

ul.woocommerce-mini-cart.cart_list {
	margin: 0; padding: 0;
	list-style-type: none;
	margin-top: 15px; padding-top: 15px;
	padding-left: 7px;
	border-top: solid 1px #aaaaaa;
}
li.woocommerce-mini-cart-item.mini_cart_item {
	display: flex;
	gap: 10px;
	position: relative;
	padding-bottom: 10px; padding-top: 10px;
	border-bottom: dotted 1px #dddddd;
}
.mini_cart_product_link_thumb {width: 90px; height: 90px; border: solid 1px #cccccc;}
.mini_cart_product_link_thumb img {width: 100% !important; height: auto !important;}
.woocommerce-mini-cart-item.mini_cart_item::marker {display: none;}
.remove.remove_from_cart_button {
	display: block; position: absolute; top: 4px; left: -6px;
	width: 20px; height: 20px;
	justify-content: center; align-items: center;
	border-radius: 10px;
	background-color: #ffffff;
	border: solid 1px var(--main-red);
	color: var(--main-red);
	font-size: 20px; line-height: 0;
}
.remove.remove_from_cart_button > div {text-align: center; height: 100%; width: 100%; margin-top: 7px;}
.remove.remove_from_cart_button:hover {background-color: var(--dark-red); color: #ffffff; border-color: var(--dark-red);}
.mini_cart_product_name {font-size: 18px; font-weight: bold; color: var(--main-red); margin-bottom: 5px;}
.woocommerce-mini-cart-item.mini_cart_item .woocommerce-Price-amount.amount {font-size: 1.2em;}
.woocommerce-mini-cart__total.total {text-align: right;}
.woocommerce-mini-cart__total.total strong {color: var(--dark-blue); text-transform: lowercase; font-weight: normal;}
.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount {}
.woocommerce-mini-cart__buttons.buttons {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	margin-top: 10px;
	border-top: solid 1px #cccccc;
}
.woocommerce-mini-cart__buttons.buttons .button {
	display: block;
	font-size: 16px;
	color: var(--main-blue);
	padding: 5px 15px;
	min-width: 40%;
	max-width: 48%;
	text-align: center;
	background-color: #ffffff;
	border: solid 1px var(--main-blue);
	box-shadow: none;
	transition: var(--default-transition);
}
.woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward {background-color: var(--main-blue); color: #ffffff;}
.woocommerce-mini-cart__buttons.buttons .button:hover {box-shadow: none; color: #ffffff;}
.woocommerce-mini-cart__buttons.buttons .button.wc-forward:hover {background-color: var(--main-violet); border-color: var(--main-violet);}
.woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward:hover {background-color: var(--dark-blue);}


.mobile_mini_cart_wrap {
	position: fixed;
	top: 40px; right: 95px;
	z-index: 20000;
	transition: var(--default-transition);
}
.mobile_mini_cart_wrap.hide_mini_cart {display: none;}
/*
#masthead.vitalis.mobile_masthead.shrinked_mobile_masthead .mobile_mini_cart_wrap {top: 26px; right: 75px;}
*/

/* /mini cart */

/*ARCHIVE*/
.woocommerce-result-count {display: none;}
ul.vts_products.products  {
	display: grid;
	grid-template-columns: 1fr; /* small screen size grid */
	column-gap: 25px;
	padding: 0;
}
ul.vts_products.products li {
	display: block;
	padding: 0;
	border: solid 1px var(--lightest-blue);
	border-radius: 6px;
	transition: var(--default-transition);
	margin-bottom: 10px;
}
ul.vts_products.products li:hover {
	/*background-color: var(--lightest-blue);*/
}
ul.vts_products.products li:hover .button.add_to_cart_button  {
	background-color: var(--lightest-blue);
}
ul.vts_products.products li h2 {font-size: 18px; margin-top: 15px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px;}
ul.vts_products.products li .price .woocommerce-Price-amount.amount {display: block; margin-top: 10px; font-size: 17px;}
ul.vts_products.products li .price del, 
ul.vts_products.products li .price del .woocommerce-Price-amount.amount {
	/* color: #aaaaaa; */
	display: none; /* no more place for old price*/
}
ul.vts_products.products li .price ins {text-decoration: none;}
ul.vts_products.products li .button.add_to_cart_button,
ul.vts_products.products li .button.vts_action_button {
	display: inline-block;
	background-color: #ffffff;
	border: solid 1px var(--main-blue);
	color: var(--main-blue);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	margin-top: 10px;
	transition: var(--default-transition);
}
ul.vts_products.products li .button.vts_action_button {background-color: var(--lightest-blue);}
ul.vts_products.products li .button.add_to_cart_button:hover,
ul.vts_products.products li .button.vts_action_button:hover {
	background-color: var(--main-blue);
	color: #ffffff;
}
ul.vts_products.products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {color: var(--main-blue);}
ul.vts_products.products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {/*color: var(--dark-blue);*/}
ul.vts_products.products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link strong {/*font-weight: normal;*/}
ul.vts_products.products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link p,
ul.vts_products.products p {font-size: 16px; line-height: 1.2em; padding-left: 10px; padding-right: 10px;}

.vts_product_inner .vts_add_to_cart_area {
	padding: 10px;
	padding-top: 0;
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 10px;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {min-height: 160px;}


ul.vts_products.products .vts_product_inner {height: 100%; padding-top: 5px;}
ul.vts_products.products .vts_product_inner > div {
	height: 100%;display: flex; flex-direction:column;
	justify-content: space-between;
}

@media (min-width: 576px) {
	ul.vts_products.products {
		grid-template-columns: 1fr 1fr;
	}	
}
@media (min-width: 768px) { 
	ul.vts_products.products {
		grid-template-columns: 1fr 1fr 1fr;
	}	
}
@media (min-width: 1200px) {
	ul.vts_products.products {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
}
@media (min-width: 1400px) {
	.vts_product_inner .vts_add_to_cart_area {
		grid-template-columns: 11fr 14fr;
		/* display: flex; */
		width: 100%;
	}
}

/* END archive */

/* END single product*/

/* DASHBOARD */
.woo_dashboard_structure {
	display: grid;
	grid-template-columns: 1fr 4fr;
}

.vit_dashboard_menu {border-right: solid 1px var(--main-blue); padding-right: 10px; min-height: 50vh;}
.vit_dashboard_content {padding-left: 15px;}

.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}
.woocommerce-MyAccount-navigation ul li {
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	display: block;
	color: var(--main-blue);
	border-bottom: solid 1px #F1F3F9;
	padding: 5px 0;
	
	transition: all 0.2s ease-in;
}
.woocommerce-MyAccount-navigation ul li a:hover {
	color: #ffffff;
	background-color:var(--main-blue);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: var(--main-blue);
	color: #ffffff;
}
@media (max-width: 991.9px){
	.woo_dashboard_structure {
		display: grid;
		grid-template-columns: 1fr;
	}	
}

.woocommerce-Address address {
	font-family: courier, sans-serif;
	border: solid 1px #000000;
	padding: 15px;
	background-color: var(--lightest-blue);
	font-size: 16px;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 15px;	
}
.form-row {
	margin-bottom: 25px;
}
.form-row label {
	display: block;
	padding-right: 20px;
}
.form-row > span {
	display: inline-block;
	width: 400px;
	max-width: 90vw;
}
.form-row > span > input {width: 100%;}
.select2-container span.selection  {width: 100%;}
.select2-container--default .select2-selection--single {border-radius: 3px; border-color: #000000;}
.form-row .required {color: var(--main-red);}
.form-row input::placeholder,
.select2-selection__placeholder {font-size: 14px; position: relative; top: -3px;}
/* END dashboard */

/* CART PAGE */
.woocommerce-cart-form table.shop_table {
	border: solid 1px var(--lightest-blue);
	width: 100%;
	margin-bottom: 20px;
}
.woocommerce-cart-form table.shop_table thead {
	background-color: var(--lightest-blue);
}
.woocommerce-cart-form table.shop_table thead tr th {padding: 15px 5px;}
.woocommerce-cart-form table.shop_table tr td {
	border-top: solid 1px var(--main-blue);
	border-left: solid 1px var(--lightest-blue);
	border-right: solid 1px var(--lightest-blue);
	text-align: center;
}
.woocommerce-cart-form table.shop_table td {position: relative;}
.woocommerce-cart-form table.shop_table .cart_thumb_wrap {
	width: 160px;
	position: relative; margin-left: auto; margin-right: auto;
}
.woocommerce-cart-form table.shop_table td.product-remove {position: relative;}
.woocommerce-cart-form table.shop_table td.product-remove a {
	display: block;
	position: relative; margin-left: auto; margin-right: auto;
	background-color: var(--main-red);
	color: #ffffff;
	width: 26px; height: 26px;
	border-radius: 13px;
	font-size: 20px;
}
.woocommerce-cart-form table.shop_table td.product-remove a:hover {background-color: var(--dark-red)}


.cart_totals h3 {margin-bottom: 20px;}
.cart_totals table.shop_table {
	border: solid 1px var(--lightest-blue);
	width: 100%;
	margin-bottom: 20px;
}
.cart_totals table.shop_table .cart-subtotal td {padding: 15px 5px;}
.cart_totals table.shop_table .cart-subtotal,
.cart_totals table.shop_table .cart-subtotal * {font-size: 1em !important;}
.cart_totals table.shop_table tr.order-total {background-color: var(--lightest-blue);}
.cart_totals table.shop_table tr.order-total td {padding: 20px 10px;}
.cart_totals .wc-proceed-to-checkout {position: relative; text-align: center; padding-top: 20px;}
.cart_totals .wc-proceed-to-checkout a {padding: 15px 30px; font-size: 1.1em;}

@media (max-width: 991.9px) {
	.woocommerce-cart-form table.shop_table thead {display: none;}
	.woocommerce-cart-form table.shop_table tr {
		display: flex;
		flex-direction: column;
	}
	.woocommerce-cart-form table.shop_table tr {border-bottom: solid 1px var(--main-blue);}
	.woocommerce-cart-form table.shop_table tr td {border-top: none;}
	td.product-remove {padding: 20px 0 10px 0;}
	td.product-price span.amount {font-size: 14px; color:var(--main-violet);}
	td.product-quantity .quantity input {text-align: center; margin-top: 10px; margin-bottom: 10px;}
	td.product-subtotal {padding-bottom: 15px;}
	
}

/* END cart page*/

/*CHECKOUT*/
.checkout.woocommerce-checkout .woocommerce-additional-fields textarea {
	width: 100%;
}

#order_review table.shop_table {
	/*border: solid 1px var(--lightest-blue);*/
	width: 100%;
	margin-bottom: 20px;
}
#order_review table.shop_table thead {
	background-color: var(--lightest-blue);
}
#order_review table.shop_table thead tr th {padding: 15px 5px;}
#order_review table.shop_table tr td {
	text-align: center;
}
#order_review table.shop_table tr.cart-subtotal th,
#order_review table.shop_table tr.cart-subtotal td {
	border-top: solid 1px var(--main-blue);
}

#order_review table.shop_table tr.order-total th,
#order_review table.shop_table tr.order-total td {
	background-color: var(--lightest-blue);
	padding: 15px 5px;
}

ul.wc_payment_methods.payment_methods.methods {
	list-style-type: none;
	padding: 0;
}
li.vit_no_payment {
	background-color: var(--main-red);
	color: #ffffff !important;
	font-size:18px !important;
	padding: 15px !important;
}
.vitalis-order-button {
	padding: 20px 50px;
	font-size: 1.3em;
	float: right;
}
.woocommerce-terms-and-conditions-wrapper {margin-bottom: 40px;}
/*END checkout*/

/* LOGIN */
.vit_login_page {
	display: flex;
}
.vit_login_login {
	padding: 20px;
}
.vit_login_register {
	padding: 20px;
	background-color: var(--lightest-blue);
}

.woocommerce-form.woocommerce-form-login.login #username,
.woocommerce-form.woocommerce-form-login.login #password,
.woocommerce-form-register.register #reg_username,
.woocommerce-form-register.register #reg_email,
.woocommerce-form-register.register #reg_password {
	width: 400px;
}
.vit_login_register .woocommerce-privacy-policy-text p {
	font-size: 15px;
	margin-bottom: 25px;
}
/* END login */




















