.elementor-kit-7{--e-global-color-primary:#3D2817;--e-global-color-secondary:#8B6F47;--e-global-color-text:#5C3A1F;--e-global-color-accent:#5C3A1F;--e-global-color-cream:#FAF6F0;--e-global-color-oatmeal:#E8DDD0;--e-global-color-sand:#D4B896;--e-global-color-dark_caramel:#5C3A1F;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:500;background-color:#FAF6F0;color:#3D2817;font-family:"Inter", Sans-serif;font-size:17px;line-height:1.65em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#3D2817;color:#FAF6F0;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#8B6F47;color:#FAF6F0;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#8B6F47;}.elementor-kit-7 a:hover{color:#3D2817;}.elementor-kit-7 h1{font-family:"Cormorant Garamond", Sans-serif;font-weight:400;letter-spacing:-0.025em;}.elementor-kit-7 h2{font-family:"Cormorant Garamond", Sans-serif;font-weight:400;}.elementor-kit-7 h3{font-family:"Cormorant Garamond", Sans-serif;font-weight:400;}.elementor-kit-7 h4{font-family:"Cormorant Garamond", Sans-serif;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Filcomanija — GLOBAL CSS
   Samo helper klase koje se koriste svuda (eyebrow, italic, placeholder,
   marquee, link-arrow, signature, big quote, timeline, workshop numbers,
   gallery filters). Header, footer, contact form, kontakt-kanal stilovi
   su premešteni na pojedinačne kontejnere/widgete — Advanced → Custom CSS. */

:root{
  --cream:#FAF6F0; --walnut:#3D2817; --caramel:#8B6F47;
  --oatmeal:#E8DDD0; --sand:#D4B896; --dark-caramel:#5C3A1F;
  --gray:#888; --light-gray:#DDD;
}
body{ background:var(--cream); color:var(--walnut); }

/* === Eyebrow (mono uppercase) === */
.eyebrow .elementor-heading-title{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--caramel); font-weight:500; line-height:1;
}
.eyebrow-line .elementor-heading-title{ display:inline-flex; align-items:center; gap:14px; }
.eyebrow-line .elementor-heading-title::before{
  content:""; width:32px; height:1px; background:var(--caramel);
  display:inline-block; flex-shrink:0;
}
.eyebrow-dark .elementor-heading-title{ color:var(--sand); }
.eyebrow-dark .elementor-heading-title::before{ background:var(--sand); }

/* Italic accent */
.italic-accent, .ital{ font-style:italic; color:var(--caramel); }

/* === Link sa strelicom === */
.link-arrow .elementor-button{
  border-bottom:1px solid var(--caramel); border-radius:0; padding:0 0 4px;
  background:transparent; color:var(--caramel); transition:gap .25s ease;
}
.link-arrow .elementor-button:hover{ gap:14px; background:transparent; }

