@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//soho-zone.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.3") format("woff2");
}

:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #596960;
	--wd-text-font-size: 16px;
	--wd-title-font: Georgia, serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #172D29;
	--wd-entities-title-font: Georgia, serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #172D29;
	--wd-entities-title-color-hover: #173E34;
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #172D29;
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #173E34;
	--wd-alternative-color: #8C9C68;
	--btn-default-font-weight: 500;
	--btn-default-transform: none;
	--btn-default-bgcolor: #EEEEE5;
	--btn-default-bgcolor-hover: #FFFFFF;
	--btn-accented-font-weight: 500;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: #173E34;
	--btn-accented-bgcolor-hover: #285849;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #172D29;
	--wd-link-color-hover: #173E34;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #112C25;
	background-image: none;
}
.page .wd-page-content {
	background-color: #FAFAF7;
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: #FAFAF7;
	background-image: none;
}
.single-post .wd-page-content {
	background-color: #FAFAF7;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #17382D;
	--wd-form-placeholder-color: #7A877F;
	--wd-form-brd-color: #B8C7B0;
	--wd-form-brd-color-focus: #173A31;
	--wd-form-bg: #FFFFFF;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1310px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1310px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.banner-mask .wrapper-content-banner {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%) !important;
}

.usluge .info-box-content {
    padding: 15px !important;
}

.usluge:hover {
    transform: translateY(-4px);
    transition: all 0.25s ease;
}

/* =========================================================
   SOHO ZONE – dodatni CSS za novi dizajn
   Zalijepi u: WoodMart → Theme Settings → Custom CSS → Global
   (ili Izgled → Customize → Additional CSS)
   Utiče samo na sekcije sa CSS klasom "sz".
   ========================================================= */

/* Dugmad: pravougaona, bez VELIKIH SLOVA (kao u dizajnu) */
.sz .btn{border-radius:0;text-transform:none;letter-spacing:0;font-weight:500;font-size:14px}
.sz .btn-size-large{min-height:50px;padding:13px 24px}

/* Podvučeni tekst-link ("Our approach", "Explore the service"...) */
.sz-text-link .btn,
.sz-text-link .btn:hover{padding:0 0 5px;min-height:0;font-size:14px;font-weight:500;
  text-transform:none;letter-spacing:0;border:0;border-bottom:1px solid currentColor;
  background:none;box-shadow:none;line-height:1.4}
.sz-text-link .btn:hover{border-bottom-width:2px}
.sz-text-link .btn:after,.sz-text-link .btn:before{display:none}

