/*
Theme Name: Sparkling Child
Theme URI: https://colorlib.com/wp/themes/sparkling/
Description: Child-Theme für das Sparkling WordPress Theme.
Author: Ihr Name
Template: sparkling
Version: 1.0.0
Text Domain: sparkling-child
*/

/* 1. Menü perfekt in einer Reihe neben dem Logo ausrichten */
.navbar-collapse {
    display: flex !important;
    align-items: center; /* Zentriert das Menü vertikal zum Logo */
    float: right; /* Schiebt das gesamte Menü nach rechts */
}

/* 2. Die fehlerhaften schwarzen Blöcke (Barrierefreiheits-Buttons) komplett ausblenden */
.navbar-nav .dropdown-toggle {
    display: none !important;
}

/* 3. Platz für die echten Dreiecke schaffen */
.navbar-nav li.dropdown > a {
    padding-right: 22px !important; 
    position: relative;
}

/* 4. Das originale, saubere CSS-Dreieck rechts neben dem Text platzieren */
.navbar-nav li.dropdown > a::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 52%;
    transform: translateY(-50%);
    
    /* Erzeugt ein sauberes, kleines Dreieck ohne Grafikfehler */
    border-top: 4px solid #777777; /* Hier steht die Farbe des Dreiecks */
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0;
    
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
}

/* 5. Altes, fehlerhaftes Bootstrap-Caret sicherheitshalber entfernen */
.navbar-nav .caret {
    display: none !important;
}

/* 6. Optimierung für Mobilgeräte: Auf Smartphones bricht das Menü sauber um */
@media (max-width: 767px) {
    .navbar-collapse {
        display: block !important;
        float: none;
    }
    .navbar-nav li.dropdown > a::after {
        right: 15px;
    }
}