/*
Theme Name: Ekspedicija 2026
Author: Fullo team
Version: 1.0
Text Domain: ekspedicija
*/

@font-face {
	font-display: swap;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300 900;
	src: url('./fonts/rubik-variable.woff2') format('woff2'),
	url('../../fonts/rubik-variable.woff') format('woff');
}

body {
	margin: 0;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: never;
	text-rendering: optimizeLegibility;
}

ul {
  margin: 0;
  padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	font-family: "Rubik", sans-serif;
}


ul, ol {
  list-style: none;
}


input {
  outline: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}


a {
  text-decoration: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}


h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

h2{
	font-weight: 300;
	font-size: 30px;
	line-height: 1.2;
	color: #3C3C3C;
}
h2 strong{
	font-weight: 700;
}
p{
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}

.container {
    max-width: 1520px;
	width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}

main {
	background: #f4f5f8;
}

@media (max-width: 1300px) {
	.container {
		padding: 0 20px;
	}
}
@media(max-width: 767px){
	h2{
		font-size: 24px;
	}
	.container {
		padding: 0 15px;
	}
}


/* *************************
        B R E A D C R U M B S
   ************************* */
.rank-math-breadcrumb{
	margin-bottom: 50px;
}
.rank-math-breadcrumb p{
	font-weight: 300;
	font-size: 14px;
	line-height: 1.16;
	color: #3C3C3C80;
}
.rank-math-breadcrumb p a{
	color: inherit;
}
.rank-math-breadcrumb .last{
	font-weight: 600;
	color: #3C3C3C;
}

@media(max-width: 767px){
	.rank-math-breadcrumb{
		margin-bottom: 30px;
	}
}


/*
 *  HEADER Sajta
 */
