/* ==========================================================================
   menuBuilder by techNEO – Theme "classic"
   Schlicht & sauber: dünne Rahmen, dezente Hover-Unterstreichung,
   weiße Dropdown-Panels mit leichtem Schatten
   ========================================================================== */

.tn-mb-theme-classic {
    --tn-mb-accent: #0b6aa2;
    color: #222;
}

/* Top-Level-Leiste mit dünnem Rahmen unten */
.tn-mb-theme-classic .tn-mb-menu.tn-mb-level-0 {
    border-bottom: 1px solid #e2e2e2;
}

/* Links: dezente Unterstreichung in Akzentfarbe bei Hover */
.tn-mb-theme-classic .tn-mb-link {
    position: relative;
    color: #222;
    font-weight: 500;
    transition: color .15s ease;
}

.tn-mb-theme-classic .tn-mb-level-0 > .tn-mb-item > .tn-mb-link::before {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 4px;
    height: 2px;
    background: var(--tn-mb-accent);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .15s ease;
}

.tn-mb-theme-classic .tn-mb-level-0 > .tn-mb-item:hover > .tn-mb-link::before,
.tn-mb-theme-classic .tn-mb-level-0 > .tn-mb-item.tn-mb-open > .tn-mb-link::before {
    transform: scaleX(1);
}

.tn-mb-theme-classic .tn-mb-link:hover,
.tn-mb-theme-classic .tn-mb-item:focus-within > .tn-mb-link {
    color: var(--tn-mb-accent);
}

.tn-mb-theme-classic .tn-mb-nolink,
.tn-mb-theme-classic .tn-mb-nolink:hover {
    color: #222;
}

/* Dropdown-Panels: weiß, dünner Rahmen, leichter Schatten */
.tn-mb-theme-classic .tn-mb-dropdown {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
    padding: 6px 0;
}

.tn-mb-theme-classic .tn-mb-submenu .tn-mb-link {
    padding: 8px 16px;
    font-weight: 400;
}

.tn-mb-theme-classic .tn-mb-submenu .tn-mb-item > .tn-mb-link:hover,
.tn-mb-theme-classic .tn-mb-submenu .tn-mb-item.tn-mb-open > .tn-mb-link {
    background: rgba(11, 106, 162, .07);
    color: var(--tn-mb-accent);
}

/* Überschriften im Dropdown */
.tn-mb-theme-classic .tn-mb-heading .tn-mb-link {
    color: #888;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding-top: 10px;
    padding-bottom: 4px;
}

/* Mobile: Panels flach ohne Schatten/Rahmen */
@media (max-width: 991.98px) {
    .tn-mb-theme-classic .tn-mb-dropdown {
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        background: #fafafa;
    }
}