.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-cb99374:#07A97D;--e-global-color-133c101:#282828;--e-global-color-133c102:#5C6864;--e-global-color-133c103:#CAD3CF;--e-global-color-133c104:#F2F4F3;--e-global-color-133c105:#0B8F6A;--e-global-color-133c106:#FFFFFF;--e-global-color-133c107:#E8ECEA;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-2641eea-font-family:"Archivo";--e-global-typography-2641eea-font-size:17px;--e-global-typography-2641eea-font-weight:600;--e-global-typography-2641eea-line-height:26px;--e-global-typography-sslist1-font-family:"IBM Plex Sans";--e-global-typography-sslist1-font-size:var(--ss-size-body);--e-global-typography-sslist1-font-weight:400;--e-global-typography-sslist1-line-height:1.55em;--e-global-typography-133f101-font-family:"Archivo";--e-global-typography-133f101-font-size:12px;--e-global-typography-133f101-font-weight:700;--e-global-typography-133f101-text-transform:uppercase;--e-global-typography-133f101-letter-spacing:0.12em;--e-global-typography-133f102-font-family:"IBM Plex Sans";--e-global-typography-133f102-font-size:15px;--e-global-typography-133f102-font-weight:400;--e-global-typography-133f103-font-family:"IBM Plex Sans";--e-global-typography-133f103-font-size:14.5px;--e-global-typography-133f103-font-weight:400;--e-global-typography-133f104-font-family:"IBM Plex Sans";--e-global-typography-133f104-font-size:12.5px;--e-global-typography-133f104-font-weight:400;--e-global-typography-133f105-font-family:"IBM Plex Sans";--e-global-typography-133f105-font-size:15.5px;--e-global-typography-133f105-font-weight:600;--e-global-typography-ssflowh1-font-family:"Archivo";--e-global-typography-ssflowh1-font-size:var(--ss-size-inner-hero);--e-global-typography-ssflowh1-font-weight:700;--e-global-typography-ssflowh1-line-height:1.15em;--e-global-typography-ssflowh2-font-family:"Archivo";--e-global-typography-ssflowh2-font-size:var(--ss-size-card-large);--e-global-typography-ssflowh2-font-weight:600;--e-global-typography-ssflowh2-line-height:1.3em;--e-global-typography-ssfaqbody-font-family:"IBM Plex Sans";--e-global-typography-ssfaqbody-font-size:var(--ss-size-body);--e-global-typography-ssfaqbody-font-weight:400;--e-global-typography-ssfaqbody-line-height:1.68em;--e-global-typography-sscatnav-font-family:"IBM Plex Sans";--e-global-typography-sscatnav-font-size:15px;--e-global-typography-sscatnav-font-weight:400;--e-global-typography-sscatnav-line-height:20px;--e-global-typography-sscatsub-font-family:"IBM Plex Sans";--e-global-typography-sscatsub-font-size:14px;--e-global-typography-sscatsub-font-weight:400;--e-global-typography-sscatsub-line-height:20px;--e-global-typography-ssprojtitle-font-family:"Archivo";--e-global-typography-ssprojtitle-font-size:var(--ss-size-card);--e-global-typography-ssprojtitle-font-weight:600;--e-global-typography-ssprojtitle-line-height:normal;--e-global-typography-ssprojmeta-font-family:"IBM Plex Sans";--e-global-typography-ssprojmeta-font-size:var(--ss-size-small);--e-global-typography-ssprojmeta-font-weight:400;--e-global-typography-ssprojmeta-line-height:1.5em;--e-global-typography-ssprojquote-font-family:"IBM Plex Sans";--e-global-typography-ssprojquote-font-size:16.5px;--e-global-typography-ssprojquote-font-weight:400;--e-global-typography-ssprojquote-font-style:normal;--e-global-typography-ssprojquote-line-height:1.68em;--e-global-typography-ssprojsign-font-family:"Archivo";--e-global-typography-ssprojsign-font-size:16px;--e-global-typography-ssprojsign-font-weight:600;--e-global-typography-ssprojsign-font-style:normal;--e-global-typography-ssprojsign-line-height:1.4em;background-color:var(--ss-paper);color:#3A4441;font-family:"IBM Plex Sans", Sans-serif;line-height:normal;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:var( --e-global-color-133c107 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-133c103 );}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:var( --e-global-color-133c107 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-133c103 );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-133c101 );background-image:var( --e-global-color-133c101 );font-family:var( --e-global-typography-133f105-font-family ), Sans-serif;font-size:var( --e-global-typography-133f105-font-size );font-weight:var( --e-global-typography-133f105-font-weight );border-width:1px 1px 1px 1px;}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:#3C3C3C !important;background-image:none !important;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-133c107 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-133c103 );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-133c101 );background-image:var( --e-global-color-133c101 );font-family:var( --e-global-typography-133f105-font-family ), Sans-serif;font-size:var( --e-global-typography-133f105-font-size );font-weight:var( --e-global-typography-133f105-font-weight );border-width:1px 1px 1px 1px;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:#3C3C3C !important;background-image:none !important;}.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);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-133c101 );font-family:var( --e-global-typography-sslist1-font-family ), Sans-serif;font-size:var( --e-global-typography-sslist1-font-size );font-weight:var( --e-global-typography-sslist1-font-weight );line-height:var( --e-global-typography-sslist1-line-height );--error-message-normal-links-color:var( --e-global-color-133c105 );--error-message-hover-links-color:var( --e-global-color-133c101 );--error-box-border-radius:2px 2px 2px 2px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-133f105-font-family ), Sans-serif;font-size:var( --e-global-typography-133f105-font-size );font-weight:var( --e-global-typography-133f105-font-weight );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-133c101 );font-family:var( --e-global-typography-sslist1-font-family ), Sans-serif;font-size:var( --e-global-typography-sslist1-font-size );font-weight:var( --e-global-typography-sslist1-font-weight );line-height:var( --e-global-typography-sslist1-line-height );--message-message-icon-color:var( --e-global-color-133c105 );--message-box-border-radius:2px 2px 2px 2px;--message-buttons-normal-text-color:var( --e-global-color-133c106 );--message-buttons-hover-text-color:var( --e-global-color-133c106 );--message-buttons-hover-border-color:#3C3C3C;--message-buttons-hover-transition-duration:220ms;--message-border-type:solid;--message-border-color:var( --e-global-color-133c101 );--message-buttons-border-radius:2px 2px 2px 2px;--message-buttons-padding:12px 22px 12px 22px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:var( --e-global-typography-133f105-font-family ), Sans-serif;font-size:var( --e-global-typography-133f105-font-size );font-weight:var( --e-global-typography-133f105-font-weight );}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-133c105 );}.e-wc-message-notice .woocommerce-message .restore-item:hover, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item:hover, .e-wc-message-notice .woocommerce-message a:not([class]):hover, .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]):hover{--notice-message-hover-links-color:var( --e-global-color-133c101 );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-133c101 );font-family:var( --e-global-typography-sslist1-font-family ), Sans-serif;font-size:var( --e-global-typography-sslist1-font-size );font-weight:var( --e-global-typography-sslist1-font-weight );line-height:var( --e-global-typography-sslist1-line-height );--info-message-icon-color:var( --e-global-color-133c105 );--info-box-border-radius:2px 2px 2px 2px;--info-buttons-normal-text-color:var( --e-global-color-133c106 );--info-buttons-hover-text-color:var( --e-global-color-133c106 );--info-buttons-hover-border-color:#3C3C3C;--info-buttons-hover-transition-duration:220ms;--info-border-type:solid;--info-border-color:var( --e-global-color-133c101 );--info-buttons-border-radius:2px 2px 2px 2px;--info-buttons-padding:12px 22px 12px 22px;}.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;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-sslist1-font-size );line-height:var( --e-global-typography-sslist1-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-133f105-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-sslist1-font-size );line-height:var( --e-global-typography-sslist1-line-height );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-133f105-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-133f105-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-sslist1-font-size );line-height:var( --e-global-typography-sslist1-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-133f105-font-size );}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-2641eea-font-size:16px;--e-global-typography-2641eea-line-height:24px;--e-global-typography-ssprojtitle-font-size:var(--ss-size-product-mobile);--e-global-typography-ssprojmeta-font-size:var(--ss-size-body);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-sslist1-font-size );line-height:var( --e-global-typography-sslist1-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-133f105-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-sslist1-font-size );line-height:var( --e-global-typography-sslist1-line-height );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-133f105-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-133f105-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-sslist1-font-size );line-height:var( --e-global-typography-sslist1-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-133f105-font-size );}}:root { --ss-primary:#07A97D; --ss-ink:#282828; --ss-paper:#F2F4F3; --ss-paper-alt:#E8ECEA; --ss-text:#3A4441; --ss-muted:#5C6864; --ss-line:#CAD3CF; --ss-accent:#0F7A57; --ss-dark:#1B211F; --ss-dark-alt:#262E2B; --ss-dark-text:#EAEFEC; --ss-dark-muted:#9BA6A1; --ss-heading:Archivo; --ss-body:IBM Plex Sans; --ss-mono:IBM Plex Mono; --ss-size-hero:clamp(32px, 4vw, 52px); --ss-size-section:clamp(24px, 2.6vw, 32px); --ss-size-lead:clamp(16.5px, 1.35vw, 18px); --ss-size-hero-lead:clamp(16.5px, 1.4vw, 19px); --ss-size-eyebrow:13.5px; --ss-size-card:20px; --ss-size-card-large:24px; --ss-size-feature:18px; --ss-size-body:15.5px; --ss-size-small:14.5px; --ss-size-cta:26px; --ss-size-button:15.5px; --ss-size-project:19px; --ss-size-meta:11.5px; --ss-size-cta-body:16.5px; --ss-button-height:52px; --ss-button-padding:26px; --ss-primary-hover:#0B8F6A; --ss-size-scene:21px; --ss-size-product-mobile:16.5px; --ss-size-cta-mobile:22px; --ss-space-kicker-heading:18px; --ss-space-heading-lead:16px; --ss-content-max:1280px; --ss-space-section:clamp(56px,7vw,88px); --ss-space-gutter:clamp(22px,3vw,40px); --ss-size-inner-hero:clamp(32px, calc(26px + 1.6vw), 46px); --ss-dark-line:#3D4844; }
/* Start custom CSS *//* Zajednicke dopune: stanja potomaka, sticky/popup scroll, pristupacnost i legacy arhiva.
 * Font tijela je native Site Settings > Typography. Popup pozadina, sirina, padding i sjenka su native Popup Settings.
 * Pojedinacni blokovi navode konkretnu namjenu; ovaj komentar nije potvrda da svako pravilo nema native alternativu. */
