/**
 *  Main theme CSS
 */

/* GENERAL CSS */
body {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 1.2;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
}

h1 {
	font-size: 36px;
	line-height: 1;
}
@media (min-width: 768px) {
	h1 {
		font-size: calc(1rem + 2vw);
	}
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}

p {
	margin-bottom: 15px;
}

p + ul {
	margin-top: -15px;
}

a {
	text-decoration: none;
	color: #c1a687;
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover,
a:focus {
	color: #3b3e4d;
}

img {
	max-width: 100%;
	height: auto;
}

select {
	appearance: none;
	padding: 10px 30px 10px 10px;
	background-image: url('../images/arrow_down.svg');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 96% 50%;
	border-radius: 5px;
	line-height: 1;
	font-size: 14px;
}
button {
	background: #000;
	border: 0 none;
	color: #fff;
	border-radius: 10px;
  	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}
button:hover,
button:focus {
	background: #c1a687;
	color: #000;
}

/* Buttons */
.btn {
	display: inline-block;
	position: relative;
    background: transparent;
	border: 1px solid #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
    color: #000;
	padding: 10px 32px;

    -webkit-box-shadow: 0 3px 5px 0 rgba(90,21,21,.16),0 17px 30px 0 rgba(0,0,0,.1),inset 0 2px 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(90,21,21,.16),0 17px 30px 0 rgba(0,0,0,.1),inset 0 2px 0 0 rgba(255,255,255,.1);
    box-shadow: 0 3px 5px 0 rgba(90,21,21,.16),0 17px 30px 0 rgba(0,0,0,.1),inset 0 2px 0 0 rgba(255,255,255,.1);

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn:hover,
.btn:focus {
	color: #fff;
	background: #000;
	border-color: #000;
}

.btn-green {
	color: #000;
	background: #c1a687;
	border-color: #c1a687;
}
.btn-green:hover,
.btn-green:focus {
	color: #fff;
	background: #000;
	border-color: #000;
}

/* main container wrapper */
.container-wrapper {
	padding: 0 15px;
}
@media (min-width: 768px) {
	.container-wrapper {
		padding: 0 20px;
	}
}
@media (min-width: 992px) {
	.container-wrapper {
		padding: 0 30px;
	}
}
@media (min-width: 1200px) {
	.container-wrapper {
		padding: 0 50px;
	}
}
/*@media (min-width: 1921px) {
	.container-wrapper {
		width: 1480px;
		padding: 0;
		margin: 0 auto;
	}
}*/

/* BG IMAGE responsive */
.image-cover {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-bottom: 66.66666%;
	-webkit-transition: transform 0.35s ease;
	-moz-transition: transform 0.35s ease;
	-o-transition: transform 0.35s ease;
	transition: transform 0.35s ease;
}

/* block Social icons */
.wp-block-social-link {
	border-radius: 8px;
}
.wp-block-social-link:hover {
	transform: none;
}
.wp-block-social-links .wp-social-link a {
	padding: 4px;
}
.wp-block-social-links .wp-social-link svg {
	width: 32px;
	height: 32px;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
	background: #000;
}
.hamburger-menu .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
	background: #fff;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.hamburger-menu .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook:hover {
	background: #c1a687;
}
.hamburger-menu .wp-block-social-links .wp-social-link-facebook svg path {
	fill: #000;
}

/* HEADER */
.header {
	margin-bottom: 30px;
}

/* topbar */
.topbar {
	background: #000;
	/*padding: 15px 15px;*/
	padding-top: 15px;
	padding-bottom: 15px;
}
.topbar-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #fff;
}
.topbar a {
	color: #fff;
}
.topbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 1200px) {
	.topbar-element .contact ul {
		display: flex;
	}
	.topbar-element .contact ul li:first-child {
		padding-right: 20px;
	}
	.topbar-element .contact ul li:first-child:after {
		content: "/";
		padding-left: 20px;
	}
}

