/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/* Apply Montserrat site-wide */
body,
button,
input,
select,
textarea {
    font-family: 'Montserrat', sans-serif !important;
}

/* Optional: Adjust font size for global text */
body {
    font-size: 16px; /* or 1rem */
    line-height: 1.6;
}
a:focus, input:focus, textarea:focus, button:focus {
    outline: unset;
}
/*STOREFRONT*/
div#primary {
    display: flex;
}

main#main {
    width: 100%;
    padding: 20px;
}

@media (min-width: 768px) {
    .col-full {
        max-width: 100%;
        padding: unset;
    }
}
@media (min-width: 600px) {
    .hentry .entry-content .wp-block-columns .wp-block-column, .editor-styles-wrapper .wp-block-columns .wp-block-column {
        padding-right: unset;
    }
}

@media (max-width: 66.4989em) {
    .col-full {
        margin-left: unset;
        margin-right: unset;
    }
}
.hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child), .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child),
.hentry .entry-content .wp-block-columns .wp-block-column, .editor-styles-wrapper .wp-block-columns .wp-block-column{
    margin: unset;
}
.hentry .entry-content a {
	text-decoration: unset;
}
.hentry .entry-content a:hover {text-decoration: inherit;}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
	margin-bottom: unset;
}
.woocommerce ul.products:before {
    display: none;
}
.site-header {
	padding-top: unset;
	border-bottom: unset;
}
body.woocommerce-active .site-header .site-branding {
    max-width: 200px;
    width: 100%;
    margin: unset;
    float: unset;
}
.storefront-breadcrumb,
.storefront-sorting{
    display: none;
}

body .site-main ul.products li.product, 
body .site-main ul.products.columns-3 li.product, 
body .site-main ul.products.columns-4 li.product {
    /*width: unset !important;*/
    margin: unset !important;
}
.site-main .pocetna-proizvodi ul.products li.product {
    float: unset !important;
    width: calc(25% - 15px) !important;
}
/*SEARCH*/
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp, .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return{
    background: #18202e;
    box-shadow: unset;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-width: 1px;
}

html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-color: #fff;
    box-shadow: 0 0 0 1px #fff;
}

.dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-price.dgwt-wcas-has-sku.dgwt-wcas-has-headings.js-dgwt-wcas-initialized {
    border-top: 1px solid white;
    border-top-left-radius: 20px;
    margin-top: -1px;
}

body .dgwt-wcas-open-pirx-compact .dgwt-wcas-details-wrapp,
.dgwt-wcas-details-wrapp{
    border-top: 1px solid white;
	border-top-right-radius: 20px;
    margin-top: -1px !important;
}
.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp, .dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores .dgwt-wcas-suggestions-wrapp {border-radius: 0 0 0px 20px;}
.dgwt-wcas-open-pirx-compact .dgwt-wcas-details-wrapp {border-radius: 0 20px 20px 0;}
a.dgwt-wcas-suggestion.dgwt-wcas-suggestion-product.dgwt-wcas-suggestion-selected,
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
a.dgwt-wcas-details-post-title, a.dgwt-wcas-details-product-title {color: white;margin-bottom: 10px;}
.dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion, 
.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-details-wrapp,
body .dgwt-wcas-suggestion{
    border-right: unset;
}
body .dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path {
    fill: red;
}
.dgwt-wcas-details-main-image {
    padding-bottom: 15px;
}
.dgwt-wcas-st-breadcrumbs {
    font-size: 10px;
}

a.dgwt-wcas-suggestion.dgwt-wcas-suggestion-product small.woocommerce-price-suffix {
    display: none;
}

