/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

.hfe-post-image {
	height: 250px;
	overflow: hidden;
}
.flex-control-nav.flex-control-thumbs {
	gap: 10px;
	display: flex;
	margin-top: 10px !important;
}
.single-product #main {
  padding: 80px 0;
  max-width: 1240px;
}
.related.products {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 60px;
}
.hfe-product-item {
	position: relative;
	overflow: hidden;
}
.hfe-product-image {
	overflow: unset;
}
.hfe-product-image a {
	position: relative;
	z-index: 10;
	display: flex;
}
.hfe-product-image a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	content: '';
	z-index: 15;
}
.hfe-product-item::before {
	pointer-events: none;
	content: 'Pogledaj proizvod';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff6e;
	z-index: 25;
	transition: all 0.3s;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform: scale(1.05);
	backdrop-filter: blur(5px);
	border: 1px solid #ffffff3d;
	font-size: 20px;
	font-weight: 600;
	color: #605719;
}
.hfe-product-item:hover::before {
		opacity: 1;
	transform: scale(1);
}
.hfe-product-add-to-cart a {
  border-radius: 50px !important;
}
.elementor-widget-hfe-basic-posts .hfe-read-more {
  color: #fff;
  background: var( --e-global-color-accent );
  text-decoration: none;
  padding: 5px 15px;
  border-radius: 50px;
  margin-top: auto;
}
.hfe-post-title a,
.hfe-product-title .hfe-loop-product__link {
	text-decoration: none;
}
.cf7-inline-wrap {
    position: relative;
    display: block;
}

.cf7-inline-wrap .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Input – zauzima celu širinu, sa extra paddingom desno za dugme */
.cf7-inline-wrap input[type="text"],
.cf7-inline-wrap input[type="email"] {
    width: 100%;
    padding: 16px 70px 16px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
}

.cf7-inline-wrap input[type="submit"] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 44px;
    height: calc(100% - 12px);
    border: none;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

.cf7-inline-wrap input[type="submit"]:hover {
    opacity: 0.6;
}

/* Ukloni default CF7 <br> razmak ako postoji između polja */
.cf7-inline-wrap br {
    display: none;
}
.wpsf-product-img.wp-post-image {
	width: 100%;
	object-fit: cover;
}
.broj {
	width: 50px !important;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.site-404 .btn {
	background: #605719;
	color: #fff;
	margin-top: 30px !important;
	padding: 15px 25px !important;
	border-radius: 50px;
	display: table;
	transition: all 0.3s;
	margin: 0 auto;
}
.site-404 .btn:hover {
	background: #eeece3;
	color: #333;
}