.site-header{
	background: white;
	position: relative;
	z-index: 9999;
}
.preheader{
	padding: 8px 0;
	background: linear-gradient(269.65deg, #FC8606 32.94%, #F15A22 71.92%);
	/*background: linear-gradient(270deg, #9E22F1 9.11%, #065CFC 42.67%, #13BBC0 76.65%, #99D216 96.87%);*/
	/*background: linear-gradient(270deg, #99D216 -9.56%, #EFC418 20.16%, #FC8606 54.02%, #F15A22 93.38%);*/
}
.preheader .container{
	display: grid;
	grid-template-columns: minmax(0, 30%) minmax(0, 60%) minmax(0, 30%);
	grid-template-rows: auto;
	align-items: center;
	column-gap: 15px;
}
.header-info-wrapper{
	position: relative;
}
.header-info ul,
.preheader .nav-menu ul{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	column-gap: 14px;
}
.preheader .nav-menu ul{
	justify-content: end;
}
.header-info ul li a,
.header-info ul li,
.preheader .nav-menu ul li a{
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	column-gap: 14px;
	padding: 2px 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.21;
	color: #FFFFFF;
}
.header-info ul li:not(:last-child),
.preheader .nav-menu ul li:not(:last-child){
	padding-right: 14px;
	border-right: 1px solid #FFFFFF;
}
.msg-slider .splide__slide {
	font-size: 14px !important;
	line-height: 1.21 !important;
}
.msg-text,
.splide__slide--clone .msg-text{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.21;
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
	margin-bottom: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: start;
	column-gap: 5px;
}
.msg-text a{
	display: inline-block;
	color: inherit;
	text-decoration: underline;
	padding-left: 20px;
}

.main-header {
	padding: 30px 0 0;
}
.main-header .container{
	display: grid;
	grid-template-columns: minmax(0,min(30%,270px)) minmax(0, 1fr) minmax(0, min(30%,270px));
	grid-template-rows: auto;
	align-items: center;
	column-gap: 20px;
	row-gap: 30px;
}
.main-header .main-menu-wrapper{
	grid-column: -1 / 1;
}

.logo img{
	height: auto;
}

/*   Search and search results   */

.search_field{
	justify-items: center;
	position: relative;
}
#custom-search-results {
	display: none;
	width: min(100%, 680px);
	position: absolute;
	top: calc(100% + 20px);
	grid-template-columns: minmax(0, 23%) minmax(0, 1fr);
	grid-template-rows: auto;
	align-items: stretch;
	column-gap: 20px;
	row-gap: 20px;
	background: white;
	padding: 20px;
	border-radius: 4px;
	z-index: 10;
	border: 1px solid #ddd;
	max-height: unset !important;
}
.dgwt-wcas-suggestions-wrapp{
	display: block !important;
	inset: 0 !important;
	width: 100% !important;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #F15A22;
	border-radius: 60px;
	overflow: hidden;
	height: 50px;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
	background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	text-transform: none;
	border-radius: 0 60px 60px 0;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit svg{
	display: none;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{
	content: "Pretraga";
	position: relative;
	inset: 0;
	border: none;
}

@media(max-width: 1024px){
	.dgwt-wcas-search-wrapp {
		max-width: 100% !important;
	}
}

.categories-list{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	align-items: stretch;
	gap: 8px;
}
.search-results-sidebar .title{
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
	color: #3C3C3C;
	margin: 0 0 10px;
}
.search-results-sidebar .categories-list > div{
	padding: 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.search-results-sidebar .categories-list > div img{
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	margin-bottom: 5px;
	padding: 10px;
}
.search-results-sidebar .categories-list .cat_wrap p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	color: #3C3C3C;
	margin: 0 0 5px;
}
.search-results-sidebar .categories-list .cat_wrap span{
	display: block;
	color: #F15A22;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}
.search-results .dgwt-wcas-suggestions-wrapp {
	background: #fff;
	border-width: 0 0 0 1px;
	padding-left: 20px;
	padding-right: 5px;
	max-height: 550px !important;
}
.search-results .dgwt-wcas-suggestion {
	font-size: 14px;
	padding: 0;
}
.search-results .dgwt-wcas-suggestion:not(:last-child){
	margin-bottom: 6px;
}
.search-shop-link, .dgwt-wcas-st-more{
	display: block !important;
	text-align: center !important;
	width: 100%;
	background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
	color: white;
	padding: 14px 22px !important;
	border-radius: 60px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
}

/* Chrome, Edge, Safari (desktop) - prilagođena traka je uvek vidljiva */
.search-results .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar {
	width: 6px;
}
.search-results .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-track {
	background: #3C3C3C1A;
	border-radius: 6px;
}
.search-results .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb {
	background: #F15A22;
	border-radius: 6px;
}
/* Firefox */
@supports (-moz-appearance: none) {
	.search-results .dgwt-wcas-suggestions-wrapp {
		scrollbar-width: thin;
		scrollbar-color: #F15A22 #3C3C3C1A;
	}
}
@media(max-width: 767px){
	#custom-search-results {
		grid-template-columns: minmax(0px, 1fr);
		top: calc(100% + 5px);
	}
	.search-results-sidebar{
		order: 3;
	}
	.categories-list{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.search-results .dgwt-wcas-suggestions-wrapp {
		border-width: 0 0 1px;
		padding-left: 0;
		padding-bottom: 20px;
		max-height: 300px !important;
	}
}


.user-menu{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 15px;
}
.user-menu li,
.user-menu li:first-child > a{
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: center;
	row-gap: 9px;
	position: relative;
}
.user-menu li:last-child{
	padding-right: 32px;
}
.user-menu-wishlist{
	padding-right: 14px;
}
.user-menu-cart{
	padding-right: 32px;
}
.user-menu li > span,
.user-menu li > a > span:not(.wishlist_products_counter_number){
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	color: #3C3C3C;
	white-space: nowrap;
}
.user-menu li svg,
.wc-block-mini-cart__button .wc-block-mini-cart__icon{
	height: 32px;
	width: auto;
	max-width: 35px;
	object-fit: contain;
}
.wc-block-mini-cart__button{
	padding: 0;
}

.wishlist_products_counter,
.wc-block-mini-cart__badge{
	position: absolute;
	top: 0;
	right: 0;
}
.wishlist_products_counter{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: end;
	align-items: start;
}
.wc-block-mini-cart__quantity-badge{
	position: unset;
}
.wishlist_products_counter:not(:has(.wishlist_products_counter_number:empty)) .wishlist_products_counter_number,
.wc-block-mini-cart__badge{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 27px;
	height: 27px;
	background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
	border-radius: 50%;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	color: white;
	transform: translateY(-2px);
}

.main-menu-wrapper{
	position: relative;
}
.main-menu-wrapper .nav-menu .menu{
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	column-gap: 20px;
	padding: 11px 0;
}
.main-menu-wrapper:before{
	content: "";
	width: 100vw;
	height: 1px;
	background: #B4B4B480;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.main-menu-wrapper .nav-menu .menu li{
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 12px;
}
.main-menu-wrapper .nav-menu .menu li > button{
	background: transparent;
	border: none;
	padding: 0;
}
.main-menu-wrapper .nav-menu .menu > li > a{
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	column-gap: 7px;

	font-weight: 500;
	font-size: 14px;
	line-height: 1.21;
	color: #3C3C3C;
	padding: 6px 0;
}

/* Submenus*/
.main-menu-wrapper .nav-menu .menu .sub-menu{
	display: none;
}
.main-menu-wrapper .nav-menu .menu .sub-menu li a{
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	color: #3C3C3C;
	white-space: nowrap;
}
.main-menu-wrapper .nav-menu .menu .sub-menu li:hover > a{
	color: #FC8606;
}
.main-menu-wrapper .nav-menu .menu .sub-menu li:not(:last-child){
	padding-bottom: 8px;
	border-bottom: 1px solid #B4B4B480;
	margin-bottom: 8px;
}
@media(min-width: 1201px){
	.main-menu-wrapper .menu-hamburger,
	.main-menu-wrapper .nav-menu .menu li.desktop-hidden,
	.home .main-menu-wrapper .nav-menu .menu li.frontpage-hidden{
		display: none;
	}
	.main-menu-wrapper .nav-menu .menu > li:not(:last-child){
		padding-right: 20px;
		border-right: 1px solid #B4B4B480;
	}
	.main-menu-wrapper .nav-menu .menu:after{
		content: "...";
		position: relative;
		display: inline-block;
		font-weight: 500;
		font-size: 24px;
		line-height: 3px;
		margin-top: -9px;
	}
	.main-menu-wrapper .nav-menu .menu li.orange a{
		color: #F15A22;
	}
	.main-menu-wrapper .nav-menu .menu li.kategorije{
		padding: 0 14px;
		background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
		border-radius: 4px;
		border-right: none;
	}
	body:not(.home) .main-menu-wrapper .nav-menu .menu li.kategorije + li{
		padding-left: 20px;
		border-left: 1px solid #B4B4B480;
	}
	.main-menu-wrapper .nav-menu .menu li.kategorije > a{
		color: white;
	}
	.main-menu-wrapper .nav-menu .menu li.kategorije > button svg path{
		stroke: white;
	}
	.main-menu-wrapper .nav-menu .menu li:hover > .sub-menu{
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		align-items: stretch;
		list-style: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 300px;
		width: fit-content;
		background: white;
		padding: 20px;
		border-radius: 4px;
		box-shadow: 0 1px 1px 0 #00000040;
	}
	.main-menu-wrapper .nav-menu .menu .sub-menu .submenu-toggle {
		transform: rotate(-90deg);
	}
	.main-menu-wrapper .nav-menu .menu > li:hover > .sub-menu .sub-menu{
		top: 0;
		left: 100%;
		transform: translateY(-30%);
	}
	#menu-hamburger{
		display: none;
	}
}
@media(max-width: 1200px){
	.main-header {
		padding: 25px 0 25px;
	}
	.main-header .container {
		grid-template-columns: minmax(0,45px) minmax(120px,min(170px, 12%)) minmax(0, 1fr) minmax(0, min(30%,250px));
		column-gap: 30px;
	}
	.main-header .main-menu-wrapper {
		grid-column: span 1;
		order: -1;
		overflow: hidden;
	}
	.main-menu-wrapper:before {
		display: none;
	}
	.main-menu-wrapper{
		position: unset;
	}
	.main-header .main-menu-wrapper .nav-menu{
		position: absolute;
		top: 100%;
		left: -9999px;
		transition: all ease 0.2s;
	}
	.main-header .main-menu-wrapper.visible .nav-menu{
		left: 0;
		background: linear-gradient(0deg, #FC8606 -8.45%, #F15A22 100%);
		width: min(100%, 480px);
		padding: 30px 20px 60px;
		box-shadow: 0 1px 1px 0 #00000040;
		z-index: 100;
		height: calc(100vh - 167px);
		overflow-y: auto;
	}
	.main-menu-wrapper .nav-menu .menu{
		flex-flow: column nowrap;
		align-items: start;
		padding: 0;
	}
	.main-menu-wrapper .nav-menu .menu li {
		width: 100%;
		position: relative;
		display: flex;
		flex-flow: row wrap;
	}
	.main-menu-wrapper .nav-menu .menu li:not(:last-child),
	.main-menu-wrapper .nav-menu .menu .sub-menu li:not(:last-child){
		padding-bottom: 15px;
		border-bottom: 1px solid #FFFFFF;
		margin-bottom: 15px;
	}
	.main-menu-wrapper .nav-menu .menu li.mobile-hidden{
		display: none;
	}
	.main-menu-wrapper .nav-menu .menu li > a,
	.main-menu-wrapper .nav-menu .menu .sub-menu li > a{
		font-weight: 500;
		font-size: 16px;
		line-height: 1.25;
		color: white;
		padding: 6px 0;
	}
	.main-menu-wrapper .nav-menu .menu li.active > .sub-menu{
		position: relative !important;
		inset: 0 !important;
		transform: none !important;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		align-items: stretch;
		list-style: none;
		min-width: 0;
		width: 100%;
		background:transparent;
		padding: 20px 0 10px;
		border-radius: 0;
		box-shadow: none;
	}
	.main-menu-wrapper .nav-menu .menu li.active > .sub-menu > li > a:before{
		content: '';
		display: inline-block;
		background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.554688 0.503906L5.55469 6.00391L0.554688 11.5039' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		width: 8px;
		height: 15px;
		margin-right: 10px;
	}
	.submenu-toggle svg path{
		stroke: white;
	}
	#menu-hamburger{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
	}
	#menu-hamburger .left,
	#menu-hamburger .mid,
	#menu-hamburger .right {
		transition: all ease-out 0.3s;
		transform-box: fill-box;
		transform-origin: center;
	}
	.main-menu-wrapper.visible #menu-hamburger .mid {
		opacity: 0;
	}
	.main-menu-wrapper.visible #menu-hamburger .left {
		transform: translateY(5px) rotate(45deg);
	}
	.main-menu-wrapper.visible #menu-hamburger .right {
		transform: translateY(-5px) rotate(-45deg);
	}
	.user-menu li svg, .wc-block-mini-cart__button .wc-block-mini-cart__icon{
		height: 26px;
	}
}