/* header main */
.header-main {
	padding-top: 5px;
}
.header-main-container {
	display: flex;
	align-items: center;
}
.header-main-container .left-side {
	display: flex;
	align-items: center;
	gap: 15px;
}
.hambi-with-logo {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.header-logo {
	flex-grow: 1;
}
.header-logo a,
.header-logo img {
	display: block;
}
.header-logo img {
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	filter: grayscale(100%) brightness(0%);
}
@media (min-width: 400px) {
	.header-logo img {
		height: 50px;
	}
}
@media (min-width: 576px) {
	.header-main-container {
		justify-content: space-between;
	}
	.hambi-with-logo {
		gap: 20px;
		flex-grow: 0;
	}
	.header-logo {
		flex-grow: 0;
	}
}
@media (min-width: 768px) {
	.header-main {
		padding-top: 15px;
	}
}

/* Minicart - icon link */
ul.header-cart {
	position: relative;
	list-style: none;
	margin: 0;
	padding-left: 0;
	margin-left: auto;
}
.header-cart .icon {
	float: left;
}
.header-cart .icon a {
	display: flex;
	padding: 10px;
	color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.header-cart .icon a {
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.header-cart .icon a span {
	font-size: 36px;
}
.header-cart .user-account a {
	color: #000;
	background: #DCDCDC;
}
.header-cart .user-account a:hover,
.header-cart .user-account a:focus {
	background: #c1a687;
}
.header-cart .cart-link a {
	position: relative;
	background: #000;
}
.header-cart .cart-link a:hover,
.header-cart .cart-link a:focus {
	color: #000;
	background: #c1a687;
}
.header-cart .cart-link .count {
	position: absolute;
	top: -8px;
	right: -8px;
	display: block;
	background: #000;
	color: #fff;
	width: 26px;
	height: 26px;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.site-header-cart .cart-link {
	padding: 10px 0;
}
@media (min-width: 768px) {
	ul.header-cart {
		padding-left: 100px;
	}
	.header-cart .icon a {
		padding: 12px;
	}
}

/* Minicart - dropdown content */
.site-header-cart .widget_shopping_cart {
	display: none;
	background: #000;
	color: #fff;
	border-radius: 10px;
}
.woocommerce-mini-cart__empty-message {
	margin: 0;
	padding: 10px;
}
.site-header-cart .widget_shopping_cart .product_list_widget {
	display: block;
}
.site-header-cart .widget_shopping_cart .product_list_widget li {
	padding: 15px 15px;
}
.site-header-cart .widget_shopping_cart .product_list_widget img {
	float: right;
	max-width: 42px;
	margin: 0;
	border-radius: 5px;
}
.site-header-cart .widget_shopping_cart .product_list_widget a {
	color: #fff;
}
.site-header-cart .widget_shopping_cart .product_list_widget a:hover,
.site-header-cart .widget_shopping_cart .product_list_widget a:focus {
	color: #c1a687;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
	position: relative;
	float: left;
	font-size: 20px;
	line-height: 18px;
	width: 16px;
	height: 16px;
	background: #737781;
	color: #000 !important;
	margin-right: 8px;
}
.site-header-cart .widget_shopping_cart p.total {
	border-top: 0px solid #666;
}
.site-header-cart .widget_shopping_cart p.total,
.site-header-cart .widget_shopping_cart p.buttons {
	text-align: center;
	padding: 15px 15px;
	margin: 0;
}
.site-header-cart .widget_shopping_cart p.buttons a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0;
}
.site-header-cart .widget_shopping_cart .buttons a:first-child {
	background: #c1a687;
	color: #000;
}
.site-header-cart .widget_shopping_cart .buttons a:first-child:hover {
	background: #666;
}
.site-header-cart .widget_shopping_cart .buttons .button:after {
	content: "\e941";
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    line-height: 1;
}
@media (min-width: 768px) {
	.site-header-cart .widget_shopping_cart {
		display: block;
	    position: absolute;
	    top: 100%;
	    width: 250px;
	    z-index: 999999;
	    font-size: .875em;
	    /*right: -999em;*/
	    right: 0;
	    visibility: hidden;
	    opacity: 0;
	  	-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.site-header-cart:hover .widget_shopping_cart {
        visibility: visible;
        opacity: 1;
	}
}

/* Spin lines animation */
.main-wrapper {
	position: relative;
	overflow: hidden;
}
.spin-lines-event {
	position: absolute;
	top: -20%;
	right: -55%;
	display: block;
	width: 100%;
	z-index: 0;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 30s linear infinite;
  -moz-animation: rotating 30s linear infinite;
  -ms-animation: rotating 30s linear infinite;
  -o-animation: rotating 30s linear infinite;
  animation: rotating 30s linear infinite;
}

/* breadcrumbs */
.breadcrumbs {
	padding: 10px 0;
	margin-bottom: 10px;
}
.breadcrumbs .woocommerce-breadcrumb {
	display: flex;
	margin: 0;
	font-size: 16px;
	line-height: 16px;
	color: inherit;
}
.breadcrumbs .woocommerce-breadcrumb a {
	color: #c1a687;
}
.woocommerce-breadcrumb .material-symbols-outlined {
	font-size: 16px;
}
@media (min-width: 768px) {
	.breadcrumbs {
		margin-bottom: 30px;
	}
}

/* Footer */
#footer {
	position: relative;
    padding: 40px 0;
    background: #fff;
	color: #333;
	border-top: 1px solid #efefef;
}
.footer h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer a {
    color: #000;
}
.footer a:hover,
.footer a:focus {
	color: #ebd3af;
}
.footer-logo img {
	height: 70px;
	margin-bottom: 40px;
	filter: grayscale(100%) brightness(0%);
}
.footer-1 a {
    font-size: calc(1rem + 1.5vw);
    font-weight: 400;
}
.footer-columns > div {
    margin-top: 4vw;
}
.footer-columns p, .footer-columns a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
.footer-2 h2 {
    font-size: calc(1.3rem + 2vw);
}
.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-copy {
	font-size: calc(0.4rem + 0.3vw);
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 5vw;
	display: flex;
	justify-content: space-between;
}
.footer-copy p {
	margin: 0;
}
@media (min-width: 768px) {
	#footer {
	    padding: 60px 0;
	}
	.footer-1 {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    border-bottom: 1px solid #000;
	    padding: 0 8vw 5vw 0;
	}
  	.footer-columns {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
  	}
  	.footer-columns h3 {
		font-size: calc(0.3rem + 0.5vw);
		margin-bottom: 20px;
  	}
    .footer-columns p,
    .footer-columns a {
        font-size: calc(0.4rem + 0.6vw);
    }
    .footer-columns .footer-2 {
        width: 45%;
    }
}
@media (min-width: 1200px) {
	#footer {
	    padding: 100px 0 60px;
	}
}

/* Page main content */
#main {
	position: relative;
}
.page #content {
	padding: 2vw 0;
}
.home.page #content {
	padding: 0;
}