/* SMART SYSTEMS — ZAJEDNIČKI CSS
 * Uređivanje: Site Settings → Custom CSS.
 * Komentari objašnjavaju svako pravilo; browser ih ne izvršava.
 */


/* Fontovi dizajna: Archivo, IBM Plex Sans i IBM Plex Mono. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

/* Osnovni stil sajta — html,body */
html,body {
  margin: 0; /* spoljašnji razmak */
  padding: 0; /* unutrašnji razmak */
}

/* Osnovni stil sajta — html */
html {
  scroll-behavior: smooth; /* način pomjeranja do sidra */
}

/* Osnovni stil sajta — body */
body {
  -webkit-font-smoothing: antialiased; /* izgled ivica slova */
}

/* Osnovni stil sajta — *,*::before,*::after */
*,*::before,*::after {
  box-sizing: border-box; /* obračun dimenzija sa paddingom i okvirom */
}

/* Osnovni stil sajta — a */
a {
  text-decoration: none; /* podvlačenje linka */
}

/* Osnovni stil sajta — button */
button {
  font-family: inherit; /* porodica fonta */
}

/* Osnovni stil sajta — ::selection */
::selection {
  background: #07A97D; /* pozadina */
  color: #282828; /* boja teksta/ikone */
}

/* Osnovni stil sajta — h1,h2,h3,h4,h5,p */
h1,h2,h3,h4,h5,p {
  margin-top: 0; /* spoljašnji razmak */
}

/* Tastatura — vidljiv fokus */
a:focus-visible,button:focus-visible {
  outline: 2px solid #0F7A57; /* indikator fokusa tastature */
  outline-offset: 3px; /* odmak indikatora fokusa */
}

/* Osnovni stil sajta — .elementor-widget */
.elementor-widget {
  min-width: 0; /* najmanja širina */
}

/* Osnovni stil sajta — .elementor-widget:not(:last-child) */
.elementor-widget:not(:last-child) {
  margin-bottom: 0; /* spoljašnji razmak */
}

/* Osnovni stil sajta — body .e-con */
body .e-con {
  --container-default-padding-top: 0; /* poništava dodatni Elementor padding */
  --container-default-padding-right: 0; /* poništava dodatni Elementor padding */
  --container-default-padding-bottom: 0; /* poništava dodatni Elementor padding */
  --container-default-padding-left: 0; /* poništava dodatni Elementor padding */
}



/* Osnovni stil sajta — .e-button-base */
.e-button-base {
  cursor: pointer; /* oblik pokazivača */
  font-family: inherit; /* porodica fonta */
  text-decoration: none; /* podvlačenje linka */
}

/* Osnovni stil sajta — .e-image-base */
.e-image-base {
  display: block; /* način rasporeda */
}

/* Ikonice — veličina i nasljeđivanje boje */
.ss-inline-icon {
  display: inline-flex; /* način rasporeda */
  width: auto!important; /* širina */
  line-height: 0; /* visina reda teksta */
  flex: none; /* rast i skupljanje u Flexboxu */
}

/* Ikonice — veličina i nasljeđivanje boje */
.ss-inline-icon .elementor-icon {
  display: flex; /* način rasporeda */
}

