.elementor-kit-6{--e-global-color-primary:#1BB0CE;--e-global-color-secondary:#0E1730;--e-global-color-text:#14203A;--e-global-color-accent:#38CFE2;--e-global-color-cyandeep:#0E8CA6;--e-global-color-teal:#12889E;--e-global-color-navy2:#182545;--e-global-color-navy3:#22335C;--e-global-color-slate:#5F6F81;--e-global-color-paper:#F2F7F9;--e-global-color-paper2:#E7EFF3;--e-global-color-line:#DBE6EC;--e-global-color-white:#FFFFFF;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.08em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Hanken Grotesk";--e-global-typography-accent-font-weight:600;color:#14203A;font-family:"Hanken Grotesk", Sans-serif;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1220px;}.e-con{--container-max-width:1220px;}.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);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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 *//* ==========================================================================
   Radaković AL i PVC — custom CSS
   Samo ono što Elementor ne može native: clip-path, backdrop-filter,
   pseudo-elementi. Sve ostalo je u Site Settings.

   Boje NISU hardkodovane — vuču iz Elementor globala.
   Promeniš boju u Site Settings -> i ovde se promeni.
   ========================================================================== */

/* --- EYEBROW: mala cyan crta ispred teksta ------------------------------ */
.rad-eyebrow .elementor-heading-title{
  display:inline-flex; align-items:center; gap:10px;
}
.rad-eyebrow .elementor-heading-title::before{
  content:""; width:26px; height:2px; flex:none;
  background:var(--e-global-color-primary);
}

/* --- BANNER: dijagonalni navy blok (potpis iz štampanog kataloga) ------- */
.rad-banner{
  --width:fit-content;
  clip-path:polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
}

/* --- BICO: ikonica prozora, crtana borderima ---------------------------- */
.rad-bico{
  width:26px; height:26px; min-height:26px; flex:none; position:relative;
  border:2px solid var(--e-global-color-primary);
  padding:0; --padding-top:0; --padding-right:0; --padding-bottom:0; --padding-left:0;
}
.rad-bico > .e-con-inner{ display:none; }
.rad-bico::before{
  content:""; position:absolute; inset:5px 5px auto 5px; height:6px;
  border-top:2px solid var(--e-global-color-primary);
}
.rad-bico::after{
  content:""; position:absolute; inset:9px 8px 5px 8px;
  border:2px solid var(--e-global-color-primary); border-top:0;
}

/* --- SHARD: dijagonalni gradijent u hero sekciji ------------------------ */
.rad-shard{ position:relative; overflow:hidden; }
.rad-shard::after{
  content:""; position:absolute; inset:0 0 0 auto; width:34%;
  background:linear-gradient(135deg, rgba(27,176,206,.18), transparent);
  clip-path:polygon(38% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events:none; z-index:0;
}
.rad-shard > .e-con-inner, .rad-shard > .elementor-element{ position:relative; z-index:1; }

/* --- GLOW: radijalni cyan sjaj ----------------------------------------- */
.rad-glow{ position:relative; overflow:hidden; }
.rad-glow::before{
  content:""; position:absolute; bottom:-40%; left:-10%;
  width:55vw; height:55vw; pointer-events:none; z-index:0;
  background:radial-gradient(circle, rgba(27,176,206,.18), transparent 62%);
}
.rad-glow > .e-con-inner, .rad-glow > .elementor-element{ position:relative; z-index:1; }

/* --- NAV: staklasti sticky header --------------------------------------- */
.rad-nav{
  background:rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:box-shadow .3s;
}
.rad-nav.elementor-sticky--effects{
  box-shadow:0 12px 30px -22px rgba(14,23,48,.5);
}

/* --- PANEL TITLE: naslov + linija koja popunjava ostatak reda ----------- */
.rad-panel-title .elementor-heading-title{
  display:flex; align-items:center; gap:16px;
}
.rad-panel-title .elementor-heading-title::after{
  content:""; flex:1; height:1px; background:var(--e-global-color-line);
}

/* --- CERT: dekorativni krug u uglu ------------------------------------- */
.rad-cert{ position:relative; overflow:hidden; }
.rad-cert::after{
  content:""; position:absolute; top:-30px; right:-30px;
  width:110px; height:110px; border-radius:50%; pointer-events:none;
  border:2px solid rgba(27,176,206,.25);
}

/* --- FORM HEADING: crta ispred naslova forme --------------------------- */
.rad-fh .elementor-heading-title{
  display:inline-flex; align-items:center; gap:10px;
}
.rad-fh .elementor-heading-title::before{
  content:""; width:24px; height:2px; background:var(--e-global-color-primary);
}

/* --- MEGA MENU: da dropdown ne izgleda kao default --------------------- */
.rad-mega .e-n-menu-content > .e-con{
  border-top:2px solid var(--e-global-color-primary);
}

/* --- HUG: container u0161irine po sadru017eaju (Elementor nema fit-content u slideru) --- */
.rad-hug{ --width:fit-content; }

/* --- PANELI: fiksna visina + contain, kao .pan img u originalu --- */
.rad-panel-img img{
  width:100%;
  height:230px;
  object-fit:contain;
  background:#fff;
  padding:14px;
}


/* ==========================================================================
   FOOTER u2014 1:1 sa originalnim .fgrid / .fsoc / .fmap
   ========================================================================== */

/* grid 1.7fr 1fr 1fr 1.4fr u2014 Elementor slider daje samo repeat(N,1fr),
   pa gazimo istu varijablu koju Elementor i sam koristi */
.rad-fgrid{
  --e-con-grid-template-columns: 1.7fr 1fr 1fr 1.4fr;
  --e-con-grid-template-rows: auto;
}

/* logo 48px visine, sirina prati */
.rad-flogo img{ height:48px; width:auto; }

/* pasus ogranicen na 34ch kao u originalu */
.rad-fbrand-p{ max-width:34ch; }

/* FB / IG / IN u2014 kvadrati 38x38 */
.rad-fsoc .elementor-button{
  width:38px;
  height:38px;
  min-width:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.2s;
}

/* mapa: 16/10 + dark filter */
.rad-fmap .elementor-custom-embed, .rad-fmap iframe{
  aspect-ratio:16/10;
  height:auto !important;
  width:100%;
}
.rad-fmap .elementor-custom-embed{
  border:1px solid rgba(27,176,206,.2);
  border-radius:3px;
  overflow:hidden;
}
.rad-fmap iframe{
  border:0;
  filter:grayscale(.4) invert(.92) hue-rotate(180deg) contrast(.95);
}

@media (max-width:1024px){
  .rad-fgrid{ --e-con-grid-template-columns: 1fr 1fr; }
}
@media (max-width:767px){
  .rad-fgrid{ --e-con-grid-template-columns: 1fr; }
}


/* ==========================================================================
   HEADER u2014 1:1 sa originalnim .brand / .navlinks / .topbar
   ========================================================================== */

/* logo: visina 46px, sirina prati (original .brand img) */
.rad-brand img{ height:46px; width:auto; }

/* underline koja raste na hover u2014 original .navlinks a::after */
.rad-mega .e-n-menu-title-container{ position:relative; }
.rad-mega .e-n-menu-title-container::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:var(--e-global-color-primary);
  transition:width .25s;
}
.rad-mega .e-n-menu-item:hover .e-n-menu-title-container::after,
.rad-mega .e-n-menu-item:focus-within .e-n-menu-title-container::after{ width:100%; }

/* akcent link "Lasersko secenje" u2014 original .nav-accent (5. stavka) */
.rad-mega .e-n-menu-item:nth-child(5) .e-n-menu-title-text{
  color:var(--e-global-color-cyandeep);
  font-weight:600;
}

/* caret u cyan-deep, rotira se pri otvaranju */
.rad-mega .e-n-menu-dropdown-icon svg{ fill:var(--e-global-color-cyandeep); transition:transform .25s; }
.rad-mega .e-n-menu-item:hover .e-n-menu-dropdown-icon svg{ transform:rotate(180deg); }

/* topbar: glif + tekst u istom redu */
.rad-tl .elementor-icon-list-text, .rad-ts .elementor-icon-list-text{ display:inline-flex; gap:8px; align-items:center; }

/* mobile: original krije .hs stavke i .ts blok */
@media (max-width:767px){
  .rad-tl .elementor-icon-list-item:nth-child(2),
  .rad-tl .elementor-icon-list-item:nth-child(3){ display:none; }
  .rad-ts{ display:none; }
  .rad-brand img{ height:38px; }
}

/* ==========================================================================
   MARQUEE u2014 1:1 sa .strip / .strip-t iz style.css
   Elementor-ova inline lista dodaje margin-inline:8px i svoj ::after divider;
   oboje se ovde neutralise da razmaci budu tacno kao u originalu.
   ========================================================================== */

.rad-strip{ overflow:hidden; }

/* track: .strip-t */
.rad-strip .elementor-icon-list-items.elementor-inline-items{
  display:flex;
  flex-wrap:nowrap;
  white-space:nowrap;
  width:max-content;
  margin-inline:0;
  animation:rad-scroll 30s linear infinite;
  will-change:transform;
}

/* stavka: .strip-t span */
.rad-strip .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{
  margin-inline:0;
  padding:15px 28px;
  display:inline-flex;
  align-items:center;
  flex:none;
}

/* Elementor kaci svoj divider na li u2014 gasimo ga, nas ide na span */
.rad-strip .elementor-icon-list-item::after{ content:none; border:0; }

.rad-strip .elementor-icon-list-text{
  font-family:"Sora", sans-serif;
  font-weight:600;
  font-size:15px;
}

/* .strip-t span::after */
.rad-strip .elementor-icon-list-text::after{
  content:"◆";
  margin-left:28px;
  font-size:8px;
  opacity:.5;
}

@keyframes rad-scroll{ to{ transform:translateX(-50%); } }

@media (prefers-reduced-motion:reduce){
  .rad-strip .elementor-icon-list-items.elementor-inline-items{ animation:none; }
}

/* ==========================================================================
   PODSTRANICE u2014 iz pages.css. Samo nesvodivo: clip-path, pseudo-elementi,
   animacije. Grid/kartice/razmaci su native Elementor.
   ========================================================================== */

/* --- PHERO shard: dijagonalni gradijent + radijalni sjaj --- */
.rad-phero{ position:relative; overflow:hidden; }
.rad-phero::before{
  content:""; position:absolute; top:0; bottom:0; right:0; width:44%;
  background:linear-gradient(135deg, rgba(27,176,206,.16), transparent 70%);
  clip-path:polygon(30% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events:none; z-index:0;
}
.rad-phero::after{
  content:""; position:absolute; top:-25%; right:6%;
  width:38vw; height:38vw; max-width:520px; max-height:520px;
  background:radial-gradient(circle, rgba(27,176,206,.22), transparent 62%);
  pointer-events:none; z-index:0;
}
.rad-phero > .e-con-inner, .rad-phero > .elementor-element{ position:relative; z-index:2; }

/* --- HVIS: SVG vizual + rotirajuci isprekidani prsten --- */
.rad-hvis{ position:relative; min-height:280px; }
.rad-hvis img{
  max-width:420px; width:100%; height:auto;
  display:block; margin-inline:auto;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.4));
}
.rad-hv-ring{
  position:absolute;
  top:50%; left:50%;
  width:78%; aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px dashed rgba(27,176,206,.35);
  border-radius:50%;
  animation:rad-spin 40s linear infinite;
  pointer-events:none;
  min-height:0;
}
@keyframes rad-spin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .rad-hv-ring{ animation:none; } }

