/* ==========================================
   KULLMANN – KONTAKT CTA

   Menu stavka "Kontakt" mora imati
   CSS klasu: kontakt
========================================== */

:root {
    --k-contact-orange: #ff5f24;
    --k-contact-gradient: linear-gradient(
        180deg,
        #f8911a 0%,
        #ec5015 100%
    );
    --k-contact-white: #ffffff;
}


/* ==========================================
   OPĆE PORAVNANJE MENU STAVKI
========================================== */

body .et_pb_menu
.et_pb_menu__menu > nav > ul > li {
    align-items: center;
}


/* ==========================================
   DESKTOP KONTAKT CTA
========================================== */

@media all and (min-width: 981px) {

    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt {
        display: flex !important;
        align-items: center !important;
        margin-left: 18px;
        padding: 0 !important;
    }

    /*
     * Specifičan selektor uklanja Divi:
     * padding: 31px 0;
     */
    body .et_pb_menu--with-logo
    .et_pb_menu__menu > nav > ul > li.kontakt > a,
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a {
        position: relative;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        margin: 0 !important;
        padding: 0 25px !important;
        box-sizing: border-box !important;
        overflow: hidden;

        color: var(--k-contact-white) !important;
        -webkit-text-fill-color: var(--k-contact-white) !important;

        border: 1px solid var(--k-contact-orange) !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        font-family: inherit;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em;
        text-align: center;
        text-decoration: none;
       /* text-transform: none;*/

        opacity: 1 !important;
        box-shadow: none;

        transform: translateY(0);

        transition:
            color 300ms ease,
            background-color 300ms ease,
            background-image 300ms ease,
            border-color 300ms ease,
            box-shadow 300ms ease,
            transform 300ms cubic-bezier(.2, .8, .2, 1) !important;
    }

    /* Uklanja Divi strelice, linije i pseudo-elemente */
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a::before,
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: none !important;
    }

    /* Hover i aktivna Kontakt stranica */
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a:hover,
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt.current-menu-item > a,
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt.current_page_item > a,
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt.current-menu-ancestor > a {
        color: var(--k-contact-white) !important;
        -webkit-text-fill-color: var(--k-contact-white) !important;

        border-color: transparent !important;

        background-color: var(--k-contact-orange) !important;
        background-image: var(--k-contact-gradient) !important;

        opacity: 1 !important;

        box-shadow: 0 8px 20px rgba(236, 80, 21, 0.25);
        transform: translateY(-2px);
    }

    /* Tipkovnica */
    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a:focus-visible {
        color: var(--k-contact-white) !important;
        -webkit-text-fill-color: var(--k-contact-white) !important;

        border-color: var(--k-contact-orange) !important;

        outline: 2px solid var(--k-contact-orange);
        outline-offset: 4px;
    }
}


/* ==========================================
   MOBILE KONTAKT CTA
========================================== */

@media all and (max-width: 980px) {

    body .et_mobile_menu li.kontakt {
        margin: 18px 5% 12px;
        padding: 0 !important;
    }

    body .et_mobile_menu li.kontakt > a {
        position: relative;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        margin: 0 !important;
        padding: 0 22px !important;
        box-sizing: border-box !important;
        overflow: hidden;

        color: var(--k-contact-white) !important;
        -webkit-text-fill-color: var(--k-contact-white) !important;

        border: 1px solid var(--k-contact-orange) !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        font-family: inherit;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em;
        text-align: center;
        text-decoration: none;
        text-transform: none;

        opacity: 1 !important;
        box-shadow: none;

        transform: translateY(0);

        transition:
            color 300ms ease,
            background-color 300ms ease,
            background-image 300ms ease,
            border-color 300ms ease,
            box-shadow 300ms ease,
            transform 300ms cubic-bezier(.2, .8, .2, 1) !important;
    }

    /* Uklanja mobilne strelice i linije */
    body .et_mobile_menu li.kontakt > a::before,
    body .et_mobile_menu li.kontakt > a::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: none !important;
    }

    /* Hover, pritisak i aktivna Kontakt stranica */
    body .et_mobile_menu li.kontakt > a:hover,
    body .et_mobile_menu li.kontakt > a:focus,
    body .et_mobile_menu li.kontakt > a:active,
    body .et_mobile_menu li.kontakt.current-menu-item > a,
    body .et_mobile_menu li.kontakt.current_page_item > a,
    body .et_mobile_menu li.kontakt.current-menu-ancestor > a {
        color: var(--k-contact-white) !important;
        -webkit-text-fill-color: var(--k-contact-white) !important;

        border-color: transparent !important;

        background-color: var(--k-contact-orange) !important;
        background-image: var(--k-contact-gradient) !important;

        opacity: 1 !important;

        box-shadow: 0 8px 20px rgba(236, 80, 21, 0.22);
        transform: translateY(-2px);
    }

    /* Tipkovnica */
    body .et_mobile_menu li.kontakt > a:focus-visible {
        border-color: var(--k-contact-orange) !important;
        outline: 2px solid var(--k-contact-orange);
        outline-offset: 4px;
    }
}


/* ==========================================
   TEKST U EVENTUALNOM SPAN ELEMENTU
========================================== */

body .et_pb_menu li.kontakt > a span,
body .et_mobile_menu li.kontakt > a span {
    color: var(--k-contact-white) !important;
    -webkit-text-fill-color: var(--k-contact-white) !important;
    opacity: 1 !important;
}


/* ==========================================
   REDUCED MOTION
========================================== */

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

    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a,
    body .et_mobile_menu li.kontakt > a {
        transition: none !important;
        transform: none !important;
    }
}























/* Top-level linkovi */


/* Underline */
.b-menu .et_pb_menu__menu > nav > ul > li > a::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 100%;
      bottom: 18px;
    height: 1px;
    background: var(--k-contact-orange);
    transition: right 0.3s ease-out;
    
   
}

/* Hover i aktivna stranica */
.b-menu .et_pb_menu__menu > nav > ul > li > a:hover::before,
.b-menu .et_pb_menu__menu > nav > ul > li.current-menu-item > a::before,
.b-menu .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a::before,
.b-menu .et_pb_menu__menu > nav > ul > li.current_page_item > a::before {
    right: 0;
}