/*
 * Copyright (c) 2025 microdat GmbH. Alle Rechte vorbehalten.
 *
 * Dieser Code ist Eigentum von microdat GmbH und darf in keiner Weise
 * verwendet, kopiert, modifiziert, verteilt, lizenziert, vermarktet oder anderweitig
 * genutzt werden. Jegliche unbefugte Nutzung ist strengstens untersagt und wird
 * rechtlich verfolgt.
 *
 * Keine Garantie oder Haftung für Fehler, Schäden oder Verluste, die durch diesen Code entstehen.
 */

.navbar {
    transition: all 0.3s;

    &.hestia_left .title-logo-wrapper {
        @media (min-width: 769px) {
            min-width: 105px !important;
        }
    }

    & > .container {
        max-width: 100dvw;
    }

    &.navbar-transparent {
        & > .container {
            padding-top: 10px !important;
        }

        & .hestia-hide-if-transparent {
            @media (max-width: 768px) {
                display: inline-block !important;
            }
        }

        & .navbar-header .navbar-brand img {
            @media (min-width: 900px) {
                transform: scale(2);
            }
        }
    }

    /**
        Fehlt um das Logo wirklich ohne Text anzuzeigen
    */

    & .navbar-header .title-logo-wrapper,
    & .navbar-header .title-logo-wrapper a {
        width: 100%;
    }

    /**
        main-nav menüpunkte rücken sonst weiter auseinander, wenn das bild schmäler wird
    */

    & .navbar-nav {
        & > li {
            @media (max-width: 991px) {
                margin-right: unset;
                margin-left: unset;
            }
        }

        /**
            Entfernt den Rahmen um die "Aufklapp-Elemente der Submenüs
         */

        & .dropdown a .caret {
            @media (max-width: 768px) {
                border: 0;
                text-align: right;
                width: 60px;
            }
        }
    }

    & .navbar-header .navbar-brand img {
        @media (min-width: 900px) {
            transition: transform 0.3s ease-in-out;
            transform-origin: top left;
            transform: scale(1);
        }
    }
}