/* Homepage */
/* Home headings */
.home .page-title {
	padding: 6vw 0;
}
.home .page-title h1 {
	font-size: calc(2rem + 4vw);
	text-transform: uppercase;
	margin: 0;
}
.home .main h2,
.home .widget-home-products h2 {
	font-size: calc(1rem + 5vw);
	line-height: 1;
	margin-bottom: 15px;
}
@media (min-width: 768px) {
	.home .main h2,
	.home .widget-home-products h2 {
		margin-bottom: 30px;
	}
}

/* Home intro slider */
.home-intro-slider {
	position: relative;
	background: url('../images/home-intro-bg.jpg');
	background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-intro-slider .static-bg-flowers img {
	position: absolute;
	height: 95%;
    top: 50%;
    transform: translateY(-50%);
}
.home-intro-slider .slider-container > div {
	position: relative;
}
.home-intro-slider .slider-container .slider-circle-bg {
	position: absolute;
	width: 100%;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-intro-slider .slider-container .slider-circle-bg img {
	max-height: 68%;
}
.home-intro-slider .slider-container .slider {
	position: relative;
	height: 100%;
}
.home-intro-slider .slider-container .slider .slick-list,
.home-intro-slider .slider-container .slider .slick-track {
	height: 100%;
}
.home-intro-slider .slider-container .slider .slide-item {
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-intro-slider .slider-container .slider .slide-item img {
	max-height: 320px;
}
.home-intro-slider .static-content {
	position: relative;
	font-size: calc(1rem + 1vw);
}
.home-intro-slider .static-content .inner {
	flex-grow: 1;
	padding: 0 8vw;
}
.home-intro-slider .static-content h1 {
	font-size: calc(1rem + 5vw);
	line-height: 1;
	font-weight: 800;
	margin: 0 0 5px;
	color: #000;
}
.home-intro-slider .static-content p {
	margin-bottom: 15px;
}
.home-intro-slider .static-content .inner p:last-child {
	margin-bottom: 0;
}
.home-intro-slider .intro-shop {color:#000; font-size:22px;padding: 0 20px;}
.home-intro-slider .intro-shop:hover {text-decoration:underline;}
@media (max-width: 575px) {
	.home-intro-slider {
		padding-top: 70px;
	}
	.home-intro-slider .static-content {
		text-align: center;
		padding-bottom: 30px;
	}
}
@media (min-width: 576px) {
	.home-intro-slider .slider-container {
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
	}
	.home-intro-slider .slider-container > div {
		width: 50%;
	}
	.home-intro-slider .static-content {
		display: flex;
		align-items: center;
		height: 100vh;
	}
	.home-intro-slider .slider-container .slider .slide-item img {
		max-height: 96%;
	}
}
@media (min-width: 992px) {
	.home-intro-slider .static-content p {
		margin-bottom: 20px;
	}
}

/* Home - Section Why Petriana */
.section-why-petriana .left-col {
	padding: 30px 20px 15px;
}
@media (min-width: 768px) {
	.section-why-petriana {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}
	.section-why-petriana .left-col {
		width: 60%;
		padding: 6vw;
	}
	.section-why-petriana .right-col {
		width: 40%;
	}
	.section-why-petriana .image-cover {
		padding-bottom: 149%;
	}
}

/* Home - widget Home products */
.widget-home-products {
	background: #000;
	color: #fff;
	padding: 40px 0;
}
.widget-home-products .widget_products {
	padding: 0 5px;
}
.widget-home-products .widget-title {
	text-align: center;
}
.widget-home-products .product_list_widget {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 30px;
}
.woocommerce ul.product_list_widget li {
	padding: 0;
}
.woocommerce ul.product_list_widget li img {
	float: none;
	margin: 0 0 15px;
	width: 100%;
	border-radius: 20px;
}
.product_list_widget .product-title {
	display: block;
	font-size: calc(1rem + 1.6vw);
	font-weight: 800;
	margin-bottom: 0;
}
.woocommerce ul.product_list_widget li .img-link {
	color: #fff;
}
.woocommerce ul.product_list_widget li .img-link:hover {
	color: #c1a687;
}
.woocommerce ul.product_list_widget li a.btn {
	display: inline-block;
}
.widget-home-products .woocommerce-Price-amount {
	display: block;
	margin-bottom: 10px;
}
.woocommerce ul.product_list_widget .short-desc {
	margin-top: 10px;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.home .widget-home-products h2 {
		margin-bottom: 30px;
	}
	.widget-home-products .product_list_widget li .btn {
		padding-left: 32px;
		padding-right: 32px;
	}
}
@media (min-width: 768px) {
	.widget-home-products {
		padding: 6vw 0;
	}
	.widget-home-products .widget_products {
		padding: 0 6vw;
	}
	.widget-home-products .product_list_widget {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 40px;
	}
	.woocommerce ul.product_list_widget li img {
		margin: 0 0 20px;
	}
	.widget-home-products .woocommerce-Price-amount {
		margin-bottom: 20px;
	}
}


/***********************************/
/* WOOCOMMERCE */
/***********************************/
.page-title {
	overflow: hidden;
}
.shop-heading .shop-heading-text .wrapper {
	position: relative;
	background: #c1a687;
	color: #000;
	padding: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.shop-heading .shop-heading-text .wrapper a {
	color: #000;
}
.shop-heading .shop-heading-text .wrapper .wp-block-columns {
	row-gap: 0;
}
.shop-heading .shop-heading-text .wrapper .wp-block-columns,
.shop-heading .shop-heading-text .wrapper p {
	margin-bottom: 0;
}
.shop-heading .shop-heading-text .wp-block-columns div:first-child {
	font-weight: 800;
}
.shop-subheading {
	font-weight: 800;
}
@media (max-width: 767px) {
	.shop-heading .shop-heading-text .wrapper {
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
}
@media (min-width: 768px) {
	.shop-heading {
		display: flex;
		align-items: center;
	}
	.shop-heading > div {
		width: 50%;
	}
	.shop-heading .shop-heading-text .wrapper:before {
		position: absolute;
		top: 0;
		right: -100%;
		content: "";
		background: #c1a687;
		width: 100%;
		height: 100%;
	}
}
@media (min-width: 992px) {
	.shop-heading .shop-heading-text,
	.shop-subheading {
		font-size: 24px;
	}
}

/* woocommerce-content (Shop, Category, Product) */
.woocommerce-content {
	padding: 20px 0 40px;
}
.single-product .woocommerce-content {
	padding-top: 0;
}
.post-type-archive-product .product-listing > .page-title {
	display: none;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	font-size: 16px;
	margin: 0 0 50px;
}
.archive .product-listing .page-title {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.woocommerce-content {
		padding: 40px 0 80px;
	}
	.archive .product-listing .page-title {
		margin-bottom: 40px;
	}
}

/* Shared layout for ul.products (Trgovina, Kategorija, Related products) */
.woocommerce .products ul,
.woocommerce ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    row-gap: 30px;
    margin: 0;
    padding: 0;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
	display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
ul.products li.product a.woocommerce-LoopProduct-link {
	display: block;
	color: #000;
}
@media (min-width: 768px) {
	.woocommerce .products ul,
	.woocommerce ul.products {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media (min-width: 992px) {
	.woocommerce .products ul,
	.woocommerce ul.products {
		column-gap: 40px;
	}
}
@media (min-width: 1600px) {
	.woocommerce .products ul,
	.woocommerce ul.products {
		column-gap: 60px;
	}
}


/* Gradient grey background */
/*ul.products li.product a.woocommerce-LoopProduct-link:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 100%);
    z-index: 11;
}*/

.woocommerce ul.products li.product a img {
	margin: 0 0 10px;
	border-radius: 20px;
	border: 1px solid #efefef;
}
.woocommerce ul.products li.product .event-date {
	margin-bottom: 5px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: calc(1rem + 0.6vw);
	line-height: 1.2;
	margin: 0 0 10px;
	padding: 0;
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:focus {
	color: #c1a687;
}
.woocommerce ul.products li.product .event-location {
	margin-bottom: 10px;
}
.woocommerce ul.products li.product .price {
    display: block;
    font-size: calc(1rem + 0.6vw);
    font-weight: 800;
	line-height: 1.2;
    color: #000;
    margin-bottom: 15px;
}
.woocommerce ul.products li.product .add_to_cart_button {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin: 0;
	background: #c1a687;
	color: #000;
	padding: 10px;
	border-radius: 10px;
}
.woocommerce ul.products li.product .add_to_cart_button:before {
	content: "\e854";
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    line-height: 1;
}
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .add_to_cart_button:focus {
	background: #000;
	color: #fff;
}
.woocommerce ul.products li.product .button:not(.add_to_cart_button) {
	display: block;
	margin-top: 0;
	border-radius: 10px;
	padding: 14px 15px;
	/*background: #ec5649;
	color: #fff;*/
	text-align: center;
}
/*.woocommerce ul.products li.product .button:not(.add_to_cart_button):hover {
	background: #e53935;
}*/
@media (min-width: 768px) {
	.woocommerce ul.products li.product a img {
		margin: 0 0 20px;
	}
}


/* Sidebar widget position */

.sidebar-container .widget {
	margin: 0 0 15px;
}
.sidebar .widget-title {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
.woocommerce-content .columns .sidebar-container {
	text-align: right;
}
@media (min-width: 768px) {
	.woocommerce-content .columns {
		display: flex;
	}
	.woocommerce-content .columns .product-listing {
		width: 75%;
	}
	.woocommerce-content .columns .sidebar-container {
		width: 25%;
	}
	.woocommerce-content .columns .sidebar-container .widget {
		padding-left: 4vw;
	}
}


/* Woocommerce Pagination */
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    margin: 5px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {

}
.woocommerce nav.woocommerce-pagination ul li {
	border: 0 none;
}
.woocommerce-pagination ul.page-numbers a.page-numbers {
    color: #222;
    padding: 12px;
    margin: 0px;
    background: #fff;
	border: 1px solid #e1e1e1;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ed1c24;
	border: 1px solid #e1e1e1;
    color: #fff;
    padding: 12px;
}
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers {
	font-size: 0;
	line-height: 0;
	padding: 10px;
}
a.next.page-numbers:before {
    font-family: "Material Icons";
    content: "\e409";
	font-size: 20px;
	line-height: 1;
}

/************************************
*** PRODUCT PAGE (WooCommerce)
************************************/

.single-product .product-container {
	/*width: 70%;
	margin: 0 auto;*/
}

/* Columns and widths */
.woocommerce div.product {
	overflow: hidden;
}
.woocommerce div.product div.images {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: 46%;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 50%;
	}
	.woocommerce div.product div.images {
		margin-bottom: 50px;
	}
}
@media (min-width: 1200px) {
	.woocommerce #content div.product .woocommerce-tabs,
	.woocommerce div.product .woocommerce-tabs,
	.woocommerce-page #content div.product .woocommerce-tabs,
	.woocommerce-page div.product .woocommerce-tabs {
		clear: none;
		float: right;
		width: 50%;
	}
}

/* Product title, rating, intro text, etc. */
.woocommerce div.product .product_title {
	margin-bottom: 8px;
}
.woocommerce div.product .product_meta > span {
	display: block;
}
.woocommerce .star-rating {
	color: #c1a687;
}
.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 0;
}
.woocommerce div.product .woocommerce-product-rating a {
	color: #000;
}
.woocommerce div.product .woocommerce-product-rating a:hover {
	color: #c1a687;
}
.woocommerce div.product p.price {
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin: 15px 0 25px;
}
.woocommerce div.product div.summary {
	margin-bottom: 50px;
}

/* Add to cart */
.woocommerce div.product form.cart {
	margin-top: 30px;
	margin-bottom: 0;
}
.woocommerce div.product form.cart .button {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 15px 45px;
	border-radius: 10px;
}
.woocommerce button.single_add_to_cart_button.alt {
	background-color: #000;
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.woocommerce button.single_add_to_cart_button.alt:hover,
.woocommerce button.single_add_to_cart_button.alt:focus {
	color: #000;
	background-color: #c1a687;
}
.woocommerce button.single_add_to_cart_button:before {
	content: "\e854";
	font-family: 'Material Symbols Outlined';
	margin-right: 6px;
}
.woocommerce .quantity .qty {
	height: 50px;
	border: 1px solid #E0E0E0;
	border-radius: 10px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled {
	background-color: #000;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover {
	background-color: #c1a687;
}

/* Woocommerce tabs */
.woocommerce-Tabs-panel > h2 {
	/*display: none;*/
}
@media (max-width: 767px) {
	.woocommerce-tabs {
		border-bottom: 1px solid #E0E0E0;
	}
}

/* Accordion for woocommerce tabs */
#accordion-container .accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: transparent;
	border-left: 0 none;
	border-right: 0 none;
}
#accordion-container .accordion-header h1 {
	font-size: 18px;
	font-weight: 800;
	color: #000;
	line-height: 1;
}
#accordion-container .accordion-header:after {
	content: "\e313";
	font-family: 'Material Symbols Outlined';
	font-size: 20px;
}
#accordion-container .accordion-header-icon {
	display: none;
}
#accordion-container .accordion-content {
	border: 0 none;
}
#accordion-container .accordion-content p {
	margin-bottom: 15px;
}
.yikes-custom-woo-tab-title {
	display: none;
}

/* Additional information - table shop attributes */
.woocommerce table.shop_attributes {
	border-top: 0;
}
.woocommerce table.shop_attributes th {
	padding-left: 0;
	text-align: left;
	font-weight: normal;
}
.woocommerce table.shop_attributes td {
	font-style: normal;
	text-align: right;
}

/* Main product description */
.single-product .product-description {
	float: right;
    clear: both;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.single-product .product-description h2 {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.single-product .product-description {
		margin-top: 0;
	}
}

/* Related products */
.related.products {
	clear: both;
    border-top: 1px solid #E0E0E0;
    padding-top: 30px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 40px;
	margin-bottom: 40px;
}
.related.products > h2 {
	margin-bottom: 20px;
}

/************************************
*** CART PAGE (WooCommerce)
************************************/

.woocommerce-cart .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, 
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header {
	font-size: 1em;
}
.wc-block-cart-item__image img {
	border-radius: 10px;
}
.wc-block-cart__submit-button {
	border-radius: 10px;
}
.woocommerce-cart a.wc-block-cart__submit-button {
	background: #000;
	color: #fff;
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.woocommerce-cart a.wc-block-cart__submit-button:after {
	content: "\e5cc";
    font-family: 'Material Symbols Outlined';
    font-size: 30px;
}
.woocommerce-cart a.wc-block-cart__submit-button:hover {
	background: #c1a687;
	color: #000;
}

.woocommerce div.product div.images img{
	border-radius: 20px;
}

/* Empty cart - New Products */
.wp-block-woocommerce-empty-cart-block .wp-block-separator + .wp-block-heading {
	margin-bottom: 30px;
}
.wc-block-product-new .wc-block-grid__product-image img {
	border-radius: 20px;
}
.wc-block-product-new .wc-block-grid__product .wc-block-grid__product-title {
	margin-bottom: 0;
}
.wc-block-product-new .wc-block-grid__product .wc-block-grid__product-price {
	font-weight: normal;
}
.wc-block-product-new .wc-block-grid__product-link {
	color: #000;
}
.wc-block-product-new .wc-block-grid__product-link:hover,
.wc-block-product-new .wc-block-grid__product-link:focus {
	color: #c1a687;
}
.wc-block-product-new .wc-block-grid__product-rating {
	display: none;
}
.wc-block-product-new .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	background: #000;
	padding: 15px 45px;
	border-radius: 10px;
	font-size: 16px;
}
.wc-block-product-new .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
	background: #c1a687;
}
.wc-block-product-new .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:before {
    content: "\e854";
    font-family: 'Material Symbols Outlined';
    margin-right: 6px;
}
@media (min-width: 601px) and (max-width: 991px) {
	.wc-block-product-new .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
		font-size: 0;
	}
	.wc-block-product-new .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:before {
		font-size: 20px;
		margin-right: 0;
	}
}
@media (min-width: 768px) {
	.wc-block-product-new .wc-block-grid__product {
		font-size: calc(1rem + 0.6vw) !important;
	}
}

/************************************
*** CHEKCOUT (WooCommerce)
************************************/
.woocommerce-checkout .post-title {
	margin-bottom: 30px;
}
.wc-block-components-order-summary-item__image img {
	border-radius: 5px;
}
.woocommerce form .form-row input,
.woocommerce form .form-row textarea {
	border: 1px solid hsla(0,0%,7%,.8);
	border-radius: 4px;
	padding: 8px 6px;
}
.select2-container--default .select2-selection--single {
	height: 39px;
	border: 1px solid hsla(0,0%,7%,.8);
	border-radius: 4px;
	padding: 5px 0;
}
.delivery-and-payment .woocommerce-additional-fields {
	margin: 30px 0;
}
.fooevents-attendee {
	margin-bottom: 30px;
}
.woocommerce-checkout #payment {
	background: #eee;
}
.woocommerce-checkout #payment div.payment_box {
	background: #ddd;
}
.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #ddd;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt {
	background-color: #000;
	border-radius: 10px;
	padding: 15px 30px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover {
	background-color: #c1a687;
	color: #000;
}

/* Seating chart */
#fooevents_seating_select_seats {
	background: #c1a687;
	color: #000;
	padding: 10px 20px;
	font-weight: 700;
}
#fooevents_seating_select_seats:hover {
	background: #000;
	color: #fff;
}
.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover {
	background: transparent;
}
.woocommerce-additional-fields .fooevents_seating_chart {
	background: #c1a687 !important;
	color: #000 !important;
}

