.elementor-kit-8{--e-global-color-primary:#3E6B82;--e-global-color-secondary:#E5654B;--e-global-color-text:#1A2330;--e-global-color-accent:#2F5468;--e-global-color-magla:#E7ECEF;--e-global-color-kartica:#F2F5F6;--e-global-color-sekcija:#DCE2E6;--e-global-color-linija:#CFD6DB;--e-global-color-muted:#5A6573;--e-global-color-duboka:#141C26;--e-global-color-korald:#C24E36;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;--e-global-typography-logo-font-family:"Bakbak One";--e-global-typography-logo-font-weight:400;background-color:#E7ECEF;color:#1A2330;font-family:"Inter", Sans-serif;font-weight:400;line-height:1.7em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:#2F5468;}.elementor-kit-8 a:hover{color:#3E6B82;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* ==========================================================================
   LUXADIS — Globalni CSS za Elementor Pro
   Zalijepiti u: Elementor → Site Settings → Custom CSS  (Pro)
   Izvor tokena: uploads/brand-guidelines/brand-tokens.css (smjer "Magla")
   ========================================================================== */

:root{
  --bg:#E7ECEF; --card:#F2F5F6; --section:#DCE2E6; --line:#CFD6DB; --line-hi:#BCC5CC;
  --muted:#5A6573; --ink:#1A2330; --deep:#141C26; --on-deep:#EAEEF1; --on-deep-m:#AEB6C0;
  --blue:#3E6B82; --blue-d:#2F5468; --coral:#E5654B; --coral-d:#C24E36; --text-d:#7C8694;
}
::selection{ background:rgba(62,107,130,.22); }
body{ background-color:var(--bg); }

/* ── HEADER ──────────────────────────────────────────── */
/* Skupljanje paddinga pri scrollu (Elementor sticky dodaje .elementor-sticky--effects) */
.lx-header{ transition:padding .35s ease; }
.lx-header.elementor-sticky--effects{ padding-top:16px !important; padding-bottom:16px !important; }

/* Nav Menu widget — linkovi */
.lx-nav .elementor-nav-menu a.elementor-item{
  font-family:'Inter',sans-serif; font-size:15px; font-weight:400;
  color:rgba(255,255,255,.7); letter-spacing:.01em; transition:color .2s;
}
.lx-nav .elementor-nav-menu a.elementor-item:hover{ color:#fff; }
.lx-nav .elementor-nav-menu a.elementor-item-active{
  color:#fff; border-bottom:1px solid var(--coral); padding-bottom:2px;
}
/* Mobilni dropdown (hamburger) */
.lx-nav .elementor-menu-toggle{ color:#fff; }
.lx-nav nav.elementor-nav-menu--dropdown{ background:var(--deep); }
.lx-nav .elementor-nav-menu--dropdown a{ color:#fff; font-family:'Inter',sans-serif; }

/* ── GUMBI ───────────────────────────────────────────── */
.lx-btn-lift .elementor-button{ transition:background .2s, transform .15s, border-color .2s; }
.lx-btn-lift .elementor-button:hover{ transform:translateY(-1px); }

/* Strelica-link (npr. "Cijeli portfelj →") */
.lx-lnk{ cursor:pointer; }
.lx-lnk .elementor-heading-title{ transition:opacity .2s; white-space:nowrap; }
.lx-lnk:hover .elementor-heading-title{ opacity:.72; }

/* ── PROJEKT KARTICE (masonry / portfelj) ────────────── */
.lx-pc{ position:relative; overflow:hidden; border-radius:2px; }
.lx-pc .lx-pc-info{
  position:absolute; inset:0; opacity:0; transition:opacity .38s;
  background:linear-gradient(to top, rgba(0,0,0,.78) 0%, transparent 55%);
  display:flex; flex-direction:column; justify-content:flex-end;
}
.lx-pc:hover .lx-pc-info{ opacity:1; }

/* ── USLUGE KARTICE (naslovnica) ─────────────────────── */
.lx-sc{ transition:background-color .25s, filter .25s; }
.lx-sc:hover{ filter:brightness(1.22); }
.lx-sc .lx-sc-lnk .elementor-heading-title{ transition:letter-spacing .25s; }
.lx-sc:hover .lx-sc-lnk .elementor-heading-title{ letter-spacing:.32em; }

/* ── USLUGE KARTICE SA SLIKOM (stranica Usluge) ──────── */
.lx-svc-img{ overflow:hidden; }
.lx-svc-img img{ transition:transform .7s ease; width:100%; }
.lx-svc-card:hover .lx-svc-img img{ transform:scale(1.05); }

/* ── RECENZIJE — navodnik ────────────────────────────── */
.lx-tc-q::before{
  content:'201C'; font-family:'Outfit',sans-serif; font-size:52px; font-weight:600;
  color:var(--coral-d); line-height:.5; display:block; margin-bottom:24px;
}

/* ── PAKETI ──────────────────────────────────────────── */
.lx-pkg-card{ position:relative; transition:border-color .25s; }
.lx-pkg-card:hover{ border-color:var(--line-hi) !important; }
.lx-pkg-card.lx-featured:hover{ border-color:var(--blue-d) !important; }
.lx-pkg-badge{
  position:absolute; top:-1px; left:50%; transform:translateX(-50%);
  background:var(--coral); padding:5px 14px; border-radius:0 0 4px 4px; white-space:nowrap;
}

/* ── FAQ (Accordion / Nested Accordion widget) ───────── */
.lx-faq .e-n-accordion-item{ border-bottom:1px solid var(--line); }
.lx-faq .e-n-accordion-item-title{
  font-family:'Outfit',sans-serif !important; font-size:20px; font-weight:700;
  color:var(--ink); padding:24px 0;
}
.lx-faq .e-n-accordion-item-title-icon{ color:var(--text-d); }
.lx-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon{ color:var(--blue-d); }
.lx-faq .e-child{ padding:0 0 24px; }
.lx-faq p{ font-family:'Inter',sans-serif; font-size:16px; color:var(--muted); line-height:1.75; max-width:680px; }

/* ── FILTER CHIPOVI (Portfelj / Cijenik sidrišta) ────── */
.lx-chip .elementor-button{
  font-family:'Inter',sans-serif; font-size:12.5px; font-weight:700;
  text-transform:uppercase; letter-spacing:.1em;
  color:var(--muted); background:transparent;
  border:1px solid var(--line-hi); border-radius:2px; padding:6px 13px;
  transition:all .2s;
}
.lx-chip .elementor-button:hover{ color:var(--ink); border-color:#9AA6B0; background:transparent; }
.lx-chip.lx-chip-on .elementor-button{ background:var(--blue); border-color:var(--blue-d); color:#fff; }

/* Loop Grid + Taxonomy Filter (dinamična verzija portfelja) */
.lx-tax-filter .e-filter-item{
  font-family:'Inter',sans-serif; font-size:12.5px; font-weight:700;
  text-transform:uppercase; letter-spacing:.1em; color:var(--muted);
  border:1px solid var(--line-hi); border-radius:2px; padding:6px 13px;
}
.lx-tax-filter .e-filter-item[aria-pressed="true"]{ background:var(--blue); border-color:var(--blue-d); color:#fff; }

/* ── UKLJUČENO LISTA (detalj usluge) ─────────────────── */
.lx-incl ul{ list-style:none; margin:0; padding:0; }
.lx-incl li{
  display:flex; gap:20px; padding:20px 0; border-bottom:1px solid var(--line);
  font-family:'Inter',sans-serif; font-size:16px; line-height:1.65; color:var(--ink);
}
.lx-incl li:first-child{ border-top:1px solid var(--line); }
.lx-incl li::before{
  content:''; width:6px; height:6px; border-radius:50%; background:var(--coral);
  flex-shrink:0; margin-top:7px;
}
.lx-incl small{ display:block; font-size:14px; color:var(--text-d); margin-top:3px; }

/* ── GALERIJA ────────────────────────────────────────── */
.lx-gi{ overflow:hidden; border-radius:2px; }
.lx-gi img{ transition:transform .65s ease; width:100%; height:100%; object-fit:cover; }
.lx-gi:hover img{ transform:scale(1.04); }

/* ── POVEZANE USLUGE ─────────────────────────────────── */
.lx-rel{ position:relative; overflow:hidden; }
.lx-rel .lx-rel-overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.78) 0%, transparent 55%);
  display:flex; flex-direction:column; justify-content:flex-end;
}

/* ── KONTAKT FORMA (Elementor Pro Form widget) ───────── */
.lx-form .elementor-field-group label{
  font-family:'Inter',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:8px;
}
.lx-form .elementor-field{
  font-family:'Inter',sans-serif; font-size:15.5px; color:var(--ink);
  background:#FFFFFF; border:1px solid var(--line); border-radius:2px;
}
.lx-form .elementor-field:focus{ border-color:var(--blue); outline:none; box-shadow:none; }
.lx-form .elementor-field::placeholder{ color:#9AA6B0; }
.lx-form .elementor-field-option label{
  font-size:14px; font-weight:400; text-transform:none; letter-spacing:0; color:var(--ink);
}
.lx-form .elementor-button[type="submit"]{
  font-family:'Inter',sans-serif; font-weight:700; font-size:14px;
  letter-spacing:.13em; text-transform:uppercase;
  background:var(--blue); color:#fff; border-radius:2px; padding:15px 36px;
  transition:background .2s;
}
.lx-form .elementor-button[type="submit"]:hover{ background:var(--blue-d); }

/* ── FOOTER ──────────────────────────────────────────── */
.lx-ft-links .elementor-icon-list-text{ color:#C2C9D1 !important; font-family:'Inter',sans-serif; font-size:15px; transition:color .2s; }
.lx-ft-links .elementor-icon-list-item a:hover .elementor-icon-list-text{ color:var(--coral) !important; }
.lx-ft-links .elementor-icon-list-icon{ display:none; }

.lx-ft-soc{ display:flex; gap:10px; }
.lx-ft-soc a{
  width:32px; height:32px; border:1px solid rgba(255,255,255,.18); border-radius:2px;
  display:inline-flex; align-items:center; justify-content:center;
  font:700 12.5px 'Inter',sans-serif; color:#AEB6C0; text-decoration:none; transition:all .2s;
}
.lx-ft-soc a:hover{ border-color:var(--coral); color:var(--coral); }

.lx-fce-l{ font:600 9px 'Inter',sans-serif; letter-spacing:.22em; text-transform:uppercase; color:#76808C; margin:0 0 2px; }
.lx-fce-v{ font:400 14px 'Inter',sans-serif; color:#C2C9D1; margin:0 0 13px; }

.lx-ft-bot{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  border-top:1px solid rgba(255,255,255,.12); padding-top:28px;
  font:400 12.5px 'Inter',sans-serif; color:#76808C;
}
.lx-ft-bot a{ color:#76808C; text-decoration:none; margin-left:20px; transition:color .2s; }
.lx-ft-bot a:hover{ color:#AEB6C0; }

/* ── COOKIE TRAKA (opcionalno, hardkodirano u temi ili plugin) ── */
.lx-cookie{
  position:fixed; bottom:0; left:0; right:0; z-index:998; background:#FFFFFF;
  border-top:1px solid var(--line); padding:14px 60px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}

/* ── RESPONSIVE SITNICE ──────────────────────────────── */
@media (max-width:768px){
  .lx-ft-bot{ flex-direction:column; align-items:flex-start; }
  .lx-ft-bot a{ margin-left:0; margin-right:20px; }
}

.lx-eml{ unicode-bidi:bidi-override; direction:rtl; }
.elementor-field-group > label.elementor-field-label{ display:block; margin-bottom:7px; }
/* LX-GALLERY-TRIGGER */
.lx-pc .elementor-widget-html{position:static !important;}
.lx-pc .elementor-widget-html > .elementor-widget-container{position:static !important;}
.lx-glx{position:absolute;inset:0;z-index:3;display:block;cursor:pointer;}/* End custom CSS */