.elementor-2667 .elementor-element.elementor-element-9a9186f{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.7s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}.elementor-2667 .elementor-element.elementor-element-9a9186f:not(.elementor-motion-effects-element-type-background), .elementor-2667 .elementor-element.elementor-element-9a9186f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2667 .elementor-element.elementor-element-9a9186f:hover{background-color:#FFFFFF;}body:not(.rtl) .elementor-2667 .elementor-element.elementor-element-9a9186f{left:0px;}body.rtl .elementor-2667 .elementor-element.elementor-element-9a9186f{right:0px;}.elementor-2667 .elementor-element.elementor-element-97b5318{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2667 .elementor-element.elementor-element-58c1f3a{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;}.elementor-2667 .elementor-element.elementor-element-58c1f3a.elementor-element{--align-self:flex-end;}.elementor-2667 .elementor-element.elementor-element-dc8703c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2667 .elementor-element.elementor-element-dc8703c:not(.elementor-motion-effects-element-type-background), .elementor-2667 .elementor-element.elementor-element-dc8703c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2667 .elementor-element.elementor-element-6d22def{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2667 .elementor-element.elementor-element-6d22def.e-con{--align-self:center;}.elementor-2667 .elementor-element.elementor-element-a4cda40 .custom-header-logo{text-align:center;}.elementor-2667 .elementor-element.elementor-element-0deb573{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2667 .elementor-element.elementor-element-411129a .custom-header-nav #site-navigation-wrap, .elementor-2667 .elementor-element.elementor-element-411129a .custom-header-nav .fs-dropdown-menu, .elementor-2667 .elementor-element.elementor-element-411129a .custom-header-nav .oceanwp-mobile-menu-icon{text-align:center;}.elementor-2667 .elementor-element.elementor-element-77835bf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}@media(min-width:768px){.elementor-2667 .elementor-element.elementor-element-97b5318{--width:15%;}.elementor-2667 .elementor-element.elementor-element-dc8703c{--width:70%;}.elementor-2667 .elementor-element.elementor-element-77835bf{--width:15%;}}/* Start custom CSS for container, class: .elementor-element-77835bf */.side-panel-btn .fa-shopping-bag {
    font-size: 22px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a9186f *//* =====================================================
   TRANSPARENTNI HEADER + HOVER  (OceanWP Nav + Elementor)
   ===================================================== */

/* 1) Header sekcija — potpuno transparentna */
.elementor-location-header .elementor-section,
.elementor-location-header .e-con,
.elementor-location-header .elementor-container {
    background: transparent !important;
}

/* 2) Top-level meni — bijeli font */
.oew-nav-menu > li > a {
    color: #ffffff !important;
    transition: background-color .2s ease, color .2s ease;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 18px;        /* podesi razmak po želji */
}

/* 3) Hover / aktivni item — bijela pozadina, crn font */
.oew-nav-menu > li:hover > a,
.oew-nav-menu > li.current-menu-item > a,
.oew-nav-menu > li.current-menu-parent > a,
.oew-nav-menu > li.focus > a {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* 4) Submenu — bijela pozadina koja "nastavlja" hover */
.oew-nav-menu .sub-menu {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    margin-top: 0 !important;   /* lijepi se uz parent, bez razmaka */
    padding: 6px 0 !important;
}

.oew-nav-menu .sub-menu li a {
    color: #000000 !important;
    background-color: transparent !important;
    padding: 10px 18px !important;
}

.oew-nav-menu .sub-menu li:hover > a,
.oew-nav-menu .sub-menu li.current-menu-item > a {
    background-color: #f4f4f4 !important;
    color: #000000 !important;
}

/* =====================================================
   MOBILNO — popravak layouta i hamburgera
   ===================================================== */
@media (max-width: 1024px) {

    /* Header ne smije imati negativni margin/transform
       na mobilnom — to ti "raspada" raspored */
    .elementor-location-header,
    .elementor-location-header > section,
    .elementor-location-header > .elementor {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        transform: none !important;
    }

    /* Ako negativni margin guraš na prvu sekciju ispod
       headera (klasičan trik za "podmetanje" pozadine),
       isključi ga na mobilnom: */
    .page-content > .elementor-section:first-child,
    .entry-content > .elementor-section:first-child,
    main .elementor-section:first-of-type {
        margin-top: 0 !important;
    }

    /* Hamburger ikona — bijela da se vidi preko slike */
    .oew-mobile-menu-icon,
    .oew-mobile-menu-icon i,
    .oew-mobile-menu-icon svg {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    /* Otvoreni mobilni meni — bijela pozadina, crni font */
    .oew-mobile-nav-menu,
    .oew-mobile-nav-menu .sub-menu {
        background-color: #ffffff !important;
        border: none !important;
    }

    .oew-mobile-nav-menu a {
        color: #000000 !important;
    }

    .oew-mobile-nav-menu li {
        border-bottom: 1px solid #eee;
    }
}/* End custom CSS */