/*Search model*/
.product-parts-search{position:relative;max-width:350px;}
#product-parts-input{min-width: 300px;width:100%;padding: 14px 24px;border: 1px solid currentColor;border-radius: 45px;font-size:14px;}
#product-parts-results{position:absolute;top:100%;left:0;right:0;background:#fff;margin-top:2px;z-index:1000;}
.pps-results{list-style:none;margin:0;padding:0;}
.pps-results li{padding:8px 12px;border-bottom:1px solid #f0f0f0;}
.pps-results li:last-child{border-bottom:none;}
.pps-results li a{text-decoration:none;color:#333;display:block;}
.pps-results li:hover{background:#f9f9f9;}

div#product-parts-results ul {
    border: 1px solid currentColor;
    border-radius: 20px;
}
.pps-results li:nth-child(1) {
    border-radius: 20px 20px 0 0;
}
.pps-results li:nth-last-child(1) {
    border-radius: 0 0 20px 20px;
}
/*HEADER*/
header > div > .container {
    max-width: 100%;
    margin: 0 auto;
}
/* Header Top Bar */
.header-top-bar {
	display: none;
	background-color: #151C28;
	padding: 5px 20px;
	font-size: 12px;
}

.top-bar-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-text {
	color: #fff;
}

/* Header Main */
.header-main {
	padding: 10px 20px;
	background-color: #18202e;
}

.header-main-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

body .site-header .site-branding img {
	max-height: 60px;
	width: auto;
}

/* Search Form */
.header-search {
	flex: 1;
	max-width: 800px;
}

.search-form {
	display: flex;
	border: 2px solid #ddd;
	border-radius: 25px;
	overflow: hidden;
}

.search-field {
	flex: 1;
	padding: 12px 20px;
	border: none;
	outline: none;
	font-size: 14px;
}

.search-submit {
	background: #f36f21;
	color: white;
	border: none;
	padding: 12px 20px;
	cursor: pointer;
	border-radius: 0 25px 25px 0;
}

.main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
    background: #18202e;
}
/* Contact Info */
.header-contact {
	display: flex;
	align-items: center;
    gap: 10px;
}

.contact-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.contact-item i {
	color: #f36f21;
	font-size: 16px;
    transform: scaleX(-1);
}

.contact-details {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.contact-number {
	font-weight: bold;
	color: #fff;
	font-size: 13px;
}

/* Header Navigation */
.header-navigation {
	background-color: #18202e;
	color: white;
	padding: 0 20px;
}

.navigation-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}
body .main-navigation ul.menu>li>a, body .main-navigation ul.nav-menu>li>a{
    padding: 0.5em 1em;
}
/* Mobile Menu Toggle */
.mobile-menu-toggle {
	display: none;
	background: none;
	border: none;
	color: white;
	padding: 15px;
	cursor: pointer;
	align-items: center;
	gap: 10px;
}

.hamburger-lines span {
	display: block;
	height: 2px;
	width: 20px;
	background: white;
	margin: 3px 0;
}

/* Navigation Menu */
.main-navigation ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-navigation a {
	color: white;
	text-decoration: none;
	padding: 15px 20px;
	display: block;
	transition: background-color 0.3s;
}

.main-navigation a:hover {
	background-color: #555;
}

/* Account and Cart */
.header-account-cart {
	display: flex;
	align-items: center;
	gap: 20px;
}

.account-link,
.cart-contents {
	color: white;
	font-size: 18px;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 10px;
	transition: color 0.3s;
}

.account-link:hover,
.cart-contents:hover {
	color: #f36f21;
}

.cart-count {
	background: #f36f21;
	color: white;
	border-radius: 50%;
	padding: 2px 6px;
	font-size: 12px;
	min-width: 18px;
	text-align: center;
}

/* Cart Dropdown */
.header-cart {
	position: relative;
}

.cart-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	background: white;
	color: #333;
	min-width: 300px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	z-index: 1000;
	display: none;
}

.header-cart:hover .cart-dropdown {
	display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
	.top-bar-content {
		flex-direction: column;
		gap: 5px;
		text-align: center;
	}

	.header-main-content {
		flex-direction: column;
		gap: 15px;
	}

	.header-search {
		order: 3;
		margin: 0;
		max-width: 100%;
	}

	.mobile-menu-toggle {
		display: flex;
	}

	.main-navigation {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #333;
		z-index: 999;
	}

	.main-navigation ul {
		flex-direction: column;
	}

	.contact-details {
		text-align: center;
	}
}

ul.cat-checklist.product_parts-checklist {
    height: 420px !important;
}

.product-element-top.wd-quick-shop img {
    aspect-ratio: 1;
    object-fit: contain;
}

/*Blog*/
.wd-post-img img {
    aspect-ratio: 16/10;
    object-fit: cover;
}
/*.wd-entry-content {
    overflow: hidden;
    max-height: 100px;
    max-height: 132px;
    flex-grow: 1;
}*/
.blog-design-meta-image.blog-style-bg .wd-post-content {
    height: 300px;
    display: flex;
    flex-direction: column;
}
.blog-design-meta-image .wd-entities-title {	
    flex-grow: 1;
}



/*MENU*/