@media(max-width: 990px){
	.preheader .container{
		grid-template-columns: minmax(0, 35%) minmax(0, 50%) minmax(0, 35%);
	}
	.header-info ul li a svg{
		display: none;
	}
	.header-info ul li a, .header-info ul li, .preheader .nav-menu ul li a {
		column-gap: 10px;
		font-size: 12px;
	}
	.main-header{
		padding: 12px 0;
	}
	.main-header .container {
		grid-template-columns: minmax(0,45px) minmax(0, 120px) minmax(160px, 1fr);
		column-gap: 20px;
		row-gap: 15px;
	}
	.search_field{
		order: 5;
		grid-column: 1 / -1;
	}
	.user-menu {
		justify-content: end;
	}
	.aws-container {
		max-width: 100%;
	}
}
@media(max-width: 767px){
	.preheader .container{
		grid-template-columns: minmax(0,1fr);
	}
	.header-info-wrapper,
	.preheader .nav-menu{
		display: none;
	}
	.msg-text,
	.splide__slide--clone .msg-text{
		font-size: 12px !important;
		text-align: left;
	}
	.user-menu li > span, .user-menu li > a > span:not(.wishlist_products_counter_number){
		display: none;
	}
	.user-menu li{
		width: 45px !important;
		height: 45px !important;
		border: 1px solid #FC8606;
		border-radius: 50%;
		justify-content: center;
	}
	.user-menu li:last-child,
	.user-menu-wishlist{
		padding-right: 0;
	}
	.user-menu li svg, .wc-block-mini-cart__button .wc-block-mini-cart__icon{
		height: 20px !important;
	}
	.wishlist_products_counter:not(:has(.wishlist_products_counter_number:empty)) .wishlist_products_counter_number,
	.wc-block-mini-cart__badge {
		width: 18px;
		height: 18px;
		font-size: 10px;
		transform: translateY(-2px);
	}
}