/* --- INTRO SIDE: naslov sa crticom (h3::before) --- */
.rad-side-h .elementor-heading-title{ display:inline-flex; align-items:center; gap:10px; }
.rad-side-h .elementor-heading-title::before{
  content:""; width:22px; height:2px; flex:none;
  background:var(--e-global-color-primary);
}

/* --- QK: kljuc/vrednost tabela, 1px linije kroz background --- */
.rad-qk .elementor-icon-list-item{ width:100%; }
.rad-qk .elementor-icon-list-text{ display:flex; justify-content:space-between; gap:14px; width:100%; }

/* --- METRICS: 1px razmak kao linija --- */
.rad-metrics{
  --e-con-grid-template-columns: repeat(4, 1fr);
  --e-con-grid-template-rows: auto;
}
@media (max-width:1000px){ .rad-metrics{ --e-con-grid-template-columns: repeat(2, 1fr); } }
@media (max-width:560px){ .rad-metrics{ --e-con-grid-template-columns: 1fr; } }

/* --- BGRID / BRAND / RELATED: 3 i 4 kolone --- */
.rad-grid-3{ --e-con-grid-template-columns: repeat(3, 1fr); --e-con-grid-template-rows: auto; }
.rad-grid-4{ --e-con-grid-template-columns: repeat(4, 1fr); --e-con-grid-template-rows: auto; }
.rad-grid-2{ --e-con-grid-template-columns: repeat(2, 1fr); --e-con-grid-template-rows: auto; }
@media (max-width:1000px){ .rad-grid-3, .rad-grid-4{ --e-con-grid-template-columns: repeat(2, 1fr); } }
@media (max-width:560px){ .rad-grid-2, .rad-grid-3, .rad-grid-4{ --e-con-grid-template-columns: 1fr; } }

