/* css/modern_menu.css
 *
 * Branding-Tokens + Navbar/Dropdown-Styles.
 * Zentrale Stelle fuer Markenfarben (rot) und gemeinsame UI-Akzente.
 */

:root {
    --brand-red-dark:  #a02622;
    --brand-red:       #c9302c;
    --brand-red-light: #d9534f;
    --brand-red-soft:  rgba(217, 83, 79, 0.12);
}

/* Navbar: Gradient von Dunkelrot zu Normalrot, weisse Schrift */
.navbar.modern-navbar {
    background: linear-gradient(135deg, var(--brand-red-dark) 0%, var(--brand-red-light) 100%);
    border-bottom: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar.modern-navbar .navbar-brand {
    font-weight: 700;
    color: #fff;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.navbar.modern-navbar .nav-link {
    color: #fff;
    margin-right: 0.6rem;
    font-weight: 500;
    transition: opacity 0.2s ease;
    border-radius: 0.4rem;
}

.navbar.modern-navbar .nav-link:hover,
.navbar.modern-navbar .nav-link:focus {
    color: #fff;
    opacity: 0.85;
}

.navbar.modern-navbar .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* Dropdown: weiss statt rot, weicher Schatten, abgerundet */
.navbar.modern-navbar .dropdown-menu {
    border: none;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.navbar.modern-navbar .dropdown-item {
    color: #333;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    transition: background-color 0.15s ease;
}

.navbar.modern-navbar .dropdown-item:hover,
.navbar.modern-navbar .dropdown-item:focus {
    background-color: var(--brand-red-soft);
    color: var(--brand-red-dark);
}

.navbar.modern-navbar .dropdown-divider {
    margin: 0.4rem 0.25rem;
}

/* Globale Focus-Effekte fuer Eingabefelder */
input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 0 3px var(--brand-red-soft);
    border-color: var(--brand-red-light);
}

/* Loeschen-Button: knallrot (Semantik beibehalten) */
.btn-danger {
    background-color: #ff3333 !important;
    border-color: #ff3333 !important;
    color: #fff !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #e60000 !important;
    border-color: #e60000 !important;
    color: #fff !important;
}

/* Bearbeiten/Speichern: dezent gruen (Semantik beibehalten) */
.btn-primary {
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #4cae4c !important;
    border-color: #4cae4c !important;
    color: #fff !important;
}