/* LifeCraft-Branding fuer Greenlight (Login + Dashboard).
   Schwarz #0D0D0D + Gold #C5A55A, transparente Karten. */

:root, html, body {
    --brand-color: #C5A55A !important;
    --brand-color-light: #C5A55A33 !important;
    --toastify-color-success: #C5A55A !important;
}

html, body {
    background-color: #0D0D0D !important;
    color: #f5e6b8 !important;
}

/* User-Name + Dropdown im Header sichtbar machen */
.navbar .nav-link, .navbar .dropdown-toggle,
.navbar-nav .nav-link, .navbar-nav .dropdown-toggle,
.navbar-text, .user-name, [class*="user-name"],
.dropdown-menu .dropdown-item {
    color: #f5e6b8 !important;
}
.dropdown-menu {
    background-color: #1a1a1a !important;
    border: 1px solid #C5A55A33 !important;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
    background-color: #C5A55A33 !important;
    color: #C5A55A !important;
}

/* "Neuer Raum" Button (variant="brand") IMMER sichtbar — auch wenn React via inline-style das CSS-Var ueberschreibt */
.btn.btn-brand,
.btn-brand,
button.btn-brand,
[class*="btn-brand"]:not([class*="outline"]) {
    background-color: #C5A55A !important;
    background: #C5A55A !important;
    border-color: #C5A55A !important;
    color: #0D0D0D !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.btn.btn-brand:hover, .btn-brand:hover, button.btn-brand:hover,
.btn.btn-brand:active, .btn-brand:active,
.btn.btn-brand:focus, .btn-brand:focus {
    background-color: #B0913F !important;
    background: #B0913F !important;
    border-color: #B0913F !important;
    color: #0D0D0D !important;
    box-shadow: 0 0 0 .25rem #C5A55A33 !important;
}

/* Outline-Variante (sekundaere Buttons) */
.btn-brand-outline,
.btn-brand-outline-color {
    background-color: transparent !important;
    background: transparent !important;
    border: 2px solid #C5A55A !important;
    color: #C5A55A !important;
}
.btn-brand-outline:hover,
.btn-brand-outline-color:hover {
    background-color: #C5A55A !important;
    color: #0D0D0D !important;
}

/* Empty-State-Card (wenn noch kein Raum existiert) */
.icon-circle {
    background-color: #C5A55A33 !important;
}

/* .wide-white und .background-whitesmoke nutzen box-shadow-Trick um links/rechts weiss zu erweitern → schwarz */
.wide-white,
.background-whitesmoke,
[class*="background-whitesmoke"] {
    background-color: #0D0D0D !important;
    background: #0D0D0D !important;
    box-shadow: 0 0 0 100vmax #0D0D0D !important;
    -webkit-box-shadow: 0 0 0 100vmax #0D0D0D !important;
}

/* Card-Footer (RoomCard, JoinCard etc.) — bg-white in vielen Komponenten */
.card-footer, .card-footer.bg-white,
.card .card-footer {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    color: #f5e6b8 !important;
    border-top-color: #C5A55A33 !important;
}

/* Aggressiv: ALLES was Bootstrap-Standard-bg hat → schwarz */
.bg-white, .bg-light, .bg-body, .bg-body-tertiary,
main, .container, .container-fluid,
.row, .col, [class*="col-"],
header, nav, .navbar, .navbar-light, .navbar-expand,
footer, .footer,
.page-content, .page-wrapper,
#app, #wrapper, #content {
    background-color: #0D0D0D !important;
    color: #f5e6b8 !important;
}

/* Login-Buttons "Registrieren / Anmelden" oben rechts */
.navbar .btn,
.navbar a.btn-light,
.navbar .btn-outline-light,
.navbar .btn-outline-secondary {
    background-color: transparent !important;
    border: 1px solid #C5A55A !important;
    color: #C5A55A !important;
}
.navbar .btn:hover {
    background-color: #C5A55A !important;
    color: #0D0D0D !important;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
    color: #C5A55A !important;
}

/* Text-Muted (Beschreibungen) heller damit lesbar auf schwarz */
.text-muted, .text-secondary, p {
    color: #d8c89a !important;
}

/* Karten + Panels (z. B. "Konferenzen starten" Cards) */
.card, .card-body {
    background-color: #1a1a1a !important;
    border: 1px solid #C5A55A33 !important;
    color: #f5e6b8 !important;
}

