/* ============================================================
   Header – nur Farben via data-wiso-theme
   Layout bleibt wie gehabt
   ============================================================ */

#wiso_header {
    /* falls du bisher transparent hattest -> bleibt */
    background: transparent;
    border:none;
}

/* ============================================================
   WISO Header – Dark Mode Background (robust gegen dhtmlx)
   ============================================================ */

[data-wiso-theme="dark"] body #wiso_header,
[data-wiso-theme="contrast-dark"] body #wiso_header {
    background: #2d3039; /* bewusst background, nicht background-color */
}

/* Absicherung: auch der innere Container */
[data-wiso-theme="dark"] body #wiso_header .wiso-header-main,
[data-wiso-theme="contrast-dark"] body #wiso_header .wiso-header-main {
    background: #2d3039;
}

/* LIGHT (bestehendes Material) */
[data-wiso-theme="light"],
[data-wiso-theme="contrast-dark"] {
    --wiso-header-text: #1f2937;
    --wiso-header-link: #0b4f9e;
}

/* DARK (WISO Farben) */
[data-wiso-theme="dark"],
[data-wiso-theme="contrast-dark"] {
    --wiso-header-text: rgba(255,255,255,0.92);
    --wiso-header-link: #41A7E1;
}

/* optional: Header-Inhalt, falls du eine Wrapper-Klasse nutzt */
#wiso_header .wiso-header-main {
    color: var(--wiso-header-text);
}

/* Links im Header (du hast inline text-decoration schon drin; Farbe hier global) */
#wiso_header a {
    color: var(--wiso-header-link);
}

/* Optional: Logos je Theme (nur wenn du Assets nicht getrennt hast)
   -> wenn du getrennte Logos hast, kannst du das weglassen */
.wiso_logo_dark {
    /* Beispiel: etwas heller in dark */
    filter: brightness(1.05) contrast(1.05);
}

.wiso_logo_light {
    filter: none;
}
.wiso_layout-space {
    padding-bottom: 0 !important;
}

/* ============================================================
   W6 EXTENDED – APPLICATION HEADER
   ============================================================
   Ziel:
   - klares, professionelles Header-Layout
   - keine Tables, nur Flexbox
   - skalierbar & wartbar
   - Light/Dark Theme kompatibel
   ============================================================ */


/* ------------------------------------------------------------
   HEADER ROOT CONTAINER
   ------------------------------------------------------------
   - horizontales Layout
   - gleichmäßige vertikale Ausrichtung
   ------------------------------------------------------------ */
.w6-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding: 12px 22px;
    box-sizing: border-box;
}


/* ============================================================
   LEFT: W6 EXTENDED LOGO
   ============================================================ */

.w6-header__left {
    display: flex;
    align-items: center;
}

/* Hauptlogo links */
.w6-header__logo {
    height: 55px; /* Zentrale Stellschraube */
    width: auto;
    flex: 0 0 auto;
}


/* ============================================================
   CENTER: PREMIUM SUPPORT
   ============================================================ */

.w6-header__center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; /* echtes horizontales Zentrieren */
}

/* Premium-Support-Logo */
.w6-header__support {
    height: 55px; /* bewusst gleich groß wie Hauptlogo */
    width: auto;
}


/* ============================================================
   RIGHT: POWERED BY + META DATEN
   ============================================================ */

.w6-header__right {
    display: flex;
    flex-direction: column; /* Meta-Daten unter Logo */
    align-items: flex-end;
    gap: 6px;
}

/* Powered-by-WISO Logo */
.w6-header__powered {
    height: 55px; /* etwas kleiner als Hauptlogo */
    width: auto;
}

/* Mandant / Server / User – eine Zeile */
.w6-header__meta-line {
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    opacity: 0.85;
}


/* ============================================================
   THEME SUPPORT
   ============================================================ */

/* Dark Theme */
[data-wiso-theme*="dark"] .w6-header__meta-line {
    color: #cecece;
}

/* Light Theme */
[data-wiso-theme*="light"] .w6-header__meta-line {
    color: #1b1f2a;
}


/* ============================================================
   RESPONSIVE
   ------------------------------------------------------------
   - Meta-Daten ausblenden bei kleinen Viewports
   ============================================================ */

@media (max-width: 900px) {
    .w6-header__meta-line {
        display: none;
    }

    .w6-header {
        gap: 14px;
    }
}
/* ============================================
   Client Header Theme-Anbindung
   ============================================ */

/* LIGHT */
[data-wiso-theme="light"] .w6-client-header {
    background: #f5f5f5;
    border: none;
}

/* CONTRAST LIGHT */
[data-wiso-theme="contrast-light"] .w6-client-header {
    background: #eaeaea;
    border: none;
}

/* DARK */
[data-wiso-theme="dark"] .w6-client-header {
    background: #3f4350; /* dein Wert */
    border: none;
}

/* CONTRAST DARK */
[data-wiso-theme="contrast-dark"] .w6-client-header {
    background: #2b2f3a;
    border: none;
}

/* Toolbar */
.w6-client-toolbar {
    border: none;
   
}
/* Client: Logo ausblenden */
.w6-client-header .w6-header__logo {
    display: none !important;
}
.w6-client-header .w6-header__meta-line {
    padding-top:10px;
}
.w6-client-header {
    margin-bottom: 0px !important;
}