/* === Placeholder slika (krem dijagonalna tekstura) === */
.ph{
  background:var(--oatmeal);
  background-image:repeating-linear-gradient(135deg,
    rgba(139,111,71,0.18) 0, rgba(139,111,71,0.18) 2px,
    transparent 2px, transparent 12px);
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.ph .ph-label{ display:flex; align-items:center; justify-content:center; width:100%; }
.ph .ph-label .elementor-heading-title{
  font-family:'JetBrains Mono', monospace; font-size:12px;
  letter-spacing:0.2em; text-transform:uppercase;
  color:var(--caramel); opacity:0.85; text-align:center;
  background:rgba(250,246,240,0.7); padding:10px 18px;
  border:1px solid rgba(139,111,71,0.25);
}

/* === Marquee strip === */
.marquee-strip{
  border-top:1px solid rgba(61,40,23,0.1);
  border-bottom:1px solid rgba(61,40,23,0.1);
  padding:18px 0; overflow:hidden;
}
.marquee-track{
  display:flex; gap:56px; animation:marqueeScroll 40s linear infinite;
  white-space:nowrap; font-family:'Cormorant Garamond', serif;
  font-style:italic; font-size:22px; color:var(--walnut);
}
.marquee-track .dot{
  display:inline-block; width:6px; height:6px; background:var(--caramel);
  border-radius:50%; margin:0 28px; vertical-align:middle;
}
@keyframes marqueeScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* === Big quote === */
.big-quote .elementor-heading-title{
  font-family:'Cormorant Garamond', serif;
  font-style:italic; line-height:1.15; letter-spacing:-0.015em;
}
.big-quote-mark .elementor-heading-title{
  font-family:'Cormorant Garamond', serif;
  font-size:64px; color:var(--caramel); line-height:0.5;
}

/* === Page hero crumbs === */
.crumbs .elementor-heading-title{
  font-family:'JetBrains Mono', monospace; font-size:11px;
  letter-spacing:0.2em; text-transform:uppercase;
  color:var(--caramel); font-weight:500;
}

/* === Timeline (termini list) === */
.termin-row{
  border-bottom:1px solid rgba(61,40,23,0.15); padding:24px 0;
  transition:padding .3s ease, background .3s ease;
}
.termin-row:hover{ padding-left:16px; padding-right:16px; background:var(--oatmeal); }
.termin-row .termin-year .elementor-heading-title{
  font-family:'Cormorant Garamond', serif; font-size:28px;
  color:var(--walnut); line-height:1;
}
.termin-row .termin-title .elementor-heading-title{
  font-family:'Cormorant Garamond', serif; font-size:22px;
  letter-spacing:-0.01em; color:var(--walnut);
}
.termin-row .termin-meta .elementor-heading-title{
  font-size:13px; color:var(--gray);
  font-family:'Inter', sans-serif; font-weight:400;
  letter-spacing:0; text-transform:none;
}
.termini-list{ border-top:1px solid var(--walnut); }

/* === Signature ("— Smiljka Mišković" sa crticom) === */
.signature .elementor-heading-title{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:22px; color:var(--walnut);
  display:inline-flex; align-items:center; gap:16px;
}
.signature .elementor-heading-title::before{
  content:""; width:24px; height:1px; background:var(--caramel);
  display:inline-block;
}

/* === Workshop card brojevi (88px italic) === */
.workshop-num .elementor-heading-title{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:88px; color:var(--caramel); line-height:1;
}

/* === Proces korak brojevi (56px italic) === */
.step-num .elementor-heading-title{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:56px; color:var(--caramel); line-height:1;
}

/* === Galerija filter dugmad === */
.gal-filter .elementor-button{
  border:1px solid var(--walnut); background:transparent;
  color:var(--walnut); padding:10px 18px; border-radius:0;
  font-size:13px; font-family:'Inter', sans-serif;
}
.gal-filter .elementor-button:hover{ background:var(--oatmeal); }
.gal-filter.gal-active .elementor-button{
  background:var(--walnut); color:var(--cream);
}

/* === Mobile responsive — samo tipografija (padding/widths su u containerima) === */
@media (max-width: 768px){
  .marquee-track{ font-size:17px; gap:28px; }
  .marquee-track .dot{ margin:0 14px; }
  .big-quote .elementor-heading-title{ font-size:32px; line-height:1.15; }
  .big-quote-mark .elementor-heading-title{ font-size:36px; }
  .workshop-num .elementor-heading-title{ font-size:56px; }
  .step-num .elementor-heading-title{ font-size:38px; }
  .termin-row .termin-year .elementor-heading-title{ font-size:22px; }
  .termin-row .termin-title .elementor-heading-title{ font-size:17px; }
  .ph{ min-height:200px; }
}
@media (max-width: 480px){
  .marquee-track{ font-size:15px; gap:22px; }
  .marquee-track .dot{ margin:0 10px; }
  .workshop-num .elementor-heading-title{ font-size:48px; }
}/* End custom CSS */