.wd-header-cats.wd-style-1 .menu-opener, .wd-dropdown-cats, body .wd-dropdown-cats .wd-nav-vertical, body .wd-dropdown-cats .wd-nav-vertical>li:first-child>a {
    border-radius: var(--wd-brd-radius);
}
.menu-fan-proizvodi ul.product_list_widget,
.menu-alati-proizvodi ul.product_list_widget{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}
.menu-fan-proizvodi .product_list_widget>li {
    flex: 1 1 calc(50% - 10px);
    border-bottom: unset;
    padding-bottom: unset;
}
.menu-alati-proizvodi .product_list_widget>li {
    flex: 1 1 calc(30% - 10px);
    border-bottom: unset;
    padding-bottom: unset;
}
ul#menu-glavni-meni-kategorije > li > a > img {
    filter: brightness(0);
    max-height: 24px;
}

ul#menu-glavni-meni-kategorije > li, .wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) {
	background-color: #F4F5FB;
}
/*FOOTER*/

footer a{color:white;}
footer a:hover{text-decoration:underline;color:white}


/*POCETNA*/
/*.pocetna-kat-glavne:before {
    content: '';
    position: absolute;
    top: 90px;
    left: 16px;
    width: 152px;
    height: 200px;
    background: url(/wp-content/uploads/2024/11/tackice-bg.webp);
    background-size: contain;
    z-index: 0;
}
.pocetna-kat-glavne:after {
    content: '';
    position: absolute;
    top: -50px;
    right: 16px;
    width: 490px;
    height: 511px;
    background: url(/wp-content/uploads/2024/11/testera-bg.webp);
    background-size: contain;
    z-index: 0;
}
.pocetna-kat-dr:before {
    content: '';
    position: absolute;
    top: -200px;
    left: 0px;
    width: 546px;
    height: 546px;
    background: url(/wp-content/uploads/2024/11/kosacica-bg.webp);
    background-size: contain;
    z-index: 0;
}

.pocetna-kat-tr:after {
    content: '';
    position: absolute;
    top: -80px;
    right: 16px;
    width: 152px;
    height: 200px;
    background: url(/wp-content/uploads/2024/11/tackice-bg.webp);
    background-size: contain;
    z-index: 0;
}*/

.mobile-gallery-slider {overflow: hidden;}

@media (max-width: 767px) {
  /* Make inner figures act like horizontal slides */
  .mobile-gallery-slider .wp-block-gallery-1 {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s ease;
  }

  .mobile-gallery-slider .wp-block-gallery-1 > figure {
    flex: 0 0 100%;
    margin: 0;
  }

  /* Ensure images scale nicely */
  .mobile-gallery-slider .wp-block-gallery-1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Optional: hide extra spacing added by WP gallery */
  .mobile-gallery-slider figure.wp-block-gallery {
    margin: 0;
  }
	
  .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    background: rgba(0,0,0,0.4);
    color: white;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    z-index: 10;
  }

  .slider-arrow.prev { left: 10px; }
  .slider-arrow.next { right: 10px; }
}

/* Hide arrows & keep static gallery on desktop */
@media (min-width: 768px) {
	.slider-arrow { display: none; }  
	
	.mobile-gallery-slider .wp-block-gallery-1 > figure {
        flex: 0 0 calc(50% - 15px);
		margin: 0;
	}
}
/* === PRODUCT CAROUSEL === */
#product-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 2rem 0;
}

#product-carousel .carousel-track {
  overflow: hidden;
}

#product-carousel .wp-block-gallery-products {
  display: flex;
  transition: transform 0.4s ease;
  will-change: transform;
  gap: 20px; 
}

/* Individual slides */
#product-carousel .wp-block-gallery-products figure {
  margin: 0;
  aspect-ratio: 1 / 1;
  flex: 0 0 calc((100% - (6 * 20px)) / 7);
}

#product-carousel .wp-block-gallery-products a {
  display: block;
  width: 100%;
  height: 100%;
}

#product-carousel .wp-block-gallery-products img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 4px;
  transition: transform 0.3s ease;
}

#product-carousel .wp-block-gallery-products img:hover {
  transform: scale(1.05);
}

/* --- RESPONSIVE BREAKPOINTS --- */

@media (max-width: 1399px) {
  #product-carousel .wp-block-gallery-products figure {
    flex: 0 0 calc((100% - (5 * 20px)) / 6);
  }
}
@media (max-width: 1199px) {
  #product-carousel .wp-block-gallery-products figure {
    flex: 0 0 calc((100% - (3 * 20px)) / 4);
  }
}
@media (max-width: 989px) {
  #product-carousel .wp-block-gallery-products figure {
    flex: 0 0 calc((100% - (1 * 20px)) / 2);
  }
}