/*
 *  Footer Sajta
 */

.site-footer section{
	background: #3C3C3C;
}
.main-footer{
	padding: 80px 0;
}
.main-footer .container{
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-template-rows: auto;
	column-gap: 5%;
	row-gap: 20px;
	align-items: start;
}
.main-footer .menu-item:not(:last-child){
	margin-bottom: 15px;
}
.main-footer .menu-item a{
	color: #FFFFFF80;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
}
.main-footer .menu-item.white a{
	color: white;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
.wp-block-social-links{
	column-gap: 30px;
	margin-top: 20px;
}
.wp-block-social-links .wp-social-link svg{
	width: 29px;
	height: auto;
}
.main-footer .wp-block-social-links .wp-block-social-link.wp-social-link{
	background: transparent;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor{
	padding: 0;
}
.footer-col .widget > p{
	margin: 0 0 14px;
	color: white;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
}
.info-footer{
	padding: 35px 0;
	border-style: solid;
	border-color: #D9D9D933;
	border-width: 1px 0;
}
.info-footer img,
.info-footer svg{
	width: 100%;
	height: auto;
}
.info-footer .container{
	display: grid;
	grid-template-columns: minmax(0, 12%) minmax(0,1fr) minmax(0,12%);
	grid-template-rows: auto;
	align-items: center;
	column-gap: 20px;
}
.footer-cards{
	padding: 10px 15px;
	background: white;
	border-radius: 4px;
	justify-self: center;

	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	column-gap: 15px;
	row-gap: 10px;
}
.footer-cards img{
	height: 30px;
	width: auto;
}
.copyrights{
	padding: 14px 0 20px;
}
.copyrights .container{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.copyrights p{
	margin: 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 1;
	color: white;
}
@media(max-width: 1024px){
	.info-footer .container{
		grid-template-columns: minmax(0, 150px) minmax(0,1fr) minmax(0,150px);
	}
	.footer-cards{
		flex-wrap: wrap;
		max-width: 400px;
	}
	.main-footer .container{
		column-gap: 15px;
	}
	.wp-block-social-links{
		column-gap: 20px;
	}
}
@media(max-width: 767px){
	.main-footer{
		padding: 50px 0;
	}
	.main-footer .container{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0;
	}
	.footer-col.collapsable{
		padding: 15px 0;
		border-bottom: 1px solid #FFFFFF4D;
	}
	.footer-col.collapsable .widget_nav_menu{
		opacity: 0;
		visibility: hidden;
		height: 0;
		transform: translateY(-10px);
		transition: height 0.3s ease, transform 0.3s ease;
	}
	.footer-col.collapsable.open .widget_nav_menu{
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		height: auto;
		padding: 14px 0 10px;
	}
	.footer-col.collapsable .widget_text:first-child > p{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		column-gap: 10px;
		margin: 0;
	}
	.footer-col.collapsable .widget_text:first-child > p:after{
		content: '';
		display: block;
		width: 8px;
		height: 12px;
		background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707031L5.70703 5.70703L0.707031 10.707' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.3s ease;
	}
	.footer-col.collapsable.open .widget_text:first-child > p:after{
		transform: rotate(90deg);
	}

	.footer-col:not(.collapsable){
		margin-top: 60px;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.main-footer .footer-col:not(.collapsable) .menu-item,
	.main-footer .footer-col:not(.collapsable) .menu-item a{
		text-align: center;
	}
	.info-footer {
		padding: 0 0 20px;
		border: none;
	}
	.info-footer .container {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 20px;
	}
	.footer-logo{
		max-width: 150px;
		justify-self: center;
		margin-bottom: 20px;
	}
	.footer-cards {
		padding: 15px 15px;
		column-gap: 10px;
		row-gap: 8px;
	}
	.footer-cards img {
		height: 28px;
		width: auto;
	}
	.click-collect{
		display: block;
		padding: 20px;
		border-radius: 4px;
		background: #353333;
		text-align: center;
		order: -1;
	}
	.click-collect img{
		max-width: 170px;
	}
	.copyrights {
		padding: 0 0 20px;
	}
	.copyrights .container {
		flex-flow: column nowrap;
		justify-content: start;
		align-items: center;
	}
	.copyrights .container p{
		text-align: center;
	}
	.copyrights .container p:first-child{
		width: 100%;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #FFFFFF4D;
	}
}




/*
 *   Kartica proizvoda
 */

li.product{
	background: white;
	display: flex;
	flex-flow: column nowrap;
	border-radius: 4px;
	overflow: hidden;
}
.product-thumbnail-flip{
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
}
.woocommerce ul.products li.product a img,
.attachment-woocommerce_thumbnail,
.flip-thumbnail,
.woocommerce-placeholder{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	object-fit: cover;
}
.flip-thumbnail{
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s ease;
}
ul .product:hover .flip-thumbnail{
	transform: scale(1.05);
	z-index: 5;
	opacity: 1;
}

li.product .product-info-wrapper{
	--padding-inline: 20px;
	position: relative;
	padding: 35px var(--padding-inline) 35px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: center;
	flex-grow: 1;
}
.product-info-wrapper .woocommerce-LoopProduct-link{
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: center;
}
.woocommerce-loop-product__title{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	min-height: 2.4em;
	text-align: center;
	color: #3C3C3C;
	margin-bottom: 30px;
}
li.product .price{
	display: flex;
	flex-flow: column nowrap;
	justify-content: end;
	align-items: center;
	margin-top: auto;
	min-height: 40px;
}
.price-info-wrapper{
	order: -1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	column-gap: 7px;
	margin-bottom: 20px;
}
li.product .price-info-wrapper span.onsale{
	background: #F12225;
	color: #fff;
	font-size: 12px;
	padding: 4px 8px;
	display: block;
	border-radius: 5px;
	font-weight: 500;
}
li.product .price .amount{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #333;
}
li .woocommerce-Price-currencySymbol{
	color: inherit;
}
li.product .price ins,
li.product .price del{
	text-decoration: none;
}
li.product .price ins > .amount{
	color: #F12225;
}
li.product .price del .amount{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	text-decoration: line-through;
	color: #8D8D8D;
}
li.product .usteda-cena{
	font-weight: 400;
	font-size: 10px;
	line-height: 1.2;
	color: #F12225;
	display: flex;
}
li.product .usteda-cena .amount{
	font-weight: 700;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
.product-info-wrapper .add_to_cart_button,
.product-info-wrapper .button{
	width: 100%;
	max-width: calc(100% - 2* var(--padding-inline));
	background: linear-gradient(0deg, #FC8606 -8.45%, #F15A22 100%);
	text-align: center;
	padding: 13px;
	border-radius: 60px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	color: white;
	position: absolute;
	top: auto;
	bottom: 35px;
	left: var(--padding-inline);
	right: var(--padding-inline);
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.2s ease;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
}

.added_to_cart.wc-forward{
	display: none;
}

li.product:hover .product-info-wrapper .add_to_cart_button,
li.product:hover .product-info-wrapper .button{
	visibility: visible;
	opacity: 1;
	z-index: 20;
}
.woocommerce-loop-product__link{
	position: relative;
}
.woocommerce-loop-product__link .product-stickers{
	position: absolute;
	inset: 10px auto auto 10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	align-items: start;
	gap: 4px;
	z-index: 5;
	max-width: calc(100% - 20px);
}
.woocommerce-loop-product__link .product-stickers > span{
	padding: 4px 11px;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}
.woocommerce-loop-product__link .product-stickers > span.onsale{
	background: #F12225;
	color: #fff;
}

@media(max-width: 767px){
	li.product .product-info-wrapper{
		--padding-inline: 12px;
		padding: 12px var(--padding-inline);
	}
	.woocommerce-loop-product__title{
		font-size: 16px;
		margin-bottom: 20px;
	}
	li.product .price{
		display: flex;
		flex-flow: column nowrap;
		justify-content: end;
		align-items: center;
		margin-top: auto;
		min-height: 40px;
	}
	.price-info-wrapper{
		margin-bottom: 10px;
	}
	li.product .usteda-cena{
		flex-flow: column nowrap;
	}
	li.product .price .amount{
		font-size: 16px;
	}
	.product-info-wrapper .add_to_cart_button,
	.product-info-wrapper .button{
		text-align: center;
		max-width: 100%;
		padding: 12px 6px;
		font-size: 12px;
		position: relative;
		inset: auto;
		visibility: visible;
		opacity: 1;
		z-index: 5;
		margin-top: 10px;
	}
	.product-info-wrapper .add_to_cart_button svg,
	.product-info-wrapper .button svg{
		width: 18px;
		height: 18px;
	}
	#cat-carousel, #blog-slider{
		margin-right: -15px;
		width: calc(100% + 15px);
	}

	.woocommerce-loop-product__link .product-stickers{
		inset: 5px auto auto 5px;
		max-width: calc(100% - 10px);
	}
	.woocommerce-loop-product__link .product-stickers > span{
		padding: 3px 8px;
		font-size: 10px;
	}
}

ul.products:not(.splide__list) {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-template-rows: auto;
	column-gap: 20px;
	row-gap: 20px;
}

.splide{
	position: relative;
}
.site-main .splide__pagination{
	position: relative;
	inset: 0;
	margin-top: 35px;
	padding: 0;
	column-gap: 6px;
}
.site-main .splide__pagination li{
	border-radius: 50%;
	border: 1px solid transparent;
	width: 14px;
	height: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	line-height: 0;
}
.splide__pagination li:has(.is-active){
	border: 1px solid #3C3C3C80;
}
.splide__pagination .splide__pagination__page{
	margin: 0;
	width: 8px;
	height: 8px;
	opacity: 1;
}
.splide__pagination .splide__pagination__page.is-active{
	transform: none;
	background: #3C3C3C80;
}

@media(max-width: 767px){
	.site-main .splide__pagination{
		margin-top: 20px;
	}
}


body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
	box-shadow: inset 0 0 0 1px #fff,0 0 0 2px #F12225;
}



/*   Preostali iznos za besplatnu dostavu   */

.free-shipping{
	display: block;
	margin-bottom: 20px;
	padding: 16px 20px 20px;
	background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
}
.wc-block-mini-cart__template-part .free-shipping{
	margin-bottom: 0;
}
.free-shipping .line{
	position: relative;
	display: block;
	height: 10px;
	background: #FF9269;
	border-radius: 0;
	margin-bottom: 13px;
}
.free-shipping .line .filling{
	position: relative;
	height: 8px;
	border-radius: 2px;
	background-color: #FFFFFF;
}
.free-shipping .tekst{
	display: inline-block;
	text-align: center;
	width: 100%;
	color: white;
	font-size: 14px;
}
.free-shipping .tekst strong{
	white-space: nowrap;
	font-weight: 600;
}
.free-shipping .tekst a{
	text-decoration: underline;
	text-underline-offset: 3px;
	margin: 0 20px;
	color: white;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 14px;
}
.wc-block-mini-cart__template-part .free-shipping .tekst a{
	display: block;
}
.free-shipping .tekst img{
	display: inline-block;
	width: 30px;
	height: auto;
	vertical-align: center;
	margin-right: 4px;
}
@media(max-width:767px){
	.free-shipping{
		padding: 15px 10px;
	}
	.free-shipping .tekst a{
		display: block;
	}
}



/*   Mini Cart   */
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus{
	box-shadow: none;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
	color: #F15A22;
}
.wc-block-mini-cart__footer-actions a{
	padding: 15px;
	border-radius: 60px;
}
.wc-block-mini-cart__footer-actions a .wc-block-components-button__text{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
}
.wp-block-woocommerce-mini-cart-checkout-button-block{
	background: linear-gradient(180deg, #FC8606 -8.45%, #F15A22 100%);
}


/* Woocommerce notices */
.woocommerce-notices-wrapper:not(:empty) {
	margin-bottom: 20px;
}
.woocommerce-message, .woocommerce-error,
.woocommerce-info, .woocommerce-warning {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px;
	border-radius: 20px;
	background: var(--color-background);
	color: #3C3C3C;
	outline: none;
	row-gap: 10px;
}
.woocommerce-error {
	list-style-type: none;
	border: 1px solid #F12225;
}
.woocommerce-message {
	border: 1px solid #52D423;
}
.woocommerce-info {
	border: 1px solid #3172FF;
}
.woocommerce-warning {
	border: 1px solid #F05A22;
}
.woocommerce-message a, .woocommerce-info a, .woocommerce-warning a {
	color: #F05A22;
}
.woocommerce-error a{
	color: #F12225;
}



/*
 *      Latest posts
 */
article.post{
	border-radius: 4px;
	background: white;
	overflow: hidden;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: stretch;
}
article.post img{
	width: 100%;
	height: auto;
	aspect-ratio: 1.74;
	object-fit: cover;
}
.post-card-content{
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: start;
	padding: 30px 30px 24px;
}
.post-card-title a{
	max-width: 320px;
	display: block;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.3;
	min-height: 2.6em;
	color: #3C3C3C;
	margin-bottom: 10px;
}
.post-card-meta{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.21;
	color: #3C3C3C;
	margin-bottom: 16px;
}
.post-card-author span{
	font-weight: 600;
	color: #F12225;
}
.post-card-meta-separator{
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.post-card-date{
	white-space: nowrap;
	text-transform: capitalize;
}
.post-card-excerpt{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.18;
	color: #3C3C3C;
	margin-bottom: 35px;
}
.post-read-more{
	display: block;
	width: 100%;
	margin-top: auto;
	padding-top: 20px;
	border-top: 1px solid #3C3C3C4D;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.18;
	color: #3C3C3C;
}
.post-read-more:hover{
	color: #F12225;
}

@media(max-width: 767px){
	.post-card-content{
		padding: 20px 10px 16px;
	}
	.post-card-title a{
		font-size: 18px;
	}
	.post-card-meta{
		font-size: 12px;
		margin-bottom: 10px;
	}
	.post-card-excerpt{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.post-read-more{
		padding-top: 16px;
		font-size: 14px;
		color: #F12225;
	}
}


.menu-brojevi-telefona-container{
	position: absolute;
	top: 100%;
	left: 0;
	padding-top: 5px;
	z-index: 100;
	display: none;
}
#kontakt-telefoni {
	cursor: pointer;
}
#menu-brojevi-telefona{
	flex-flow: column nowrap;
	row-gap: 10px;
	background: white;
	border-radius: 4px;
	padding: 15px;
	align-items: start;
	box-shadow: 0 1px 1px 0 #00000040;
}
.header-info #menu-brojevi-telefona li{
	display: block;
	text-align: left;
	padding: 0;
}
.header-info #menu-brojevi-telefona li a{
	display: block;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.21;
	color: #3C3C3C;
	text-align: left;
}
.free-shipping .fs-only-reached { display: none; }
.free-shipping.is-reached .fs-only-reached { display: inline; }
.free-shipping.is-reached .fs-only-remaining { display: none; }

.woocommerce-cart .free-shipping.is-empty { display: none; }