/* --- CTABAND: cyan gradijent + beli dijagonalni klin --- */
.rad-ctaband{ position:relative; overflow:hidden; }
.rad-ctaband::after{
  content:""; position:absolute; top:0; bottom:0; right:0; width:40%;
  background:rgba(255,255,255,.08);
  clip-path:polygon(30% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events:none; z-index:0;
}
.rad-ctaband > .e-con-inner, .rad-ctaband > .elementor-element{ position:relative; z-index:2; }

/* ==========================================================================
   MEGA MENI u2014 mobilni toggle + razmaci (popravka)
   ========================================================================== */

.rad-mega .e-n-menu-toggle{
  margin-left:auto;
  margin-right:0;
  width:46px; height:46px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid #DBE6EC;
  border-radius:3px;
  background:#FFFFFF;
  color:#0E1730;
  padding:0;
}
.rad-mega .e-n-menu-toggle svg{ width:22px; height:22px; }

@media (min-width:1025px){
  .rad-mega .e-n-menu-heading{ gap:0; }
}

@media (max-width:1024px){
  .rad-mega .e-n-menu-wrapper{
    position:absolute;
    top:100%; left:0; right:0;
    background:#FFFFFF;
    border-top:1px solid #DBE6EC;
    box-shadow:0 18px 40px rgba(14,23,48,.12);
    padding:6px 0;
    max-height:calc(100vh - 120px);
    overflow-y:auto;
  }
  .rad-mega .e-n-menu-heading{
    flex-direction:column;
    align-items:stretch;
    gap:0 !important;
  }
  .rad-mega .e-n-menu-heading > .e-n-menu-item{
    width:100%;
    margin:0 !important;
  }
  .rad-mega .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{
    padding:14px 22px;
    border-bottom:1px solid #EEF3F5;
    width:100%;
  }
  .rad-mega .e-n-menu-title-container::after{ display:none; }
  .rad-mega .e-n-menu-content > .e-con{ padding:8px 18px 14px !important; }
  .rad-mega .e-n-menu-content .e-con-inner{ padding:0 !important; }
}/* End custom CSS */