/* --- NAVIGATION ARROWS --- */
#product-carousel .carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  border: none;
  font-size: 32px;
  padding: 4px 12px;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.3s ease;
}

#product-carousel .carousel-btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

#product-carousel .carousel-btn.prev {
  left: 10px;
}

#product-carousel .carousel-btn.next {
  right: 10px;
}

/* Optional: Hide arrows on very small screens if desired */
@media (max-width: 500px) {
  #product-carousel .carousel-btn {
    font-size: 24px;
    padding: 3px 8px;
  }
}

/*SLIDER END*/

.pocetna-hero-content {
    max-width: 650px;
}

.pocetna-pretraga .wp-block-group {
    padding: 40px;
	box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.1);

}
.dgwt-wcas-pd-addtc .add_to_cart_button {
    border-radius: 45px;
    color: white;
    background-color: #f37a1f;
    font-size: 14px;
    padding: 11px 20px;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
    border-radius: 45px;
}
.dgwt-wcas-pd-addtc-form {
    justify-content: space-between;
}
a.dgwt-wcas-details-more-products {
    background: #f37a1f;
    color: white;
    border-radius: 45px;
    border: unset;
    padding: 10px 20px;
}
.para-btn {
    background-color: white;
    padding: 8px 16px;
    border-radius: 10px;
}

.cascade-dropdown-item label {
    display: none;
}

.cascade-dropdown-container {
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.cascade-dropdown-item select {
    padding: 14px 24px;
    border-radius: 45px;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    min-width: 250px;
}

.cascade-dropdown-item select:focus-visible {
    outline: unset;
}

button#cascade-submit {
    padding: 14px 24px;
    min-width: 200px;
    border-radius: 35px;
    background: #f37a1f;
    color: white;
}

/*Kartice pocetna*/