/************************************
*** WooCommerce info block
************************************/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border: 1px solid #c1a687;
	border-radius: 10px;
}
.woocommerce-info::before {
	color: #c1a687;
}

/************************************
*** CusRev plugin
************************************/
.cr-all-reviews-shortcode .crstar-rating, 
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating, 
#reviews #comments .cr-summaryBox-wrap .crstar-rating {
	color: #c1a687;
}
.ivole-meter .ivole-meter-bar {
    background: #c1a687;
    background: -webkit-linear-gradient(top, #c1a687, #666);
    background: linear-gradient(to bottom, #c1a687, #666);
    background-color: #c1a687;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review, .cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review {
	background-color: #000;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover, 
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover {
	background-color: #c1a687;
	color: #000;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit {
	background-color: #000;
}
/* Fix reviews goes over product page when Product page has no related products - caused by float  */
.single-product .cr-all-reviews-shortcode {
	clear: both;
}

/************************************
*** Contact Form 7
************************************/
.wpcf7-form label {
	display: block;
}
.wpcf7-form input,
.wpcf7-form textarea {
	width: 100%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	padding: 12px 10px 8px;
	margin-top: 5px;
	font-weight: 300;
}
.wpcf7-not-valid-tip {
	font-size: 16px;
	margin-top: 4px;
}
.wpcf7-form .wpcf7-submit {
	font-weight: 700;
    color: #000;
    background: #c1a687;
    border-color: #c1a687;
    border-radius: 10px;
    width: auto;
    padding: 10px 40px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:focus {
	color: #fff;
	background: #000;
	border-color: #000;
}
.wpcf7 form .wpcf7-response-output {
	margin: 40px 0;
}

/* Google Map */
#map {
	height: 500px;
}

/* Page - About us (O nama) */
.page-template-page-about .breadcrumbs {
	display: none;
}
.page-about-us #content {
	padding: 0;
}
.page-about-us h1 {
	margin-bottom: 30px;
}
.page-about-us h2 {
	font-size: calc(1rem + 3vw);
	line-height: 1;
	margin-bottom: 30px;
}
.image-fit {
	position: relative;
	height: 100%;
}
.image-fit img {
	object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
}
.section-about-1 .left-col {
	padding: 40px 20px 40px 20px;
}
.section-about-2 .left-col {
	padding: 40px 20px 40px 20px;
}
.section-about-3 {
	background: #000;
	color: #fff;
	text-align: center;
	padding: calc(50px + 5vw) 20px;
}
@media (max-width: 767px) {
	.image-fit {
		padding-bottom: 70%;
	}
}
@media (min-width: 768px) {
	.page-template-page-about .header {
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	.section-about-1,
	.section-about-2 {
		display: flex;
	}
	.section-about-1 > div,
	.section-about-2 > div {
		width: 50%;
	}
	.section-about-1 .left-col {
		padding: calc(130px + 5vw) 4vw calc(100px + 5vw) 8vw;
	}
	.section-about-2 {
		flex-direction: row-reverse;
	}
	.section-about-2 .left-col {
		padding: calc(100px + 5vw) 8vw calc(100px + 5vw) 6vw;
	}
}

/* Page - default - Uvjeti koristenja, Pravila privatnosti */
@media (min-width: 1200px) {
	.page-id-3 .post-content .container-wrapper,
	.page-id-90 .post-content .container-wrapper {
		width: 60%;
		margin: 0 auto;
	}
}

/* Sticky header */
.header.sticky {
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
.header.sticky .header-main {
	padding-top: 0;
}

/* Animations */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(720deg);
    }
}
.rotate-image {
    animation: rotate 0.8s ease-in forwards; /* 2s duration, linear timing, infinite repeat */
}