/* sajtzafirme.rs — dopune za Elementor stranice (klase sf-e-*).
   Podešavanja iz Elementor editora (boje, veličine, razmaci) uvek imaju prednost nad ovim pravilima. */

.sf-site .elementor-widget-text-editor a{color:var(--sf-gold-deep)}
.sf-gold{color:var(--sf-gold)}
.sf-gold-soft{color:#b89563}
.sf-e-h1 .sf-gold,.sf-e-h2 .sf-gold{display:block}
.sf-e-h1 .sf-gold--inline{display:inline}
.sf-e-h1 .elementor-heading-title,.sf-e-h2 .elementor-heading-title{text-wrap:balance}

/* ---------- dugmad ---------- */
.sf-e-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;transition:filter .18s,transform .18s,box-shadow .18s,background-color .18s,color .18s}
.sf-e-btn .elementor-button-content-wrapper{display:inline-flex;flex-direction:row!important;align-items:center;gap:10px}
.sf-e-btn .elementor-button-text{order:1}
.sf-e-btn .elementor-button-icon{order:2!important;margin:0!important;display:inline-flex;transition:transform .18s}
.sf-e-btn .elementor-button-icon svg{width:15px;height:15px;fill:currentColor}
.sf-e-btn .elementor-button:hover .elementor-button-icon{transform:translateX(3px)}
.sf-e-btn--gold .elementor-button{background-image:linear-gradient(120deg,#e8d1a9,#c8aa7e)}
.sf-e-btn--gold .elementor-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 20px rgb(200 170 126 / 28%)}
.sf-e-btn--wide .elementor-button{min-width:220px}
.sf-e-btn--link{flex-shrink:0}
.sf-e-btn--link .elementor-button{min-height:0;background:transparent;white-space:nowrap}
.sf-e-btn--link .elementor-button-text{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* ---------- hero ---------- */
.sf-e-hero{overflow:hidden}
.sf-e-hero__note .sf-e-handnote .elementor-heading-title{transform:rotate(-4deg);max-width:200px}
.sf-e-handnote .elementor-heading-title{font-family:"Caveat","Segoe Print","Bradley Hand",cursive}
.sf-e-handnote__arrow{flex-shrink:0}
.sf-e-pkg-note .sf-e-handnote .elementor-heading-title{transform:rotate(-5deg)}
.sf-e-pkg-note{margin-bottom:-18px}
@media (prefers-reduced-motion:no-preference){
  .sf-js .sf-e-hero__copy>.elementor-element{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .sf-js .sf-e-hero__copy>.elementor-element:nth-child(2){animation-delay:.06s}
  .sf-js .sf-e-hero__copy>.elementor-element:nth-child(3){animation-delay:.12s}
  .sf-js .sf-e-hero__copy>.elementor-element:nth-child(4){animation-delay:.18s}
  .sf-js .sf-e-hero__copy>.elementor-element:nth-child(5){animation-delay:.24s}
  .sf-js .sf-e-hero__note{animation:fadein .8s .2s both}
}
@media (max-width:1024px){
  .sf-e-hero{background-image:none!important}
  .sf-e-hero::before{display:none!important}
  .sf-e-hero__mimg{position:relative;margin:32px -20px 0!important;width:calc(100% + 40px)!important;max-width:none!important}
  .sf-e-hero__mimg img{display:block;width:100%;aspect-ratio:16/9;max-height:460px;object-fit:cover;object-position:right center}
  .sf-e-hero__mimg::after{content:"";position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(#10191e,transparent);pointer-events:none}
  .sf-e-hero__lead{max-width:640px}
}
@media (max-width:767px){
  .sf-e-hero__mimg{margin:28px -16px 0!important;width:calc(100% + 32px)!important}
  .sf-e-actions .elementor-widget-button{flex:1 1 220px}
  .sf-e-actions .elementor-button{width:100%}
}

/* ---------- zašto / ikone ---------- */
.sf-e-ficon img,.sf-e-pkg__icon img{display:inline-block}

/* ---------- paketi ---------- */
.sf-e-pkg{box-shadow:var(--sf-shadow)}
.sf-e-pkg:not(.sf-e-pkg--dark){background-image:linear-gradient(140deg,#fffdf9,#f7f1e7)}
.sf-e-pkg--dark{box-shadow:var(--sf-shadow-lg);background-image:radial-gradient(ellipse at 85% 0%,#25333b,transparent 60%)}
.sf-e-pkg__icon{flex-shrink:0}
.sf-e-price small{font-size:18px;font-weight:500;letter-spacing:0}
.sf-e-checks .elementor-icon-list-item{align-items:flex-start!important}
.sf-e-checks .elementor-icon-list-icon{margin-top:3px}
@media (min-width:1025px){
  .sf-e-pkg--dark{clip-path:polygon(0 0,72% 0,72% 64px,100% 64px,100% 100%,0 100%)}
}

/* ---------- proces ---------- */
.sf-e-step{align-items:flex-start}
.sf-e-step__num{flex-shrink:0}
.sf-e-step__num .elementor-heading-title{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ead3ad,#bda073);box-shadow:inset 0 0 0 4px rgb(255 255 255 / 35%)}
.sf-e-step__arrow{flex-shrink:0}

/* ---------- statistika / tamne trake ---------- */
.sf-e-stat{border-left:1px solid rgb(255 255 255 / 16%)}
.sf-e-stat:first-child{border-left:0}
.sf-e-stat__value .elementor-heading-title{white-space:nowrap}
@media (max-width:767px){
  .sf-e-stats:not(.sf-e-stats--3) .sf-e-stat:nth-child(odd){border-left:0}
  .sf-e-stats--3 .sf-e-stat{padding-inline:6px!important}
  .sf-e-stats--3 .sf-e-stat__value .elementor-heading-title{font-size:20px!important}
}

/* ---------- preporuke ---------- */
.sf-e-quote-card{justify-content:space-between}
.sf-e-testimonial .elementor-testimonial-wrapper{text-align:left}
.sf-e-testimonial .elementor-testimonial-content{font-size:16px;line-height:1.55;margin-bottom:20px}
.sf-e-testimonial .elementor-testimonial-content::before{content:"„"}
.sf-e-testimonial .elementor-testimonial-content::after{content:"“"}
.sf-e-testimonial .elementor-testimonial-meta-inner{display:flex;align-items:center;gap:12px}
.sf-e-testimonial .elementor-testimonial-image img{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover}
.sf-e-testimonial .elementor-testimonial-details{text-align:left}
.sf-e-testimonial .elementor-testimonial-name{font-size:15px;font-weight:700}
.sf-e-testimonial .elementor-testimonial-job{font-size:13px}
.sf-e-testimonial--dark .elementor-testimonial-content{font-style:italic;font-size:19px;line-height:1.5;max-width:46ch}
.sf-e-tslider{position:relative;min-height:150px}
.sf-e-tslider>.elementor-element,.sf-e-tslider>.sf-tctrl{margin-left:58px}
.sf-e-tslider::before{content:"";position:absolute;left:0;top:2px;width:40px;height:40px;background:url(../img/icons/gold/quote.svg) center/contain no-repeat}
.sf-e-tslider .sf-e-testimonial[hidden]{display:none!important}
.sf-tctrl{display:flex;align-items:center;gap:10px;margin-top:18px}
.sf-tctrl .sf-icon-btn{color:#fff}
@media (max-width:767px){.sf-e-tslider>.elementor-element,.sf-e-tslider>.sf-tctrl{margin-left:0}.sf-e-tslider{padding-top:52px!important}.sf-e-testimonial--dark .elementor-testimonial-content{font-size:17px}}

/* ---------- portfolio ---------- */
.sf-e-chip .elementor-button{min-height:44px;border:1px solid transparent;transition:background-color .15s,border-color .15s}
.sf-e-chip .elementor-button:hover{border-color:#c9ae84}
.sf-e-chip.is-active .elementor-button{background:linear-gradient(130deg,#e2c89f,#c5a678)!important;font-weight:700!important}
.sf-e-project{overflow:hidden;transition:transform .2s,box-shadow .2s}
.sf-e-project:hover{transform:translateY(-3px);box-shadow:var(--sf-shadow-lg)}
.sf-e-project.sf-is-hidden{display:none!important}
.sf-e-project__img{background:linear-gradient(180deg,#eef1f3,#e4e8eb);overflow:hidden}
.sf-e-project__img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.sf-e-project:hover .sf-e-project__img img{transform:scale(1.03)}
.sf-e-tags p{display:flex;flex-wrap:wrap;gap:6px}
.sf-e-empty{text-align:center;color:var(--sf-muted);padding:32px 0;width:100%}
@media (max-width:767px){
  .sf-e-filters{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;padding-bottom:8px!important;scrollbar-width:thin}
  .sf-e-chip{flex-shrink:0}
  .sf-e-chip .elementor-button{white-space:nowrap}
}

/* ---------- kontakt ---------- */
.sf-e-form-card{box-shadow:var(--sf-shadow)}
.sf-e-cicon{flex-shrink:0}
.sf-e-cicon img{box-sizing:border-box;width:60px!important;height:60px!important;max-width:none!important;padding:16px;border-radius:50%;background:#f4efe7}
.sf-e-cvalue a{color:inherit!important;text-decoration:none}
.sf-e-cvalue a:hover{color:var(--sf-gold-deep)!important}
.sf-e-cvalue .elementor-heading-title{overflow-wrap:anywhere}
@media (max-width:767px){.sf-e-cicon img{width:48px!important;height:48px!important;padding:12px}}

.sf-e-faq .elementor-toggle-item{border:1px solid var(--sf-border);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .2s}
.sf-e-faq .elementor-toggle-item:has(.elementor-active){border-color:#d9c7a8}
.sf-e-faq .elementor-tab-title{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px!important;border:0!important}
.sf-e-faq .elementor-toggle-icon{order:2;float:none!important;width:auto!important;flex-shrink:0}
.sf-e-faq .elementor-toggle-title{text-decoration:none!important;color:inherit}
.sf-e-faq .elementor-tab-content{padding:0 20px 18px!important;border:0!important}

/* ---------- CTA ---------- */
.sf-e-cta__action{flex-shrink:0;width:auto}
@media (max-width:1024px){
  .sf-e-cta__text .elementor-heading-title{text-align:left!important}
  .sf-e-cta__action{align-items:flex-start!important}
  .sf-e-cta__action .elementor-widget-text-editor{text-align:left!important}
}
@media (max-width:767px){
  .sf-e-cta__action,.sf-e-cta__action .elementor-widget-button,.sf-e-cta__action .elementor-button{width:100%}
  .sf-e-cta__action .elementor-widget-text-editor{text-align:center!important;width:100%}
}

/* ---------- tekst stranice (politika privatnosti) ---------- */
.sf-e-prose h2{font-size:clamp(22px,2vw,27px);line-height:1.2;margin:40px 0 0;font-weight:800;color:var(--sf-ink)}
.sf-e-prose p,.sf-e-prose ul,.sf-e-prose ol{margin-top:16px}
.sf-e-prose>*:first-child,.sf-e-prose .elementor-widget-container>*:first-child{margin-top:0}

/* blog shortcode unutar Elementora */
.sf-sc .sf-filters{margin-inline:0!important;padding-inline:0!important}
body.sf-site{overflow-x:clip}
.sf-e-hero__lead{max-width:540px}
.sf-sc{width:100%}

/* 1.0.2 — ikona + tekst u istom redu i na telefonu (Elementor na mobilnom prelama redove) */
.sf-site .e-con:has(> .elementor-widget-image:first-child + .e-con:last-child),.sf-site .sf-e-step{flex-wrap:nowrap!important}
.sf-site .e-con:has(> .elementor-widget-image:first-child + .e-con:last-child) > .e-con,.sf-site .sf-e-step > .e-con{flex:1 1 0%!important;min-width:0;width:auto!important}
.sf-site .sf-e-pkg .e-con:has(> .sf-e-pkg__icon + .e-con){flex-wrap:nowrap!important}
@media (max-width:767px){.sf-site .sf-e-pkg .e-con:has(> .sf-e-pkg__icon + .e-con) > .e-con{flex:0 0 auto!important;width:100%!important}}
/* CTA: dugme ne sme da izađe iz ekrana */
@media (min-width:1025px){
  .sf-site .sf-e-cta__text{flex:1 1 0%!important;min-width:0}
  .sf-site .sf-e-cta__action{flex:0 0 auto!important;width:auto!important;max-width:none}
}
/* admin bar na telefonu */
@media (max-width:600px){.admin-bar .sf-header{top:46px!important}.admin-bar .sf-header.sf-is-solid{top:0!important}}
/* mobilni meni: pun ekran ispod zaglavlja (meni je pozicioniran u odnosu na zaglavlje) */
@media (max-width:1024px){
  .sf-site .sf-nav{top:var(--sf-header-h)!important;height:calc(100dvh - var(--sf-header-h));max-height:none}
  .admin-bar .sf-nav{height:calc(100dvh - var(--sf-header-h) - 46px)}
  body.sf-menu-open{overflow:hidden}
}