/*---------------------------------------------------------------------------------

 Theme Name:   Netzhelfer theme
 Theme URI:    https://netzhelfer.de
 Description:  NETZhelfer 
 Author:       NETZhelfer GmbH – Ihre Internetagentur aus Esslingen
 Author URI:   https://netzhelfer.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/



/*
 * KONTAKT MENU BUTTON
 * Verzija: 1.1.0
 *
 * CHANGELOG:
 * 1.1.0
 * - Kompletno uklonjen styling gumba na mobilnim uređajima.
 * - Kontakt se na mobitelu prikazuje kao standardna stavka izbornika.
 * - Poseban outline i hover dizajn primjenjuju se samo na desktopu.
 *
 * 1.0.0
 * - Dodan plavi outline dizajn prema referentnoj slici.
 * - Primijenjena brand boja #2f75c1.
 * - Dodan plavi hover s bijelim tekstom.
 * - Uklonjena Divi strelica.
 */

/* ==========================================
   DESKTOP KONTAKT BUTTON
========================================== */

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

    .kontakt {
        display: flex;
        align-items: center;
        margin-left: 14px;
    }

    .kontakt > a {
        position: relative;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        padding: 14px 31px !important;
        overflow: hidden;

        color: #2f75c1 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 2px solid #2f75c1 !important;
        border-radius: 2px !important;

        font-size: 14px !important;
        line-height: 1 !important;
        letter-spacing: 0.08em;
        text-align: center;
        text-decoration: none !important;
      text-transform: uppercase;

        opacity: 1 !important;
        box-shadow: none;
        transform: translateY(0);

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

    /* Suptilni light sweep efekt */
    .kontakt > a::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -55%;
        z-index: 1;

        width: 38%;
        pointer-events: none;
        opacity: 0;

        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.28),
            transparent
        );

        transform: skewX(-24deg);

        transition:
            left 650ms cubic-bezier(.2, .8, .2, 1),
            opacity 300ms ease;
    }

    /* Uklanja eventualnu Divi strelicu */
    .kontakt > a::after {
        display: none !important;
        content: none !important;
    }

    .kontakt > a:hover,
    .kontakt.current-menu-item > a,
    .kontakt.current_page_item > a,
    .kontakt.current-menu-ancestor > a {
        color: #ffffff !important;
        background: #2f75c1 !important;
        background-color: #2f75c1 !important;
        background-image: none !important;
        border-color: #2f75c1 !important;
        opacity: 1 !important;

        box-shadow: 0 14px 32px rgba(47, 117, 193, 0.28);
        transform: translateY(-2px);
    }

    .kontakt > a:hover::before {
        left: 125%;
        opacity: 1;
    }

    .kontakt > a:focus-visible {
        color: #ffffff !important;
        background: #2f75c1 !important;
        background-color: #2f75c1 !important;

        outline: 2px solid #2f75c1;
        outline-offset: 4px;
    }

    /* ==========================================
       DIVI MENU PORAVNANJE – SAMO DESKTOP
    ========================================== */

    .et_pb_menu--with-logo
    .et_pb_menu__menu > nav > ul > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }

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

    /* ==========================================
       FORCE STILOVI – SAMO DESKTOP
       OVAJ DIO MORA BITI NA DNU DESKTOP CSS-a
    ========================================== */

    body .et_pb_menu
    .et_pb_menu__menu > nav > ul > li.kontakt > a {
        color: #2f75c1 !important;

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

        border: 2px solid #2f75c1 !important;
        border-radius: 2px !important;

        opacity: 1 !important;
    }

    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: #ffffff !important;

        background: #2f75c1 !important;
        background-color: #2f75c1 !important;
        background-image: none !important;

        border-color: #2f75c1 !important;
        opacity: 1 !important;
    }
}