/* Zwingt die inneren Container, exakt die Höhe des Textes anzunehmen */
a[aria-current="page"].menu-link,
a[aria-current="page"].menu-link .menu-item-inner,
a[aria-current="page"].menu-link .menu-item-text-container {
    display: inline-flex !important;
    align-items: center;
    height: auto !important; /* Hebelt die künstliche Theme-Höhe aus */
    position: relative;
}

/* Der eigentliche Strich, der jetzt direkt unter dem Wort klebt */
a[aria-current="page"].menu-link .menu-item-text-container::after {
    content: "";
    position: absolute;
    
    /* Der Trick: Wir orientieren uns an der Oberkante */
    top: 67%; /* Platziert den Strich knapp unter 100% der Texthöhe */
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #a30000; /* Euer Rot */
    
    /* Grunge-Look bleibt gleich */
    transform: rotate(-1.2deg); 
    border-radius: 3px 1px 4px 2px; 
    opacity: 0.95;
    z-index: 10;
}

/* Legt ein dezentes rotes Glühen hinter beide Logos */
.logo-img {
    filter: drop-shadow(0px 0px 8px rgba(163, 0, 0, 0.6));
    transition: filter 0.3s ease; /* Macht den Übergang beim Scrollen geschmeidig */
}

/* Optional: Das Glühen wird intensiver, wenn man mit der Maus drüberhovert */
.logo-link:hover .logo-img {
    filter: drop-shadow(0px 0px 15px rgba(163, 0, 0, 0.9));
}