.card-temp.card-temp-1, .card-temp.card-temp-1 a,
.card-temp.card-temp-3, .card-temp.card-temp-3 a  {
    height: 100%;
}
.product-card {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: #242424;
	background-color: white;
  background-image: var(--bg-image);
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  min-height: 300px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

.card-content {
  padding: 1.5rem 2rem;
  width: 100%;
}

.card-content h2 {
  font-size: 1.7rem;
  margin: 0 0 0.5rem;
	font-weight: 600;
}

.card-content .highlight {
  color: #f36f21;
}

.card-content p {
  font-size: 0.9rem;
  margin: 0 0 0.8rem;
  color: #444;
    max-width: 350px;
}

.hentry .entry-content .card-link {
	font-weight: bold;
	font-size: 13px;
	color: #242424;
	text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: #f36f21;
    text-decoration-thickness: 2px;
}

.poc-kat-2 .product-card {
    align-items: flex-end;
    background-position: top center;
    min-height: 220px;
}
.poc-kat-2 .card-temp-1 .card-content, .poc-kat-2 .card-temp-2 .card-content {
    text-align: center;
}

/*Hotspot image*/
.hotspot {position: relative;overflow:hidden;padding-inline: 20px;}
@media only screen and (min-width: 1025px){
	.hotspot:before, .hotspot:after {
		content: '';
		position: absolute;
		width: calc((100% - 1310px)/2);
		top: 0;
		left: 0;
		background-image: url(/wp-content/uploads/2025/09/testera-hotspot-cover.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100%;
		z-index: 2;
		border-radius: 10px;
	}
	.hotspot:after {
		left: unset;
		right: 0;
		background-image: url(/wp-content/uploads/2025/09/testera-hotspot-cover-1.webp);
	}
}
.hotspot p {max-width: 700px;}
.hot-container {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
}

.lg-container {
  max-width: 100%;
  position: relative;
  padding: 0;
}

.lg-image {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}
.lg-image.lg-image-gl {
    padding-top: 30px;
    padding-bottom: 20px;
}
.lg-hotspot {
  position: absolute;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.lg-hotspot:hover .lg-hotspot__button,
.lg-hotspot:active .lg-hotspot__button {
  border-color: #ff774c;
}

.lg-hotspot:hover .lg-hotspot__button:after,
.lg-hotspot:active .lg-hotspot__button:after {
  background-color: #ff774c;
}

.lg-hotspot--selected {
  z-index: 999;
}

.lg-hotspot--selected .lg-hotspot__label {
  opacity: 1;
}

.lg-hotspot__button {
  height: 48px;
  width: 48px;
  padding: 0px;
  border-radius: 100%;
  border: 1px solid #f36f21;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 999;
  animation: button-pulse 7s ease-in-out infinite;
  cursor: pointer;
  position: relative;
}

.lg-hotspot__button:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  content: "";
  display: block;
  height: 16.8px;
  width: 16.8px;
  border-radius: 100%;
  border: 3px solid white;
  background-color: #f36f21;
  transition: border-color 1s linear;
}

.lg-hotspot__label {
  position: absolute;
	display: flex;
    flex-direction: column;
    align-items: center;
  padding: 20px;
  width: 16em;
  max-width: 50vw;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 1.45em;
  z-index: -1;
  border-radius: 10px;
  user-select: none;
  opacity: 0;
  transition: all 0.3s linear;
}

.lg-hotspot__label h4 {
	margin: 15px 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.02em;
}
.lg-hotspot__label a {
	display: flex;
    padding: 10px 20px;
    background-color: #f36f21;
    color: white;
    border-radius: 45px;
}
.lg-hotspot__label a:hover {
    background-color: #f16800;
}
.lg-hotspot--top-left .lg-hotspot__label {
  top: -100px;
  left: 24px;
}

.lg-hotspot--top-right .lg-hotspot__label {
  top: -90px;
  right: 24px;
}

.lg-hotspot--bottom-right .lg-hotspot__label {
  right: 24px;
  bottom: -40px;
}

.lg-hotspot--bottom-left .lg-hotspot__label {
  bottom: -90px;
  left: 24px;
}

@keyframes button-pulse {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  40% {
    transform: scale(1.15, 1.15);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.hentry .entry-content a.card-link.text-center {
    text-decoration: underline;
    text-decoration-color: #f36f21;
    text-decoration-thickness: 2px;
}

small.woocommerce-price-suffix {
    color: #6d6d6d;
    font-weight: 400;
    font-size: 13px;
}

/*KATEGORIJE*/
.products.wd-products.wd-grid-g.elements-list,
.products.wd-products.wd-grid-g.grid-columns-1{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.wd-col.category-grid-item.wd-cat {
    flex-basis: calc(25% - 15px);
}
.products:not(.wd-img-width) .cat-design-alt img {
    aspect-ratio: 1;
    object-fit: contain;
}
.term-gotovi-uredjaji .products:not(.wd-img-width) .cat-design-alt img {
    aspect-ratio: 234 / 140;
    object-fit: cover;
}

ul.product-categories button {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 30px;
    background: unset;
    font-size: 16px;
    padding-inline: 11px;
    font-weight: 500;
}

li.cat-item.current-cat.wd-active > ul.children {
    display: block !important;
}
/*Blog pocetna*/
.pocetna-blog img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center;
    margin-bottom: unset !important;
    border-radius: 20px 20px 0 0;
    transition: all .3s;
}

.hentry .entry-content .wp-block-latest-posts.columns-4 li, .editor-styles-wrapper .wp-block-latest-posts.columns-4 lim {
    margin-right: unset;
    width: calc(25% - 15px);
}

.pocetna-blog.wp-block-latest-posts {
    gap: 20px;
}

.pocetna-blog li a {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

.pocetna-blog li:hover img {
    scale: 1.1;
}


.wp-block-latest-posts__featured-image a {
    width: 100%;
}

a.wp-block-latest-posts__post-title {
    font-size: 20px;
    font-weight: 500;
    color: #18202E;
    padding-inline: 20px;
    display: block;
}

.wp-block-latest-posts__post-excerpt {
    font-size: 13px;
    max-height: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px 10px;
}

.pocetna-blog li {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 4px;
}
/*STIHL PROIZVODI*/
.stihl-archive h1 {
    margin-top: 20px;
}

.stihl-hero .stihl-group {flex-basis: 1280px;}
.stihl-archive {
    padding: 80px 0;
}

.stihl-nav {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 20px;
}

.stihl-products .product, .taxonomy-children .child-term {
    width: calc(20% - 17px) !important;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.stihl-archive h4 {
    font-size: 18px;
    font-weight: 500;
    margin-block: unset;
}

.stihl-products h4 {
    font-size: 16px;
    font-weight: 500;
    margin-top: auto;
    margin-bottom: unset;
}

.stihl-products img {
    aspect-ratio: 1;
    object-fit: contain;
}

.stihl-products .product a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    align-content: center;
    justify-content: space-between;
}