.elementor-kit-6{--e-global-color-primary:#060606;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* HEADER PREKO HERO-A / LOOP CAROUSELA (NASLOVNICA) */

/* 0) Dijagnostika: privremeno uključi okvir da vidiš je li selektor pogađa (možeš obrisati nakon) */
/*
body.home header#qodef-page-header,
body.home .qodef-header-outer,
body.home .qodef-header,
body.home #qodef-page-header,
body.home #qodef-page-header-inner { outline: 1px solid magenta !important; }
*/

/* 1) Stavi header preko sadržaja */
body.home header#qodef-page-header,
body.home .qodef-header-outer,
body.home .qodef-header,
body.home #qodef-page-header,
body.home #qodef-page-header-inner {
  position: absolute !important;
  top: 0; left: 0; right: 0;
  background: transparent !important;
  z-index: 9999 !important;
}

/* 2) Ako tema dodaje “sticky” klase, oboji pri scrollu (možeš prilagoditi po potrebi) */
body.home .qodef-header--sticky,
body.home .qodef-header.is-sticky,
body.home header#qodef-page-header.is-sticky {
  position: fixed !important;
  background: rgba(255,255,255,.9) !important;
  backdrop-filter: saturate(180%) blur(8px);
}

/* 3) Prvi section (Loop Carousel) mora biti ispod headera, ali iznad pozadine */
body.home .elementor-section:first-of-type,
body.home .loop-carousel,
body.home .loop-carousel * {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) Ukloni globalni “push-down” koji Qode često stavlja na content kad je header fixed */
body.home .qodef-content,
body.home .qodef-page-content,
body.home .qodef-content .qodef-content-inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 5) Kontrast menija preko hero-a – bijeli linkovi na naslovnici (po potrebi promijeni boju) */
body.home header#qodef-page-header a,
body.home .qodef-header-outer a,
body.home .qodef-header a {
  color: #fff !important;
}

/* 6) Admin bar offset (kad si logiran) */
body.admin-bar.home header#qodef-page-header,
body.admin-bar.home .qodef-header-outer,
body.admin-bar.home .qodef-header { top: 32px !important; }
@media (max-width: 782px){
  body.admin-bar.home header#qodef-page-header,
  body.admin-bar.home .qodef-header-outer,
  body.admin-bar.home .qodef-header { top: 46px !important; }
}



/* === MOBILE: header preko hero-a na NASLOVNICI === */
@media (max-width: 1024px){
  .home .qodef-mobile-header,
  .home header#qodef-page-header,
  .home #qodef-page-header-inner {
    position: absolute !important;
    top: 0; left: 0; right: 0;
    background: transparent !important;
    z-index: 10000 !important;
  }

  /* Ukloni bilo kakav globalni gornji razmak koji gura sadržaj dolje */
  .home .qodef-content,
  .home .qodef-page-content,
  .home .qodef-content .qodef-content-inner,
  .home .elementor-section:first-of-type{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Osiguraj da je hero ispod headera, ali iznad pozadine */
  .home .elementor-section:first-of-type,
  .home .loop-carousel{ position: relative; z-index: 1; }

  /* Bijeli logo/ikonice na hero fotki (po potrebi promijeni u #111) */
  .home .qodef-mobile-header a,
  .home .qodef-mobile-header .qodef-mobile-menu-opener,
  .home .qodef-mobile-header .qodef-hamburger,
  .home .qodef-mobile-header .qodef-mobile-logo-link{
    color: #fff !important;
    fill: #fff !important;
  }

  /* Sticky state na skrolu – da postane čitljiv */
  .home .qodef-mobile-header.qodef-header--sticky,
  .home header#qodef-page-header.is-sticky{
    position: fixed !important;
    background: rgba(255,255,255,.9) !important;
    backdrop-filter: saturate(180%) blur(8px);
  }

  /* Ako je mobilni meni panel iza hero-a, digni ga iznad svega */
  .qodef-mobile-nav,
  .qodef-mobile-menu,
  .qodef-mobile-menu-opener,
  .qodef-opener-icon {
    z-index: 10001 !important;
  }
}

/* WP admin bar offset kad si ulogiran (mobitel/tablet) */
@media (max-width: 782px){
  .admin-bar.home .qodef-mobile-header,
  .admin-bar.home header#qodef-page-header{ top: 46px !important; }
}/* End custom CSS */