/*
 * Kundenportal – Theme "solutions" (Vattenfall-Markenrichtlinien)
 * Aktiv mit shop_settings "brand" = {"theme":"solutions"} (siehe ../portal-theme.php).
 *
 * Schrift:  Vattenfall Hall (Fließtext), Vattenfall Hall Display (Überschriften)
 * Farben:   Primärfarben Blue #2071B5, Yellow #FFDA00, Black, Grey #4E4B48, White;
 *           Hintergründe Light Blue #EDF1F6, Light Yellow #FFFEE5, Light Green #EDF9F3, Light Red #FEF0EA, Light Grey #F2F2F2;
 *           Sekundärfarben nur als Akzent (Dark Blue #1E324F für Hover, Dark Green #005C63 für "erledigt")
 * Icons:    gefüllt (nicht Outline), einfarbig schwarz auf hellem Grund, weiß auf dunklem Grund/Bild,
 *           in einer Gruppe gleich groß
 */

@font-face { font-family: "Vattenfall Hall"; src: url("../fonts/vattenfall-hall/VattenfallHall-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Vattenfall Hall"; src: url("../fonts/vattenfall-hall/VattenfallHall-RegularItalic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Vattenfall Hall"; src: url("../fonts/vattenfall-hall/VattenfallHall-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Vattenfall Hall"; src: url("../fonts/vattenfall-hall/VattenfallHall-Bold.ttf") format("truetype"); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Vattenfall Hall"; src: url("../fonts/vattenfall-hall/VattenfallHall-Heavy.ttf") format("truetype"); font-weight: 800 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Vattenfall Hall Display"; src: url("../fonts/vattenfall-hall/VattenfallHallDisplay-Bold.ttf") format("truetype"); font-weight: 400 900; font-style: normal; font-display: swap; }

body.dk-portal.dk-theme-solutions {
    --dk-font:          "Vattenfall Hall", Arial, Helvetica, sans-serif;
    --dk-font-heading:  "Vattenfall Hall Display", "Vattenfall Hall", Arial, Helvetica, sans-serif;

    --dk-primary:       #2071b5;
    --dk-primary-rgb:   32,113,181;
    --dk-primary-dark:  #1e324f;
    --dk-primary-soft:  #edf1f6;
    --dk-accent:        #ffda00;
    --dk-accent-rgb:    255,218,0;
    --dk-text:          #000000;
    --dk-text-2:        #4e4b48;
    --dk-muted:         #4e4b48;
    --dk-success:       #005c63;
    --dk-success-soft:  #edf9f3;
    --dk-bg:            #f2f2f2;
    /* Hinweis "neu": Yellow mit schwarzer Schrift statt Orange */
    --dk-highlight:      #ffda00;
    --dk-highlight-soft: #ffda00;
    --dk-on-highlight:   #000000;
    --dk-highlight-bg:   #fffee5;
    --dk-highlight-text: #000000;

    /* Icons: schwarz auf hellem Grund, Hintergrund in einer der hellen Markenfarben */
    --dk-icon:          #000000;
    --dk-icon-bg:       #edf1f6;
}

/* ---- Überschriften in Hall Display ---- */
body.dk-theme-solutions :is(h1, h2, .dk-title, .dk-intro-header, .dk-tile-title, .dk-wf-title, .dk-bk-title, .dk-ap-hero-title) {
    font-family: var(--dk-font-heading);
    letter-spacing: 0;
}

/* ---- Icons: gefüllt statt Outline ---- */
body.dk-theme-solutions .fa-regular,
body.dk-theme-solutions .far { font-weight: 900; }

/* ---- Icons: einfarbig schwarz (statt Markenblau, Status- oder Dateityp-Farben) ---- */
body.dk-theme-solutions :is(
    .dk-side-icon,
    .dk-cs-icons i,
    .dk-tk-drop i,
    .dk-ap-iconbtn,
    .dk-ap-note i,
    .dk-ap-hero-title i,
    .dk-account-state i,
    .dk-forms-nav-icon,
    .dk-nav .dk-user-dropdown .dropdown-item i,
    .dyn-file-row-icon,
    .dyn-file-row-icon i,
    .dyn-image-box-hint i
) { color: var(--dk-icon) !important; }

body.dk-theme-solutions :is(.dk-side-icon, .dk-cs-icons i) { background: var(--dk-icon-bg); }
body.dk-theme-solutions .dk-ap-iconbtn:hover { background: var(--dk-icon-bg); }
body.dk-theme-solutions .dk-ap-empty-icon { background: #fffee5; color: var(--dk-icon); }
body.dk-theme-solutions .dk-contact-done-icon { background: var(--dk-success-soft); color: var(--dk-icon); }
body.dk-theme-solutions .dk-bk-done-icon { background: var(--dk-success-soft); color: var(--dk-icon); }

/* Medien in Formularen: Dateityp-Icons ohne Farbcodierung */
body.dk-theme-solutions .dk-form-portal .autoform .media-element i,
body.dk-theme-solutions .dk-form-portal .autoform .media-element [class*="media-file"] { color: var(--dk-icon) !important; }
body.dk-theme-solutions .media-element.media-element--tile.is-empty .media-image-empty-overlay i { background: #000; color: #fff; }

/* ---- Kachel-Bilder: flache helle Markenfarbe, Illustration schwarz-weiß ---- */
body.dk-theme-solutions .dk-tile-image { background: var(--dk-primary-soft); }
body.dk-theme-solutions .dk-tile-image-media   { background: #edf1f6; }
body.dk-theme-solutions .dk-tile-image-offers  { background: #fffee5; }
body.dk-theme-solutions .dk-tile-image-data    { background: #edf9f3; }
body.dk-theme-solutions .dk-tile-image-booking { background: #fef0ea; }
body.dk-theme-solutions .dk-tile-image svg { filter: none; }
body.dk-theme-solutions .dk-tile-image svg [fill="#1d4ed8"],
body.dk-theme-solutions .dk-tile-image svg [fill="#2563eb"] { fill: #000; }
body.dk-theme-solutions .dk-tile-image svg [stroke="#1d4ed8"] { stroke: #000; }
body.dk-theme-solutions .dk-tile-image svg [fill="#60a5fa"],
body.dk-theme-solutions .dk-tile-image svg [fill="#93c5fd"] { fill: #4e4b48; }
body.dk-theme-solutions .dk-tile-image svg [fill="#bfdbfe"],
body.dk-theme-solutions .dk-tile-image svg [fill="#dbeafe"] { fill: #f2f2f2; }
body.dk-theme-solutions .dk-tile-image svg [fill="#facc15"] { fill: #ffda00; }