/* Hero: drugi red naslova u kurzivu i svijetlo-zelen */
.sz-hero h1 em,.sz-hero .title em{color:#C8D6BD;font-style:italic}

/* Čitljiva širina pasusa */
.sz-measure p{max-width:65ch}
.sz-hero .sz-measure p{max-width:40ch}

/* Naslovi sekcija: bez dekorativne linije/razmaka koje WoodMart dodaje */
.sz .title-after_title:empty{display:none}
.sz .wd-title-wrapper,.sz .title-wrapper{margin-bottom:0}

/* Kartice usluga: glatki hover */
.sz .e-con{transition:background-color .25s}

/* Natpis ispod slike osnivača */
.sz figcaption,.sz .widget-image-caption{margin-top:12px}


/* --- Soho Zone: kontakt forma (Contact Form 7) --- */
.sz-cf7 .sz-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sz-cf7 .sz-full{grid-column:1/-1}
.sz-cf7 .sz-field p{margin:0}
.sz-cf7 .sz-field label{display:flex;flex-direction:column;gap:8px;font-size:13.6px;color:#172D29}
.sz-cf7 .sz-field br{display:none}
.sz-cf7 input:not([type=checkbox]):not([type=submit]),.sz-cf7 select,.sz-cf7 textarea{width:100%;min-height:49px;background:#fff;border:1px solid #B8C7B0;border-radius:0;color:#17382D}
.sz-cf7 textarea{min-height:135px;resize:vertical}
.sz-cf7 .sz-consent{font-size:13.3px;line-height:1.6}
.sz-cf7 .sz-consent label{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.sz-cf7 .sz-consent input{width:19px;height:19px;margin-top:3px;accent-color:#173A31;flex-shrink:0}
.sz-cf7 .sz-consent a{text-decoration:underline}
.sz-cf7 .wpcf7-submit{border-radius:0;text-transform:none;min-height:50px;padding:13px 24px;background:#173E34;color:#fff}
.sz-cf7 .wpcf7-submit:hover{background:#285849}
@media(max-width:480px){.sz-cf7 .sz-form-grid{grid-template-columns:1fr}}




/* --- Soho Zone: tekst članka (single post) --- */
.sz-article-body{font-size:16px;line-height:1.7;color:#4D6254;overflow-wrap:anywhere}
.sz-article-body p,.sz-article-body li{color:#4D6254}
.sz-article-body h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.5px;margin:45px 0 20px;color:#172D29}
.sz-article-body h3{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:21px;line-height:1.3;margin:30px 0 15px;color:#172D29}
.sz-article-body h2 strong,.sz-article-body h3 strong{font-weight:inherit}
.sz-article-body ul,.sz-article-body ol{padding-left:25px;margin-bottom:20px}
.sz-article-body a{color:#2D6746;text-decoration:underline;text-underline-offset:3px}
.sz-article-body blockquote{margin:30px 0;padding:20px 28px;border-left:2px solid #9AAA85;background:#EDF1E7;font-family:Georgia,serif;font-size:21px;color:#172D29}
.sz-article-body table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}
.sz-article-body td,.sz-article-body th{padding:12px;border:1px solid #C6D0C0}
@media(max-width:780px){.sz-article-body h2{font-size:28px}}
/* sadržaj članka (lijeva kolona) */
.sz-toc .elementor-toc__header{padding:0 0 10px;border:0;background:none}
.sz-toc .elementor-toc__header-title{font-family:Arial,Helvetica,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:1.9px;text-transform:uppercase;color:#172D29}
.sz-toc .elementor-toc__body{padding:0}
.sz-toc,.sz-toc .elementor-toc{border:0;background:none;border-radius:0}
.sz-toc .elementor-toc__list-wrapper{padding:0;margin:0}
.sz-toc .elementor-toc__list-item-text-wrapper i,.sz-toc .elementor-toc__list-item-text-wrapper:before{display:none}
.sz-toc .elementor-toc__list-item{margin:13px 0;font-size:13.6px;line-height:1.5}
.sz-toc a.elementor-toc__list-item-text{color:#59715A}
.sz-toc a.elementor-toc__list-item-text:hover,.sz-toc .elementor-item-active{color:#173A31;text-decoration:underline}



/* Soho Zone – Insights: pretraga, filter i kartice (jače od Elementor globalnih stilova) */
body .sz-search-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 40px}
body .sz-search-bar label{display:flex!important;flex-direction:column;justify-content:flex-end;gap:8px;margin:0!important;padding:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13.6px!important;font-weight:400!important;line-height:1.4!important;color:#172D29!important;text-transform:none!important;letter-spacing:0!important}
body .sz-search-bar label.sz-q{flex:0 1 620px;min-width:220px}
body .sz-search-bar label.sz-topic{flex:0 0 250px;min-width:0}
body .sz-search-bar input,body .sz-search-bar select{box-sizing:border-box!important;width:100%!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:0 14px!important;line-height:normal!important;background-color:#fff!important;border:1px solid #B8C7B0!important;border-radius:0!important;box-shadow:none!important;color:#17382D!important;font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;text-align:left!important;vertical-align:bottom}
body .sz-search-bar select{-webkit-appearance:none!important;appearance:none!important;padding-right:40px!important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23172D29' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:12px 8px!important}
body .sz-search-bar input::placeholder{color:#7A877F;opacity:1}
body .sz-search-bar input:focus,body .sz-search-bar select:focus{border-color:#173A31!important;outline:none}
body .sz-search-bar .sz-result{margin:0 0 0 auto!important;align-self:center;padding-top:22px;font-family:Arial,Helvetica,sans-serif;font-size:13.3px;color:#62735D;white-space:nowrap}
@media(max-width:780px){body .sz-search-bar label.sz-q,body .sz-search-bar label.sz-topic{flex:1 1 100%}body .sz-search-bar .sz-result{margin:0!important;padding-top:0}}
body .sz-no-results{padding:45px;border:1px solid #C8D4BF;margin-top:20px;color:#172D29}
body .sz-insights.elementor-widget-posts .elementor-post{border:0!important;border-top:1px solid #CBD4C8!important;border-radius:0!important;padding:28px 0!important;min-height:245px;background:none!important;box-shadow:none!important}
body .sz-insights.elementor-widget-posts .elementor-post__thumbnail__link{display:none!important}
body .sz-insights.elementor-widget-posts .elementor-post__text{display:flex!important;flex-direction:column;height:100%;padding:0!important;margin:0!important}
body .sz-insights.elementor-widget-posts .elementor-post__meta-data{order:-1;display:flex;justify-content:space-between;gap:15px;margin:0!important;padding:0!important;border:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12.2px!important;font-weight:400!important;line-height:1.5!important;color:#566A5E!important;text-transform:none!important}
body .sz-insights.elementor-widget-posts .elementor-post__meta-data span{color:#566A5E!important}
body .sz-insights.elementor-widget-posts .elementor-post__meta-data span:before{content:none!important}
body .sz-insights.elementor-widget-posts .elementor-post__meta-data .sz-cat{margin-right:auto}
body .sz-insights.elementor-widget-posts .elementor-post__title,body .sz-insights.elementor-widget-posts .elementor-post__title a{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:25px!important;line-height:1.3!important;letter-spacing:-.6px!important;color:#172D29!important;text-transform:none!important}
body .sz-insights.elementor-widget-posts .elementor-post__title{margin:18px 0!important}
body .sz-insights.elementor-widget-posts .elementor-post__title a:hover{color:#173A31!important;text-decoration:underline}
body .sz-insights.elementor-widget-posts .elementor-post__excerpt,body .sz-insights.elementor-widget-posts .elementor-post__excerpt p{font-family:Arial,Helvetica,sans-serif!important;font-size:14.4px!important;font-weight:400!important;line-height:1.65!important;color:#647167!important;margin:0 0 20px!important}
body .sz-insights.elementor-widget-posts a.elementor-post__read-more{margin-top:auto!important;align-self:flex-start;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#172D29!important;border-bottom:1px solid currentColor;padding-bottom:5px}
body .sz-insights.elementor-widget-posts a.elementor-post__read-more:hover{border-bottom-width:2px}
body .sz-insights.elementor-widget-posts .elementor-post[hidden]{display:none!important}
@media(max-width:780px){body .sz-insights.elementor-widget-posts .elementor-post__title,body .sz-insights.elementor-widget-posts .elementor-post__title a{font-size:22px!important}}


.wd-page-content.main-page-wrapper {
    margin-left: -15px !important;
}


/* --- Soho Zone: jezički switcher EN / SR (WPML) --- */
.wpml-ls-statics-shortcode_actions,.wpml-ls-statics-shortcode_actions.wpml-ls{padding:0!important;border:0!important;background:none!important;width:auto!important}
.wpml-ls-statics-shortcode_actions ul{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important}
.wpml-ls-statics-shortcode_actions li{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center}
.wpml-ls-statics-shortcode_actions li+li::before{content:"/";color:#94A19A;margin-right:8px;font:400 13px/1 Arial,Helvetica,sans-serif}
.wpml-ls-statics-shortcode_actions a.wpml-ls-link{display:inline-flex!important;align-items:center;padding:0!important;background:none!important;color:#172D29!important;font:400 13px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.02em;text-decoration:none!important}
.wpml-ls-statics-shortcode_actions .wpml-ls-flag,.wpml-ls-statics-shortcode_actions .wpml-ls-native,.wpml-ls-statics-shortcode_actions .wpml-ls-display,.wpml-ls-statics-shortcode_actions .wpml-ls-bracket{display:none!important}
.wpml-ls-statics-shortcode_actions .wpml-ls-item-en a.wpml-ls-link::after{content:"EN"}
.wpml-ls-statics-shortcode_actions .wpml-ls-item-sr a.wpml-ls-link::after{content:"SR"}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language a.wpml-ls-link{font-weight:700!important;cursor:default}
.wpml-ls-statics-shortcode_actions a.wpml-ls-link:hover{text-decoration:underline!important;text-underline-offset:4px}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language a.wpml-ls-link:hover{text-decoration:none!important}




/* =========================================================
   SOHO ZONE – moderni mobilni meni (WoodMart side menu)
   ========================================================= */
/* zatamnjenje iza menija */
.wd-close-side.wd-close-side-opened{background:rgba(17,44,37,.45)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}

/* panel */
.mobile-nav.wd-side-hidden{box-sizing:border-box!important;width:min(88vw,380px)!important;background:#FAFAF7!important;box-shadow:-20px 0 60px rgba(17,44,37,.18);display:flex!important;flex-direction:column;padding:28px 28px calc(24px + env(safe-area-inset-bottom))!important}
.mobile-nav.wd-side-hidden::before{content:"Menu";display:block;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:#7A877F;padding:6px 0 22px;border-bottom:1px solid #DCE3D8}
html[lang^="sr"] .mobile-nav.wd-side-hidden::before{content:"Meni"}

/* bez tabova "Menu / Services" (Services su već u meniju) */
.mobile-nav .wd-nav-mob-tab,.mobile-nav .mobile-categories-menu{display:none!important}
.mobile-nav .mobile-pages-menu{display:block!important;margin:0!important;padding:0!important}

/* glavne stavke */
.mobile-nav .wd-nav-mobile>li{border:0!important;border-bottom:1px solid #DCE3D8!important;position:relative;background:none!important}
.mobile-nav .wd-nav-mobile>li>a{display:flex!important;align-items:center;min-height:0!important;padding:18px 48px 18px 0!important;background:none!important;color:#172D29!important;font:400 26px/1.15 Georgia,'Times New Roman',serif!important;letter-spacing:-.5px;text-transform:none!important}
.mobile-nav .wd-nav-mobile>li>a .nav-link-text{font:inherit!important;color:inherit!important;text-transform:none!important}
.mobile-nav .wd-nav-mobile>li>a:active{color:#173A31!important}
/* aktivna stranica: mala zelena tačka */
.mobile-nav .wd-nav-mobile>li.current-menu-item>a::after,.mobile-nav .wd-nav-mobile>li.current-menu-ancestor>a::after{content:"";width:7px;height:7px;border-radius:50%;background:#8C9C68;margin-left:12px;flex-shrink:0}

/* +/- za podmeni (Services) */
.mobile-nav .wd-nav-mobile .wd-nav-opener{position:absolute!important;top:12px!important;right:0!important;width:40px!important;height:40px!important;border:1px solid #CBD3C8!important;border-radius:50%;background:none!important;display:flex!important;align-items:center;justify-content:center;transition:transform .25s,background .25s}
.mobile-nav .wd-nav-mobile .wd-nav-opener::after{content:"+"!important;font:300 22px/1 Arial,Helvetica,sans-serif!important;color:#172D29!important;transform:none!important}
.mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active{background:#173A31!important;border-color:#173A31!important;transform:rotate(180deg)}
.mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active::after{content:"–"!important;color:#fff!important}

/* podmeni */
.mobile-nav .wd-nav-mobile .wd-sub-menu{margin:0 0 16px!important;padding:2px 0 0 16px!important;border-left:1px solid #CBD3C8!important;background:none!important}
.mobile-nav .wd-nav-mobile .wd-sub-menu li{border:0!important;background:none!important}
.mobile-nav .wd-nav-mobile .wd-sub-menu li a{display:block!important;padding:9px 0!important;min-height:0!important;background:none!important;color:#596960!important;font:400 15px/1.4 Arial,Helvetica,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.mobile-nav .wd-nav-mobile .wd-sub-menu li.current-menu-item a{color:#173A31!important;font-weight:700!important}

/* donji dio (HTML blok sa dugmetom) uvijek na dnu panela */
.mobile-nav .widgetarea-mobile{margin-top:auto!important;padding:24px 0 0!important;border:0!important}
.mobile-nav .widgetarea-mobile .wd-button-wrapper,.mobile-nav .widgetarea-mobile .wd-button-wrapper .btn{width:100%}
.mobile-nav .widgetarea-mobile .btn{box-sizing:border-box;min-height:54px;justify-content:center;font-size:15px!important;text-transform:none!important;letter-spacing:0!important;border-radius:0!important}
.mobile-nav .widgetarea-mobile .e-con,.mobile-nav .widgetarea-mobile .e-con-inner{padding:0!important}

/* stavke uđu jedna za drugom pri otvaranju */
@keyframes szMobIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.mobile-nav.wd-opened .wd-nav-mobile>li,.mobile-nav.wd-opened .widgetarea-mobile{animation:szMobIn .45s cubic-bezier(.2,.7,.2,1) both}
.mobile-nav.wd-opened .wd-nav-mobile>li:nth-child(1){animation-delay:.05s}
.mobile-nav.wd-opened .wd-nav-mobile>li:nth-child(2){animation-delay:.1s}
.mobile-nav.wd-opened .wd-nav-mobile>li:nth-child(3){animation-delay:.15s}
.mobile-nav.wd-opened .wd-nav-mobile>li:nth-child(4){animation-delay:.2s}
.mobile-nav.wd-opened .wd-nav-mobile>li:nth-child(5){animation-delay:.25s}
.mobile-nav.wd-opened .wd-nav-mobile>li:nth-child(6){animation-delay:.3s}
.mobile-nav.wd-opened .widgetarea-mobile{animation-delay:.35s}
@media (prefers-reduced-motion:reduce){.mobile-nav.wd-opened .wd-nav-mobile>li,.mobile-nav.wd-opened .widgetarea-mobile{animation:none}}



/* --- Soho Zone: sakrij WhatsApp (Elfsight) dok je mobilni meni otvoren --- */
.es-floating-button-container,
[class*="FloatingButton__FloatingButtonContainer"],
[class*="elfsight-app-ba4ce92a"]{transition:opacity .25s ease,visibility .25s ease}

body:has(.mobile-nav.wd-opened) .es-floating-button-container,
body:has(.mobile-nav.wd-opened) [class*="FloatingButton__FloatingButtonContainer"],
body:has(.mobile-nav.wd-opened) [class*="elfsight-app-ba4ce92a"]{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media (max-width: 576px) {
	.promo-banner .wrapper-content-banner {
    padding: 15px !important;
}
}