/* ===== Bygdialog Admin — Warm Wood Theme ===== */
:root {
    --bd-brown:       #5C3D2E;
    --bd-brown-light: #8B5E3C;
    --bd-orange:      #D4763B;
    --bd-amber:       #E8A838;
    --bd-sand:        #F2E0C8;
    --bd-cream:       #FAF6F1;
    --bd-dark:        #2C1A0E;
    --bd-success:     #4A7C59;
    --bd-danger:      #C0392B;
    --bd-muted:       #9E8B7B;
}

/* ----- Sidebar ----- */
.bd-sidebar {
    background: var(--bd-brown) !important;
}

.bd-sidebar .brand-link,
.bd-sidebar .brand-link:hover {
    background: var(--bd-dark) !important;
    border-bottom-color: var(--bd-brown-light) !important;
}

.bd-brand-link {
    color: var(--bd-sand) !important;
}

.bd-sidebar .nav-sidebar .nav-link {
    color: var(--bd-sand) !important;
}

.bd-sidebar .nav-sidebar .nav-link:hover {
    background: var(--bd-brown-light) !important;
    color: #fff !important;
}

.bd-sidebar .nav-sidebar .nav-link.active {
    background: var(--bd-orange) !important;
    color: #fff !important;
}

.bd-sidebar .nav-header {
    color: var(--bd-amber) !important;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
}

/* ----- Navbar ----- */
.bd-navbar {
    background: var(--bd-cream) !important;
    border-bottom: 2px solid var(--bd-sand);
}

.bd-brand-text {
    color: var(--bd-brown) !important;
    font-weight: 700;
    font-size: 1.1rem;
}

.bd-logout-btn {
    color: var(--bd-orange) !important;
    padding: 0.5rem 1rem;
}

.bd-logout-btn:hover {
    color: var(--bd-brown) !important;
}

/* ----- Content ----- */
.content-wrapper {
    background: var(--bd-cream) !important;
}

/* ----- Cards ----- */
.bd-card {
    border: 1px solid var(--bd-sand) !important;
    border-radius: 6px;
}

.bd-card-header {
    background: var(--bd-sand) !important;
    color: var(--bd-dark) !important;
    border-bottom: 2px solid var(--bd-amber) !important;
}

.bd-card-info {
    border: 1px solid #bee5eb !important;
    border-radius: 6px;
}

.bd-card-header-info {
    background: #d1ecf1 !important;
    color: #0c5460 !important;
    border-bottom: 1px solid #bee5eb !important;
}

/* ----- Info Boxes ----- */
.bd-info-box {
    background: #fff !important;
    border: 1px solid var(--bd-sand) !important;
    border-radius: 6px;
}

.bd-icon-tenants  { background: var(--bd-brown)  !important; color: #fff !important; }
.bd-icon-brugere  { background: var(--bd-orange)  !important; color: #fff !important; }
.bd-icon-projekter{ background: var(--bd-amber)   !important; color: #fff !important; }
.bd-icon-nye      { background: var(--bd-success) !important; color: #fff !important; }

/* ----- Buttons ----- */
.bd-btn-primary {
    background: var(--bd-orange) !important;
    border-color: var(--bd-orange) !important;
    color: #fff !important;
}

.bd-btn-primary:hover {
    background: var(--bd-brown) !important;
    border-color: var(--bd-brown) !important;
}

.bd-btn-secondary {
    background: var(--bd-brown-light) !important;
    border-color: var(--bd-brown-light) !important;
    color: #fff !important;
}

.bd-btn-secondary:hover {
    background: var(--bd-brown) !important;
    border-color: var(--bd-brown) !important;
}

.bd-btn-details {
    background: var(--bd-amber) !important;
    border-color: var(--bd-amber) !important;
    color: var(--bd-dark) !important;
    font-size: 0.78rem;
}

/* ----- Badges ----- */
.bd-badge-aktiv {
    background: var(--bd-success) !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
}

.bd-badge-inaktiv {
    background: var(--bd-muted) !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
}

/* ----- Page Title ----- */
.bd-page-title {
    color: var(--bd-brown) !important;
    font-weight: 700;
}

/* ----- Footer ----- */
.bd-footer {
    background: var(--bd-sand) !important;
    color: var(--bd-muted) !important;
    border-top: 1px solid var(--bd-sand) !important;
}

/* ----- Login Page ----- */
.bd-login-page {
    background: linear-gradient(135deg, var(--bd-brown) 0%, var(--bd-brown-light) 50%, var(--bd-orange) 100%) !important;
}

.bd-login-card {
    background: var(--bd-cream) !important;
}

.login-box-msg {
    color: var(--bd-muted);
}

.bd-btn-login {
    background: var(--bd-orange) !important;
    border-color: var(--bd-orange) !important;
    color: #fff !important;
    font-weight: 600;
}

.bd-btn-login:hover {
    background: var(--bd-brown) !important;
    border-color: var(--bd-brown) !important;
}

.login-logo a {
    color: var(--bd-sand) !important;
}