/* Buttons */
.btn-primary {
    background-color: #C5A55A !important;
    border-color: #C5A55A !important;
    color: #0D0D0D !important;
}
.btn-primary:hover {
    background-color: #B0913F !important;
    border-color: #B0913F !important;
}

.btn-outline-primary {
    border-color: #C5A55A !important;
    color: #C5A55A !important;
}
.btn-outline-primary:hover {
    background-color: #C5A55A !important;
    color: #0D0D0D !important;
}

/* Links */
a, .text-link {
    color: #C5A55A !important;
}
a:hover, .text-link:hover {
    color: #f5e6b8 !important;
}

/* Inputs (Suche, Felder) */
.form-control, input[type="text"], input[type="email"], input[type="password"] {
    background-color: #1a1a1a !important;
    border: 1px solid #C5A55A66 !important;
    color: #f5e6b8 !important;
}
.form-control::placeholder {
    color: #d8c89a99 !important;
}

/* Header / Top-Navbar */
header, nav, .navbar {
    background-color: #0D0D0D !important;
    border-bottom: 1px solid #C5A55A33 !important;
}

/* Footer */
footer {
    background-color: #0D0D0D !important;
    color: #d8c89a !important;
}

/* Tabs (Raeume / Aufzeichnungen) */
.nav-tabs, .nav-link {
    background-color: transparent !important;
    color: #d8c89a !important;
}
.nav-link.active {
    color: #C5A55A !important;
    border-bottom: 2px solid #C5A55A !important;
}

/* Logo: kein Rahmen, kein weisser Hintergrund, kein Schatten */
.brand-image,
img.brand-image,
img[alt*="Brand"], img[alt*="brand"], img[alt*="Logo"], img[alt*="logo"],
.navbar-brand img,
.brand-info img,
img[src*="LifeCraft"], img[src*="lifecraft"], img[src*="branding"] {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Wrapper um das Logo (oft mit weisser Card-Background) */
.brand-info,
.brand-info > *,
[class*="brand"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* HomePage Hero / Welcome Section — weisse Boxen ueberall */
.HomePage, .HomePage > *,
section, article, .container > div,
.row > div, .col > div,
[class*="bg-"], [class*="bg_"] {
    background-color: transparent !important;
}
/* Re-apply schwarz auf Body-Level */
body, html, #root, #app, .greenlight, .greenlight-wrapper {
    background-color: #0D0D0D !important;
}

/* Modale Login/Signup-Boxen */
.modal-content, .modal-body, .modal-header, .modal-footer,
.signin-form, .signup-form, .auth-form, .form-wrapper,
.card, .card-body, .card-header, .card-footer,
[class*="signin"], [class*="signup"], [class*="auth"] {
    background-color: #1a1a1a !important;
    color: #f5e6b8 !important;
    border-color: #C5A55A33 !important;
}

/* Bootstrap-Defaults die hardnaeckig weiss sind */
.bg-white, .bg-light, .bg-body, .bg-body-tertiary, .bg-body-secondary,
.text-bg-light, .text-bg-white,
[style*="background-color: white"], [style*="background-color: #fff"], [style*="background-color: #ffffff"],
[style*="background: white"], [style*="background: #fff"], [style*="background: #ffffff"] {
    background-color: #0D0D0D !important;
    background: #0D0D0D !important;
    color: #f5e6b8 !important;
}

/* ==== Legal-Footer (Impressum / AGB / Datenschutz) ==== */
.lifecraft-legal-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(13, 13, 13, 0.92);
    border-top: 1px solid #C5A55A33;
    padding: 8px 16px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    pointer-events: auto;
}
.lifecraft-legal-footer .lifecraft-legal-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px;
    font-size: 12px;
    line-height: 1.4;
    color: #f5e6b8;
}
.lifecraft-legal-footer .lifecraft-legal-brand {
    color: #C5A55A;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.lifecraft-legal-footer a {
    color: #f5e6b8 !important;
    text-decoration: none;
    border-bottom: 1px dotted #C5A55A66;
    padding-bottom: 1px;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.lifecraft-legal-footer a:hover,
.lifecraft-legal-footer a:focus {
    color: #C5A55A !important;
    border-bottom-color: #C5A55A;
    text-decoration: none;
}
/* React-Root etwas Luft nach unten geben, damit Footer nichts ueberdeckt */
body { padding-bottom: 44px !important; }
@media (max-width: 540px) {
    .lifecraft-legal-footer { padding: 6px 10px; }
    .lifecraft-legal-footer .lifecraft-legal-inner { gap: 10px; font-size: 11px; }
}