/* Header — desktop mega meni */
.ss-native-menu {
  width: auto!important; /* širina */
  flex: 1; /* rast i skupljanje u Flexboxu */
  min-width: 0; /* najmanja širina */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-heading {
  
  flex-wrap: nowrap!important; /* prelamanje elemenata */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-title {
  
  border-bottom: 2px solid transparent; /* dio okvira */
  transition: color .2s cubic-bezier(.22,.61,.36,1),border-color .2s; /* svojstva koja se animiraju i trajanje */
}

/* Header — desktop mega meni */


/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-title:hover,.ss-native-menu .e-n-menu-title.e-active {
  border-bottom-color: #07A97D; /* dio okvira */
  color: #0F7A57; /* boja teksta/ikone */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-dropdown-icon {
  width: 8px; /* širina */
  height: 8px; /* visina */
  min-width: 8px; /* najmanja širina */
  margin-left: 7px; /* spoljašnji razmak */
  padding: 0; /* unutrašnji razmak */
  background: none; /* pozadina */
  color: #5C6864; /* boja teksta/ikone */
}


/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-content>.e-con {
  padding: 0!important; /* unutrašnji razmak */
}

/* Header — desktop mega meni */


/* Uslov prikaza: (max-width:1024px) */

@media(max-width:1024px) {

/* Header — desktop mega meni */
.ss-native-menu {
  display: none!important; /* način rasporeda */
}
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel .swiper {
  aspect-ratio: 3/2; /* odnos širine i visine */
  border: 1px solid #3D4844; /* okvir */
  overflow: hidden; /* skrol i odsijecanje viška */
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel img {
  width: 100%; /* širina */
  height: 100%; /* visina */
  aspect-ratio: 3/2; /* odnos širine i visine */
  object-fit: cover; /* kadriranje slike */
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel .swiper-pagination {
  bottom: 10px!important; /* odmak od dna */
  left: 12px!important; /* odmak slijeva */
  width: auto!important; /* širina */
  display: flex; /* način rasporeda */
  align-items: center; /* poravnanje elemenata */
  gap: 3px; /* razmak među elementima */
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel .swiper-pagination-bullet {
  width: 22px; /* širina */
  height: 3px; /* visina */
  border-radius: 0; /* zaobljenje uglova */
  background: rgba(234,239,236,.45); /* pozadina */
  opacity: 1; /* providnost */
  transition: width .35s,background .35s; /* svojstva koja se animiraju i trajanje */
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel .swiper-pagination-bullet-active {
  width: 34px; /* širina */
  background: #07A97D; /* pozadina */
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel .swiper-pagination-bullet:before {
  content: ''; /* dekorativni sadržaj */
  position: absolute; /* način pozicioniranja */
  inset: -15px 0; /* odmak od ivica */
}

/* Smart Lighting — karusel i kontrole scena */
.ss-scenes-carousel .swiper-wrapper {
  transition-timing-function: cubic-bezier(.22,.61,.36,1); /* ubrzavanje/usporavanje animacije */
}

/* Smart Lighting — karusel i kontrole scena */
[data-ss-scene] {
  border-left-color: transparent!important; /* dio okvira */
}

/* Smart Lighting — karusel i kontrole scena */
[data-ss-scene].ss-scene-active {
  border-left-color: #07A97D!important; /* dio okvira */
}

/* Vodiči — karusel i strelice */
.ss-guides-carousel .swiper-slide>.e-con {
  padding: 0; /* unutrašnji razmak */
  gap: 0; /* razmak među elementima */
}

/* Vodiči — karusel i strelice */
.ss-guides-carousel .elementor-swiper-button {
  display: none; /* način rasporeda */
}

/* Vodiči — karusel i strelice */
.ss-guides-carousel .swiper-wrapper {
  transition-timing-function: cubic-bezier(.22,.61,.36,1); /* ubrzavanje/usporavanje animacije */
}

/* Vodiči — karusel i strelice */
[data-ss-guides][disabled] {
  color: #CAD3CF!important; /* boja teksta/ikone */
  cursor: default!important; /* oblik pokazivača */
  background: transparent!important; /* pozadina */
}

/* Mobilni meni — panel */


/* Mobilni meni — jedina skrol površina */
#elementor-popup-modal-50 .dialog-message {
  width: 100%; /* širina */
  height: 100%; /* visina */
  overflow: auto; /* skrol i odsijecanje viška */
  padding: 0; /* unutrašnji razmak */
}

/* Mobilni meni — položaj i prikaz popupa */
.ss-mobile-nav .elementor-nav-menu--dropdown {
  background: #F2F4F3; /* pozadina */
}

/* Mobilni meni — položaj i prikaz popupa */
.ss-mobile-nav .elementor-nav-menu>li {
  border-bottom: 1px solid #CAD3CF; /* dio okvira */
}

/* Mobilni meni — glavne stavke */
.ss-mobile-nav a.elementor-item {
  font: 600 16.5px/1.4 'Archivo',sans-serif; /* font i razmak redova */
  min-height: 56px; /* najmanja visina */
  padding: 17px 22px; /* unutrašnji razmak */
  color: #282828; /* boja teksta/ikone */
}

/* Mobilni meni — plus/minus */
.ss-mobile-nav .sub-arrow {
  margin-left: auto; /* spoljašnji razmak */
  padding: 0 0 0 24px; /* unutrašnji razmak */
}

/* Mobilni meni — podstavke */
.ss-mobile-nav a.elementor-sub-item {
  font: 400 15.5px/1.45 'IBM Plex Sans',sans-serif; /* font i razmak redova */
  padding: 12px 22px 12px 34px; /* unutrašnji razmak */
  color: #5C6864; /* boja teksta/ikone */
  min-height: 48px; /* najmanja visina */
  background: #F2F4F3; /* pozadina */
  border-bottom: 1px solid #E8ECEA; /* dio okvira */
  transition: color .18s,padding-left .18s; /* svojstva koja se animiraju i trajanje */
}

/* Mobilni meni — podstavke */
.ss-mobile-nav a.elementor-sub-item:hover {
  padding-left: 42px; /* unutrašnji razmak */
  color: #0F7A57; /* boja teksta/ikone */
}

/* Mobilni meni — glavne stavke */
.ss-mobile-nav .elementor-item:hover {
  background: #E8ECEA; /* pozadina */
  color: #0F7A57; /* boja teksta/ikone */
}

/* Uslov prikaza: (prefers-reduced-motion:reduce) */

@media(prefers-reduced-motion:reduce) {

/* Osnovni stil sajta — html */
html {
  scroll-behavior: auto; /* način pomjeranja do sidra */
}

/* Osnovni stil sajta — * */
* {
  animation-duration: .01ms!important; /* trajanje animacije */
  transition-duration: .01ms!important; /* trajanje prelaza */
}
}

/* Header — desktop mega meni */
.ss-native-menu {
  flex: 1 1 0!important; /* rast i skupljanje u Flexboxu */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-title,.ss-native-menu .e-n-menu-title-text {
  white-space: normal!important; /* prelamanje teksta */
  text-align: center; /* poravnanje teksta */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-heading {
  width: 100%; /* širina */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-item {
  min-width: 0; /* najmanja širina */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-title-container {
  min-width: 0; /* najmanja širina */
}

/* Header — desktop mega meni */


/* Header — sticky samo na javnoj stranici; editor mora ostati u normalnom toku. */
body:not(.elementor-editor-active) .elementor-location-header {
  position: sticky; /* način pozicioniranja */
  top: calc(var(--ss-admin-height,0px) - var(--ss-utility-height,44px)); /* odmak od vrha */
  z-index: 80; /* redoslijed preklapanja */
}

/* Header — sticky položaj */
.elementor-location-header>header {
  position: relative; /* Sticky vodi spoljasnji header; ovdje ne pravimo drugi sticky nivo. */
  top: 0; /* zadrzan postojeci odmak */
}

/* Osnovni stil sajta — html */
html {
  scroll-padding-top: var(--ss-anchor-offset,100px); /* odmak sidra ispod headera */
}

/* Osnovni stil sajta — body */


/* Header — desktop mega meni */



/* Header — desktop mega meni */


/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-dropdown-icon svg {
  display: none; /* način rasporeda */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-dropdown-icon::after {
  content: ""; /* dekorativni sadržaj */
  display: block; /* način rasporeda */
  width: 5px; /* širina */
  height: 5px; /* visina */
  border-right: 1px solid #5C6864; /* dio okvira */
  border-bottom: 1px solid #5C6864; /* dio okvira */
  transform: rotate(45deg); /* vizuelno pomjeranje/uvećanje */
  transition: transform .2s; /* svojstva koja se animiraju i trajanje */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-dropdown-icon[aria-expanded="true"]::after {
  transform: rotate(225deg); /* vizuelno pomjeranje/uvećanje */
}

/* Smart Lighting — karusel i kontrole scena */
[data-ss-scene] {
  white-space: normal!important; /* prelamanje teksta */
}

/* Uslov prikaza: (max-width:767px) */

@media(max-width:767px) {

/* Footer — donja mobilna CTA traka */
.elementor-location-footer>div:last-child {
  position: fixed!important; /* način pozicioniranja */
  left: 0; /* odmak slijeva */
  right: 0; /* odmak zdesna */
  bottom: 0; /* odmak od dna */
  width: 100%; /* širina */
  z-index: 70; /* redoslijed preklapanja */
}

/* Osnovni stil sajta — body */
body {
  padding-bottom: 49px; /* unutrašnji razmak */
}
}

/* Mobilni meni — plus/minus */
.ss-mobile-nav .sub-arrow svg {
  display: none; /* način rasporeda */
}

/* Mobilni meni — plus/minus */
.ss-mobile-nav .sub-arrow::before {
  content: "+"; /* dekorativni sadržaj */
  font: 400 25px/1 "IBM Plex Sans",sans-serif; /* font i razmak redova */
}

/* Mobilni meni — plus/minus */
.ss-mobile-nav [aria-expanded="true"] .sub-arrow::before {
  content: "−"; /* dekorativni sadržaj */
}

/* Header — desktop mega meni */
.ss-native-menu .e-n-menu-title-text {
  line-height: normal!important; /* visina reda teksta */
}

/* Ikonice — veličina i nasljeđivanje boje */
[data-ss-icon]>img {
  display: block; /* način rasporeda */
  width: 100%; /* širina */
  height: 100%; /* visina */
  max-width: none; /* najveća širina */
}

/* Ikonice — veličina i nasljeđivanje boje */
[data-ss-icon].ss-mask-ready {
  background: currentColor; /* pozadina */
  mask-image: var(--ss-icon-mask); /* slika za oblik jednobojne ikone */
  mask-size: contain; /* veličina maske ikone */
  mask-repeat: no-repeat; /* ponavljanje maske */
  mask-position: center; /* položaj maske */
}

/* Ikonice — veličina i nasljeđivanje boje */
[data-ss-icon].ss-mask-ready>img {
  opacity: 0; /* providnost */
}

/* Header — desktop mega meni */


/* Mobilni meni — glavne stavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-item {
  font: 600 16.5px/1.4 "Archivo",sans-serif; /* font i razmak redova */
}

/* Mobilni meni — podstavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-sub-item {
  font: 400 15.5px/1.45 "IBM Plex Sans",sans-serif; /* font i razmak redova */
}

/* Naslovna / Čime se bavimo Rasvjeta i smart sistemi za savremene enterijere P / Prekidači i utičnice — kartica → Saznajte više → — efekat interakcije */
.e-b15a827-ss:hover .e-7f77b9e-ss,.e-b15a827-ss:focus-visible .e-7f77b9e-ss {
  gap: 15px!important; /* razmak među elementima */
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / Čime se bavimo Rasvjeta i smart sistemi za savremene enterijere P / LED rasvjeta — kartica → Saznajte više → — efekat interakcije */
.e-066f1f5-ss:hover .e-ba55ac2-ss,.e-066f1f5-ss:focus-visible .e-ba55ac2-ss {
  gap: 15px!important; /* razmak među elementima */
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / Čime se bavimo Rasvjeta i smart sistemi za savremene enterijere P / Smart Home sistemi — kartica → Saznajte više → — efekat interakcije */
.e-90249ff-ss:hover .e-d8191cd-ss,.e-90249ff-ss:focus-visible .e-d8191cd-ss {
  gap: 15px!important; /* razmak među elementima */
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED trake COB, CCT, RGB, 220V, neon, IP67 → img — efekat interakcije */
.e-7ad6d0d-ss:hover .e-3de6c47-ss,.e-7ad6d0d-ss:focus-visible .e-3de6c47-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED trake COB, CCT, RGB, 220V, neon, IP67 → div — efekat interakcije */
.e-7ad6d0d-ss:hover .e-a44aa88-ss,.e-7ad6d0d-ss:focus-visible .e-a44aa88-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED trake COB, CCT, RGB, 220V, neon, IP67 → LED trake — efekat interakcije */
.e-7ad6d0d-ss:hover .e-96bf293-ss,.e-7ad6d0d-ss:focus-visible .e-96bf293-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Magnetna šinska Moduli se lako pomijeraju i kombinuju. → img — efekat interakcije */
.e-db4ee90-ss:hover .e-f8d5d85-ss,.e-db4ee90-ss:focus-visible .e-f8d5d85-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Magnetna šinska Moduli se lako pomijeraju i kombinuju. → div — efekat interakcije */
.e-db4ee90-ss:hover .e-fc72607-ss,.e-db4ee90-ss:focus-visible .e-fc72607-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Magnetna šinska Moduli se lako pomijeraju i kombinuju. → Magnetna šinska — efekat interakcije */
.e-db4ee90-ss:hover .e-cf548f4-ss,.e-db4ee90-ss:focus-visible .e-cf548f4-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Spot i downlight Ugradni, nadgradni i podesivi modeli. → img — efekat interakcije */
.e-91bc957-ss:hover .e-a2ca14f-ss,.e-91bc957-ss:focus-visible .e-a2ca14f-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Spot i downlight Ugradni, nadgradni i podesivi modeli. → div — efekat interakcije */
.e-91bc957-ss:hover .e-760b4fc-ss,.e-91bc957-ss:focus-visible .e-760b4fc-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Spot i downlight Ugradni, nadgradni i podesivi modeli. → Spot i downlight — efekat interakcije */
.e-91bc957-ss:hover .e-739d529-ss,.e-91bc957-ss:focus-visible .e-739d529-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Dekorativna Odaberite vaše omiljene lustere. → img — efekat interakcije */
.e-82dcbb5-ss:hover .e-41699a5-ss,.e-82dcbb5-ss:focus-visible .e-41699a5-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Dekorativna Odaberite vaše omiljene lustere. → div — efekat interakcije */
.e-82dcbb5-ss:hover .e-31c1ffb-ss,.e-82dcbb5-ss:focus-visible .e-31c1ffb-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Dekorativna Odaberite vaše omiljene lustere. → Dekorativna — efekat interakcije */
.e-82dcbb5-ss:hover .e-3ccdf32-ss,.e-82dcbb5-ss:focus-visible .e-3ccdf32-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Fasadna i dvorišna IP65 i IP67 modeli za vanjsku upotrebu. → img — efekat interakcije */
.e-9febc96-ss:hover .e-750dd3a-ss,.e-9febc96-ss:focus-visible .e-750dd3a-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Fasadna i dvorišna IP65 i IP67 modeli za vanjsku upotrebu. → div — efekat interakcije */
.e-9febc96-ss:hover .e-83ad2a8-ss,.e-9febc96-ss:focus-visible .e-83ad2a8-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Fasadna i dvorišna IP65 i IP67 modeli za vanjsku upotrebu. → Fasadna i dvorišna — efekat interakcije */
.e-9febc96-ss:hover .e-63483ae-ss,.e-9febc96-ss:focus-visible .e-63483ae-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED modularna Jedinstvena forma inspirisana vašim stilom. → img — efekat interakcije */
.e-fe62d8e-ss:hover .e-3d13e23-ss,.e-fe62d8e-ss:focus-visible .e-3d13e23-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED modularna Jedinstvena forma inspirisana vašim stilom. → div — efekat interakcije */
.e-fe62d8e-ss:hover .e-c04a3ce-ss,.e-fe62d8e-ss:focus-visible .e-c04a3ce-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED modularna Jedinstvena forma inspirisana vašim stilom. → LED modularna — efekat interakcije */
.e-fe62d8e-ss:hover .e-c0432c0-ss,.e-fe62d8e-ss:focus-visible .e-c0432c0-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED za namještaj Police, vinoteke, kuhinje i plakari. → img — efekat interakcije */
.e-adf930f-ss:hover .e-bbfa69b-ss,.e-adf930f-ss:focus-visible .e-bbfa69b-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED za namještaj Police, vinoteke, kuhinje i plakari. → div — efekat interakcije */
.e-adf930f-ss:hover .e-c76d3c0-ss,.e-adf930f-ss:focus-visible .e-c76d3c0-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / LED za namještaj Police, vinoteke, kuhinje i plakari. → LED za namještaj — efekat interakcije */
.e-adf930f-ss:hover .e-b0c4cf8-ss,.e-adf930f-ss:focus-visible .e-b0c4cf8-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Flex magnetne Savitljiva linija svjetla. → img — efekat interakcije */
.e-243dee1-ss:hover .e-6f2aabe-ss,.e-243dee1-ss:focus-visible .e-6f2aabe-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Flex magnetne Savitljiva linija svjetla. → div — efekat interakcije */
.e-243dee1-ss:hover .e-e24ca70-ss,.e-243dee1-ss:focus-visible .e-e24ca70-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(0,0,0,.4)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / LED rasvjeta Rasvjeta koja prati namjenu prostora Dnevni boravak / Flex magnetne Savitljiva linija svjetla. → Flex magnetne — efekat interakcije */
.e-243dee1-ss:hover .e-4195d81-ss,.e-243dee1-ss:focus-visible .e-4195d81-ss {
  color: #07A97D!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart brave Otisak, PIN, šifra, kartica ili telefon. → img — efekat interakcije */
.e-40da56b-ss:hover .e-9f6c8b8-ss,.e-40da56b-ss:focus-visible .e-9f6c8b8-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart brave Otisak, PIN, šifra, kartica ili telefon. → div — efekat interakcije */
.e-40da56b-ss:hover .e-59114e9-ss,.e-40da56b-ss:focus-visible .e-59114e9-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart brave Otisak, PIN, šifra, kartica ili telefon. → Smart brave — efekat interakcije */
.e-40da56b-ss:hover .e-5d1537b-ss,.e-40da56b-ss:focus-visible .e-5d1537b-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart zavjese i roletne Savršena kontrola prirodne svjetlosti. → img — efekat interakcije */
.e-59f741d-ss:hover .e-aa316a3-ss,.e-59f741d-ss:focus-visible .e-aa316a3-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart zavjese i roletne Savršena kontrola prirodne svjetlosti. → div — efekat interakcije */
.e-59f741d-ss:hover .e-d28c3ec-ss,.e-59f741d-ss:focus-visible .e-d28c3ec-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart zavjese i roletne Savršena kontrola prirodne svjetlosti. → Smart zavjese i roletne — efekat interakcije */
.e-59f741d-ss:hover .e-6247f45-ss,.e-59f741d-ss:focus-visible .e-6247f45-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart termostati Grijanje prema zadatom rasporedu. → img — efekat interakcije */
.e-01571d2-ss:hover .e-4957508-ss,.e-01571d2-ss:focus-visible .e-4957508-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart termostati Grijanje prema zadatom rasporedu. → div — efekat interakcije */
.e-01571d2-ss:hover .e-0abfc73-ss,.e-01571d2-ss:focus-visible .e-0abfc73-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart termostati Grijanje prema zadatom rasporedu. → Smart termostati — efekat interakcije */
.e-01571d2-ss:hover .e-fd405b8-ss,.e-01571d2-ss:focus-visible .e-fd405b8-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart senzori i kontroleri Voda, dim, CO, pokret, ventili i sklop → img — efekat interakcije */
.e-4506d55-ss:hover .e-50104ff-ss,.e-4506d55-ss:focus-visible .e-50104ff-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart senzori i kontroleri Voda, dim, CO, pokret, ventili i sklop → div — efekat interakcije */
.e-4506d55-ss:hover .e-94b8d08-ss,.e-4506d55-ss:focus-visible .e-94b8d08-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart senzori i kontroleri Voda, dim, CO, pokret, ventili i sklop → Smart senzori i kontroleri — efekat interakcije */
.e-4506d55-ss:hover .e-9754145-ss,.e-4506d55-ss:focus-visible .e-9754145-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / FOTO NEDOSTAJE 4:3 · kamera u enterijeru Smart kamere Unutrašnje, → FOTO NEDOSTAJE 4:3 · kamera u enterijeru — efekat interakcije */
.e-f1c3ab1-ss:hover .e-f3b1882-ss,.e-f1c3ab1-ss:focus-visible .e-f3b1882-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / FOTO NEDOSTAJE 4:3 · kamera u enterijeru Smart kamere Unutrašnje, → Smart kamere — efekat interakcije */
.e-f1c3ab1-ss:hover .e-fe8edb5-ss,.e-f1c3ab1-ss:focus-visible .e-fe8edb5-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart kontrola pristupa Otisak, PIN, šifra, kartice i evidencija. → img — efekat interakcije */
.e-36a40bf-ss:hover .e-acab798-ss,.e-36a40bf-ss:focus-visible .e-acab798-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart kontrola pristupa Otisak, PIN, šifra, kartice i evidencija. → div — efekat interakcije */
.e-36a40bf-ss:hover .e-065ad30-ss,.e-36a40bf-ss:focus-visible .e-065ad30-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart kontrola pristupa Otisak, PIN, šifra, kartice i evidencija. → Smart kontrola pristupa — efekat interakcije */
.e-36a40bf-ss:hover .e-93fb4df-ss,.e-36a40bf-ss:focus-visible .e-93fb4df-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart interfoni Video interfon i daljinsko otvaranje. → img — efekat interakcije */
.e-ff7bd62-ss:hover .e-08ff311-ss,.e-ff7bd62-ss:focus-visible .e-08ff311-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart interfoni Video interfon i daljinsko otvaranje. → div — efekat interakcije */
.e-ff7bd62-ss:hover .e-9da5c7d-ss,.e-ff7bd62-ss:focus-visible .e-9da5c7d-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Smart interfoni Video interfon i daljinsko otvaranje. → Smart interfoni — efekat interakcije */
.e-ff7bd62-ss:hover .e-2f2162c-ss,.e-ff7bd62-ss:focus-visible .e-2f2162c-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Centralna kontrola Aplikacija i centralni touch display. → img — efekat interakcije */
.e-8cb3835-ss:hover .e-e2524b4-ss,.e-8cb3835-ss:focus-visible .e-e2524b4-ss {
  transform: scale(1.055)!important; /* vizuelno pomjeranje/uvećanje */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Centralna kontrola Aplikacija i centralni touch display. → div — efekat interakcije */
.e-8cb3835-ss:hover .e-ecd008b-ss,.e-8cb3835-ss:focus-visible .e-ecd008b-ss {
  box-shadow: inset 0 0 0 2px #07A97D,0 14px 30px rgba(27,33,31,.16)!important; /* sjenka/isticanje kartice */
  border-color: #07A97D!important; /* boja okvira */
}

/* Naslovna / Smart Home sistemi Pametan dom nije samo lijep centralni ekran To / Centralna kontrola Aplikacija i centralni touch display. → Centralna kontrola — efekat interakcije */
.e-8cb3835-ss:hover .e-5056e2f-ss,.e-8cb3835-ss:focus-visible .e-5056e2f-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Projekti Projekti koji potvrđuju naš kvalitet Naša rasvjeta i sma / FOTO NEDOSTAJE 8/3 · vila, dnevni boravak uveče Smart Vila Podgor → Smart Vila Podgorica · rasvjeta i smart sistem — efekat interakcije */
.e-e5143c7-ss:hover .e-ff0a674-ss,.e-e5143c7-ss:focus-visible .e-ff0a674-ss {
  padding-bottom: 28px!important; /* unutrašnji razmak */
}

/* Naslovna / Projekti Projekti koji potvrđuju naš kvalitet Naša rasvjeta i sma / FOTO NEDOSTAJE 4/3 · stan, hodnik Privatna rezidencija Tivat → Privatna rezidencija Tivat — efekat interakcije */
.e-cf53cca-ss:hover .e-896216b-ss,.e-cf53cca-ss:focus-visible .e-896216b-ss {
  padding-bottom: 28px!important; /* unutrašnji razmak */
}

/* Naslovna / Projekti Projekti koji potvrđuju naš kvalitet Naša rasvjeta i sma / FOTO NEDOSTAJE 4/3 · hotelski lobi Boutique hotel Kotor → Boutique hotel Kotor — efekat interakcije */
.e-6dfb97d-ss:hover .e-e6a9bb4-ss,.e-6dfb97d-ss:focus-visible .e-e6a9bb4-ss {
  padding-bottom: 28px!important; /* unutrašnji razmak */
}

/* Naslovna / Projekti Projekti koji potvrđuju naš kvalitet Naša rasvjeta i sma / FOTO NEDOSTAJE 4/3 · restoran, večernja rasvjeta Restoran Podgori → Restoran Podgorica — efekat interakcije */
.e-baee131-ss:hover .e-2d8c14a-ss,.e-baee131-ss:focus-visible .e-2d8c14a-ss {
  padding-bottom: 28px!important; /* unutrašnji razmak */
}

/* Naslovna / Projekti Projekti koji potvrđuju naš kvalitet Naša rasvjeta i sma / FOTO NEDOSTAJE 4/3 · kancelarija, linijska rasvjeta Poslovni pros → Poslovni prostor Podgorica — efekat interakcije */
.e-52a3b32-ss:hover .e-cb77848-ss,.e-52a3b32-ss:focus-visible .e-cb77848-ss {
  padding-bottom: 28px!important; /* unutrašnji razmak */
}

/* Naslovna / Showroom Isprobajte uživo i uvjerite se u kvalitet U našem showro / Paneli u više boja i materijala — uživo je lakše odabrati */
.e-b0b4afe-ss::before {
  content: "✓"; /* Showroom: zajednička zelena kvačica umjesto crtice. */
  position: absolute; /* Oznaka ostaje u postojećem lijevom prostoru reda. */
  left: 0;
  top: 12px; /* Poravnanje sa prvim redom teksta. */
  width: 16px;
  height: auto;
  color: var(--ss-primary); /* Ista globalna zelena kao na ostalim listama. */
  background: none;
  line-height: inherit;
}

/* Naslovna / Showroom Isprobajte uživo i uvjerite se u kvalitet U našem showro / Uporedite tople i neutralne nijanse — 3000K, 4000K */
.e-1512262-ss::before {
  content: "✓"; /* Showroom: zajednička zelena kvačica umjesto crtice. */
  position: absolute; /* Oznaka ostaje u postojećem lijevom prostoru reda. */
  left: 0;
  top: 12px; /* Poravnanje sa prvim redom teksta. */
  width: 16px;
  height: auto;
  color: var(--ss-primary); /* Ista globalna zelena kao na ostalim listama. */
  background: none;
  line-height: inherit;
}

/* Naslovna / Showroom Isprobajte uživo i uvjerite se u kvalitet U našem showro / Aplikacija i smart kontrola u svakodnevnoj upotrebi */
.e-e182bff-ss::before {
  content: "✓"; /* Showroom: zajednička zelena kvačica umjesto crtice. */
  position: absolute; /* Oznaka ostaje u postojećem lijevom prostoru reda. */
  left: 0;
  top: 12px; /* Poravnanje sa prvim redom teksta. */
  width: 16px;
  height: auto;
  color: var(--ss-primary); /* Ista globalna zelena kao na ostalim listama. */
  background: none;
  line-height: inherit;
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · makro COB trake LED rasvjeta Kako izabrati → FOTO NEDOSTAJE 16:9 · makro COB trake — efekat interakcije */
.e-45efbb7-ss:hover .e-a0126ea-ss,.e-45efbb7-ss:focus-visible .e-a0126ea-ss {
  border-color: #07A97D!important; /* boja okvira */
  box-shadow: inset 0 0 0 2px #07A97D!important; /* sjenka/isticanje kartice */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · makro COB trake LED rasvjeta Kako izabrati → Kako izabrati LED traku: COB, CCT, RGB i 220V — efekat interakcije */
.e-45efbb7-ss:hover .e-fad0511-ss,.e-45efbb7-ss:focus-visible .e-fad0511-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · dijagram tehnologija Smart Home Prednosti b → FOTO NEDOSTAJE 16:9 · dijagram tehnologija — efekat interakcije */
.e-1757e8e-ss:hover .e-da08631-ss,.e-1757e8e-ss:focus-visible .e-da08631-ss {
  border-color: #07A97D!important; /* boja okvira */
  box-shadow: inset 0 0 0 2px #07A97D!important; /* sjenka/isticanje kartice */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · dijagram tehnologija Smart Home Prednosti b → Prednosti bežične smart home tehnologije — efekat interakcije */
.e-1757e8e-ss:hover .e-4bfad36-ss,.e-1757e8e-ss:focus-visible .e-4bfad36-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · trasa magnetne šine LED rasvjeta Magnetna š → FOTO NEDOSTAJE 16:9 · trasa magnetne šine — efekat interakcije */
.e-5b5f5fb-ss:hover .e-c773b2f-ss,.e-5b5f5fb-ss:focus-visible .e-c773b2f-ss {
  border-color: #07A97D!important; /* boja okvira */
  box-shadow: inset 0 0 0 2px #07A97D!important; /* sjenka/isticanje kartice */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · trasa magnetne šine LED rasvjeta Magnetna š → Magnetna šinska rasvjeta: vodič za planiranje — efekat interakcije */
.e-5b5f5fb-ss:hover .e-619e1f1-ss,.e-5b5f5fb-ss:focus-visible .e-619e1f1-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · poređenje osvijetljenosti LED rasvjeta Koli → FOTO NEDOSTAJE 16:9 · poređenje osvijetljenosti — efekat interakcije */
.e-8193dc8-ss:hover .e-e0b6860-ss,.e-8193dc8-ss:focus-visible .e-e0b6860-ss {
  border-color: #07A97D!important; /* boja okvira */
  box-shadow: inset 0 0 0 2px #07A97D!important; /* sjenka/isticanje kartice */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · poređenje osvijetljenosti LED rasvjeta Koli → Koliko lumena je potrebno prostoriji — efekat interakcije */
.e-8193dc8-ss:hover .e-20fa3af-ss,.e-8193dc8-ss:focus-visible .e-20fa3af-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · tri panela, makro Prekidači Dizajnerski pre → FOTO NEDOSTAJE 16:9 · tri panela, makro — efekat interakcije */
.e-38feffb-ss:hover .e-b3f0dbb-ss,.e-38feffb-ss:focus-visible .e-b3f0dbb-ss {
  border-color: #07A97D!important; /* boja okvira */
  box-shadow: inset 0 0 0 2px #07A97D!important; /* sjenka/isticanje kartice */
}

/* Naslovna / Vodiči Korisni savjeti za odabir FOTO NEDOSTAJE 16:9 · makro COB / FOTO NEDOSTAJE 16:9 · tri panela, makro Prekidači Dizajnerski pre → Dizajnerski prekidači: staklo, aluminijum ili PVC — efekat interakcije */
.e-38feffb-ss:hover .e-a901fdc-ss,.e-38feffb-ss:focus-visible .e-a901fdc-ss {
  color: #0F7A57!important; /* boja teksta/ikone */
}

/* Mobilni meni — položaj i prikaz popupa */
#elementor-popup-modal-50 {
  position: fixed !important; /* način pozicioniranja */
  inset: 0 !important; /* odmak od ivica */
  width: 100% !important; /* širina */
  height: 100dvh !important; /* visina */
  overflow: hidden; /* skrol i odsijecanje viška */
  overscroll-behavior: none; /* sprečava prenos skrola na pozadinsku stranicu */
  z-index: 100001; /* redoslijed preklapanja */
}

/* Mobilni meni — panel */
#elementor-popup-modal-50 .dialog-widget-content {
  height: 100%; /* visina */
  max-height: 100%; /* najveća visina */
  overflow: hidden; /* skrol i odsijecanje viška */
}

/* Mobilni meni — jedina skrol površina */
#elementor-popup-modal-50 .dialog-message {
  height: 100%; /* visina */
  overflow-x: hidden; /* horizontalni višak sadržaja */
  overflow-y: auto; /* vertikalni skrol */
  overscroll-behavior: contain; /* sprečava prenos skrola na pozadinsku stranicu */
  overflow-anchor: none; /* sprečava automatsko pomjeranje skrola */
  scroll-behavior: auto; /* način pomjeranja do sidra */
  -webkit-overflow-scrolling: touch; /* tečno dodirno skrolovanje */
}

/* Mobilni meni — položaj i prikaz popupa */
#elementor-popup-modal-50 .elementor-location-popup {
  min-height: 100%; /* najmanja visina */
}

/* Mobilni meni — nativno X dugme */
#elementor-popup-modal-50 .dialog-close-button {
  width: 44px; /* širina */
  height: 44px; /* visina */
  padding: 0; /* unutrašnji razmak */
  border: 1px solid #CAD3CF; /* okvir */
  border-radius: 2px; /* zaobljenje uglova */
  align-items: center; /* poravnanje elemenata */
  justify-content: center; /* raspodjela prostora */
  color: #282828; /* boja teksta/ikone */
  background: #F2F4F3; /* pozadina */
  transition: color .2s, background-color .2s, border-color .2s; /* svojstva koja se animiraju i trajanje */
}

/* Mobilni meni — nativno X dugme */
#elementor-popup-modal-50 .dialog-close-button svg {
  width: 19px; /* širina */
  height: 19px; /* visina */
  fill: currentColor; /* boja SVG ikone */
}

/* Header — hamburger dugme */
.elementor-location-header [data-ss-open-menu],
.elementor-location-header [data-ss-open-menu]:focus,
.elementor-location-header [data-ss-open-menu]:active {
  background: transparent; /* pozadina */
  color: #282828; /* boja teksta/ikone */
  border-color: #CAD3CF; /* boja okvira */
}

/* Smart Lighting — karusel i kontrole scena */
.elementor [data-ss-scene],
.elementor [data-ss-scene]:focus,
.elementor [data-ss-scene]:active {
  background: transparent; /* pozadina */
  color: inherit; /* boja teksta/ikone */
}

/* Mobilni meni — nativno X dugme */
#elementor-popup-modal-50 .dialog-close-button:focus,
#elementor-popup-modal-50 .dialog-close-button:active {
  background: #F2F4F3; /* pozadina */
  color: #282828; /* boja teksta/ikone */
}

/* Mobilni meni — glavne stavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-item,
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-item:focus,
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-item:hover {
  background: #F2F4F3; /* pozadina */
  color: #282828; /* boja teksta/ikone */
  padding: 17px 22px; /* unutrašnji razmak */
  line-height: 1.4; /* visina reda teksta */
  transition: color .18s, background-color .18s; /* svojstva koja se animiraju i trajanje */
}

/* Mobilni meni — glavne stavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-item[aria-expanded="true"] {
  background: #E8ECEA; /* pozadina */
  color: #0F7A57; /* boja teksta/ikone */
}

/* Mobilni meni — podstavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-sub-item,
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-sub-item:focus,
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-sub-item:hover {
  background: #F2F4F3; /* pozadina */
  color: #5C6864; /* boja teksta/ikone */
  padding: 12px 22px 12px 34px; /* unutrašnji razmak */
  line-height: 1.45; /* visina reda teksta */
  transition: color .18s, padding-left .18s, padding-right .18s; /* svojstva koja se animiraju i trajanje */
}

/* Uslov prikaza: (hover: hover) and (pointer: fine) */

@media (hover: hover) and (pointer: fine) {

/* Mobilni meni — nativno X dugme */
.elementor-location-header [data-ss-open-menu]:hover,
  #elementor-popup-modal-50 .dialog-close-button:hover {
  background: #282828; /* pozadina */
  color: #fff; /* boja teksta/ikone */
  border-color: #282828; /* boja okvira */
}

/* Smart Lighting — karusel i kontrole scena */
.elementor [data-ss-scene]:hover {
  background: rgba(255,255,255,.035); /* pozadina */
}

/* Mobilni meni — glavne stavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-item:hover {
  background: #E8ECEA; /* pozadina */
  color: #0F7A57; /* boja teksta/ikone */
}

/* Mobilni meni — podstavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-sub-item:hover {
  color: #0F7A57; /* boja teksta/ikone */
  padding-left: 42px; /* unutrašnji razmak */
  padding-right: 14px; /* unutrašnji razmak */
}
}

/* Uslov prikaza: (hover: none) */

@media (hover: none) {

/* Header — hamburger dugme */
.elementor-location-header [data-ss-open-menu]:hover {
  background: transparent; /* pozadina */
  color: #282828; /* boja teksta/ikone */
  border-color: #CAD3CF; /* boja okvira */
}

/* Smart Lighting — karusel i kontrole scena */
.elementor [data-ss-scene]:hover {
  background: transparent; /* pozadina */
  padding-left: 16px; /* unutrašnji razmak */
}

/* Mobilni meni — podstavke */
#elementor-popup-modal-50 .ss-mobile-nav a.elementor-sub-item:hover {
  padding-left: 34px; /* unutrašnji razmak */
  padding-right: 22px; /* unutrašnji razmak */
}
}

/* Mobilni meni — položaj i prikaz popupa */
.elementor-location-header [data-ss-open-menu]:focus-visible,
.elementor [data-ss-scene]:focus-visible,
#elementor-popup-modal-50 a:focus-visible {
  outline: 2px solid #07A97D; /* indikator fokusa tastature */
  outline-offset: -3px; /* odmak indikatora fokusa */
}


/* Smart Lighting: trajni akcenat nezavisno od active stanja i zavrsnog slash-a. */
.ss-native-menu a[href$="/smart-lighting"] .e-n-menu-title-text,
.ss-native-menu a[href$="/smart-lighting/"] .e-n-menu-title-text { color: var(--ss-accent) !important; }

/* SS shop obavjestenja: samo dugmad u Woo porukama. Native Kit upravlja
   bojama; nema preciznu kontrolu pomaka unutrasnjeg dugmeta. */

/* SS shop dugmad — isti blagi pomak od 2px kao referentna dugmad.
   Native Woo animation Float ima fiksni veci pomak, bez kontrole amplitude.
   Boje/fontovi ostaju native; transition obuhvata sve promjene stanja. */
body.elementor-kit-9 .woocommerce-message a.button,
body.elementor-kit-9 .woocommerce-info a.button {transition:background-color 220ms cubic-bezier(.22,.61,.36,1),border-color 220ms ease,color 220ms ease,box-shadow 220ms ease,transform 220ms ease;}
body.elementor-kit-9 .woocommerce-message a.button:hover:not(:disabled),
body.elementor-kit-9 .woocommerce-info a.button:hover:not(:disabled) {transform:translateY(-2px);}
/* Postuje korisnikovu postavku smanjenog kretanja. */
@media(prefers-reduced-motion:reduce){body.elementor-kit-9 .woocommerce-message a.button,
body.elementor-kit-9 .woocommerce-info a.button {transition:none;} body.elementor-kit-9 .woocommerce-message a.button:hover:not(:disabled),
body.elementor-kit-9 .woocommerce-info a.button:hover:not(:disabled) {transform:none;}}


/* CookieYes — odobrene boje (02–03.11.2026): besplatni panel ih ne nudi.
   Stilovi su ograničeni na CookieYes; saglasnost i blokiranje ostaju native.
   !important nadjačava isključivo inline boje koje ispisuje ovaj plugin. */
.cky-consent-container .cky-consent-bar {
  background-color: var(--e-global-color-133c101, #282828) !important;
  border-color: var(--e-global-color-133c101, #282828) !important;
}
.cky-consent-container .cky-title,
.cky-consent-container .cky-notice-des {
  color: var(--e-global-color-133c106, #FFFFFF) !important;
}
/* Panel za pojedinačna podešavanja ostaje svijetao radi čitljivosti. */
.cky-modal .cky-preference-center {
  background-color: var(--e-global-color-133c104, #F2F4F3) !important;
  border-color: var(--e-global-color-133c103, #CAD3CF) !important;
  color: var(--e-global-color-133c101, #282828) !important;
}
.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
/* Prihvatanje i čuvanje izbora koriste postojeće zelene tokene sajta. */
.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept,
.cky-modal .cky-btn-preferences {
  color: var(--e-global-color-133c101, #282828) !important;
  background-color: var(--e-global-color-cb99374, #07A97D) !important;
  border-color: var(--e-global-color-cb99374, #07A97D) !important;
}
.cky-consent-container .cky-btn-accept:hover,
.cky-modal .cky-btn-accept:hover,
.cky-modal .cky-btn-preferences:hover {
  background-color: var(--e-global-color-133c105, #0B8F6A) !important;
  border-color: var(--e-global-color-133c105, #0B8F6A) !important;
}
/* Odbijanje i podešavanja ostaju jasno vidljivi na tamnom banneru. */
.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-customize {
  color: var(--e-global-color-133c106, #FFFFFF) !important;
  border-color: var(--e-global-color-133c106, #FFFFFF) !important;
  background-color: transparent !important;
}
.cky-consent-container .cky-btn-reject:hover,
.cky-consent-container .cky-btn-customize:hover {
  color: var(--e-global-color-133c101, #282828) !important;
  background-color: var(--e-global-color-133c106, #FFFFFF) !important;
}
.cky-modal .cky-btn-reject {
  color: var(--e-global-color-133c101, #282828) !important;
  border-color: var(--e-global-color-133c101, #282828) !important;
  background-color: transparent !important;
}
.cky-modal .cky-btn-reject:hover {
  color: var(--e-global-color-133c106, #FFFFFF) !important;
  background-color: var(--e-global-color-133c101, #282828) !important;
}
/* Svijetli link na tamnom banneru; zeleni linkovi u svijetlom panelu. */
.cky-consent-container a { color: var(--e-global-color-133c106, #FFFFFF) !important; }
.cky-modal a,
.cky-modal .cky-show-desc-btn { color: var(--e-global-color-133c105, #0B8F6A) !important; }
.cky-consent-container .cky-btn:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.cky-modal .cky-btn:focus-visible { outline: 2px solid var(--e-global-color-133c101, #282828); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .cky-consent-container .cky-btn,
  .cky-modal .cky-btn { transition: none; }
}


/* SS SEARCH — approved 2026-11-04. Only missing interaction/layout controls.
 * Colours, fonts, padding and borders of the search widgets remain native. */
.ss-search-ui .jet-ajax-search__field:focus { outline: none; box-shadow: none; }
.ss-search-ui .jet-ajax-search__field:focus-visible {
  outline: 2px solid var(--e-global-color-cb99374, #07A97D);
  outline-offset: -2px;
}
.ss-search-ui .jet-ajax-search__submit {
  transition: color 200ms ease, background-color 200ms ease, transform 200ms ease;
}
/* Hello's focus/active pink must not replace the native primary button. */
.ss-search-ui .jet-ajax-search__submit:focus:not(:hover),
.ss-search-ui .jet-ajax-search__submit:active:not(:hover) {
  background-color: var(--e-global-color-cb99374, #07A97D);
  color: var(--e-global-color-133c101, #282828);
}
.ss-search-ui .jet-ajax-search__full-results:focus,
.ss-search-ui .jet-ajax-search__full-results:active {
  background-color: transparent;
  color: var(--e-global-color-133c105, #0B8F6A);
}
@media (hover: hover) and (pointer: fine) {
  .ss-search-ui .jet-ajax-search__submit:hover { transform: translateY(-2px); }
}
/* Native popup X has no square target/border controls. Match menu's 44px box. */
#elementor-popup-modal-3753 .dialog-close-button {
  width: 44px; height: 44px; padding: 0;
  border: 1px solid var(--e-global-color-133c103, #CAD3CF);
  border-radius: 2px; align-items: center; justify-content: center;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}
#elementor-popup-modal-3753 .dialog-close-button:hover {
  border-color: var(--e-global-color-133c101, #282828);
}
/* Results participate in panel height; JetSearch otherwise absolutely positions them. */
#elementor-popup-modal-3753 .jet-ajax-search__results-area {
  position: relative; top: auto; margin-top: 12px; display: none;
}
#elementor-popup-modal-3753 .jet-ajax-search__results-area.show { display: block; }
/* Header height changes on scroll and for logged-in users. The small controller
 * supplies its measured bottom; native popup controls do not provide this anchor. */
#elementor-popup-modal-3753 {
  /* Elementor switches admin lightboxes to sticky; keep this measured panel fixed. */
  position: fixed;
}
/* Logged-in QA/editor users must also be able to reach the close button. */
body.admin-bar #elementor-popup-modal-3753 { z-index: 100000; }
@media (min-width: 1025px) {
  #elementor-popup-modal-3753 {
    top: var(--ss-search-panel-top, 134px);
    height: calc(100dvh - var(--ss-search-panel-top, 134px));
  }
  #elementor-popup-modal-3753 .dialog-message {
    max-height: calc(100dvh - var(--ss-search-panel-top, 134px));
    overflow-y: auto;
  }
}
/* Mobile/tablet panel includes the whole viewport, also with the WP toolbar. */
@media (max-width: 1024px) {
  #elementor-popup-modal-3753 { top: 0; height: 100dvh; }
  #elementor-popup-modal-3753 .dialog-message { max-height: 100dvh; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .ss-search-ui .jet-ajax-search__submit,
  #elementor-popup-modal-3753 .dialog-close-button { transition: none; }
  #elementor-popup-modal-3753 .dialog-widget-content { animation-duration: 0.01ms !important; }
}

/* SS slider controls — G7, 2026-11-05.
   Native controls do not expose text-selection/tap-highlight. Scope only to
   navigation controls: rapid clicks must not select nearby captions; slide
   content remains selectable. Keyboard focus and native Swiper stay intact. */
.elementor-widget-n-carousel .elementor-swiper-button,
[data-ss-guides],
.jet-woo-product-gallery-slider .jet-swiper-button-prev,
.jet-woo-product-gallery-slider .jet-swiper-button-next {
  user-select:none; -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}/* End custom CSS */