/*************************************
 *   TEST-/QA-SYSTEM narvi           *
 *   basiert auf BVL CD (Juni 2026)  *
 *   Bundesamt fuer Verbraucherschutz*
 *   und Lebensmittelsicherheit      *
 *                                   *
 *   Primaerfarben                   *
 *   Dunkelblau   #0A0750            *
 *   Primaerblau  #032793            *
 *   Lichtblau    #3B9AFF            *
 *   Hellblau     #FFD8A8            *
 *   Akzentfarben                    *
 *   Lichtgrau    #D7D7D7            *
 *   Apricot      #FB7962            *
 *   Gelb         #F5F546            *
 *   Gruen        #88E676            *
 *************************************/

/*************************************
 *            Colors                 *
 *************************************/

:root {
    /* TEST-/QA-SYSTEM (narvi): Orange statt BVL-Blau - darf nie mit der Produktion verwechselt werden */
    --link_color: #B34700;          /* Dunkelorange: Links & primaere Aktionen (Kontrast 5:1 auf Weiss) */
    --special_color: #7A2E00;       /* Braunorange: Betonungen */

    --stripe_color: #FFF4E5;        /* Sehr helles Orange: Zebra-Zeilen */
    --highlight_color: #FFD8A8;     /* Hellorange: markierte/aktive Zeile */

    --border_color: #F0C9A0;
    --slash_color: #F0C9A0;

    --chart1: #B34700;
    --chart2: #FB8C00;
    --chart3: #FFD8A8;
    --chart4: #88E676;

    --pf-act-blue: #FB8C00;
    --pf-act-navy: #7A2E00;
}

/*************************************
 *   TEST-/QA-Kennzeichnung          *
 *************************************/

/* Warnstreifen oben ueber die ganze Breite */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: repeating-linear-gradient(135deg, #FB8C00 0 14px, #1A1A1A 14px 28px);
    z-index: 10000;
    pointer-events: none;
}

/* Dauerhaftes Schild unten rechts - klickt nicht, verdeckt nichts Bedienbares */
body::after {
    content: "TESTSYSTEM \00B7  QA \2013  keine Produktivdaten";
    position: fixed;
    right: 12px;
    bottom: 12px;
    padding: 6px 12px;
    border-radius: 4px;
    background: #C84600;
    color: #FFFFFF;
    font: 700 13px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .04em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    opacity: .92;
    z-index: 10000;
    pointer-events: none;
}

/* Hintergrund hinter dem Logo im Menue */
#pica_logo {
    background-color: #FFF4E5 !important;
    border-bottom: 3px solid #C84600;
}


/*************************************
 *            Logos                  *
 *************************************/

#pica_logo_small {
    background-image: url("/branding/logo_small.png") !important;
}

#pica_logo_big {
    background-image: url("/branding/logo.png") !important;
}

/*************************************
 *            Wallpaper              *
 *************************************/

body.wallpaper {
    background: url("/branding/wallpaper.jpeg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/*************************************************
 *   Filelink-Aktionsbuttons (getlink-Seite)    *
 *   Download / Link kopieren / QR-Code          *
 *                                               *
 *   - Barrierefreiheit: Titelflaeche Hellblau   *
 *     statt Mittelblau, dunkler Text (Kontrast) *
 *   - Kein "zusammengesetzter" Eindruck: Keil   *
 *     ebenfalls Hellblau -> nur zwei Farben,    *
 *     kein Versatz/Naht beim Mouseover          *
 *************************************************/

.download .btn span.title {
    background-color: #FFD8A8 !important;      /* Hellblau statt Mittelblau (Lichtblau) */
    box-shadow: 0 3px 0 0 #FFD8A8 !important;
    color: #7A2E00 !important;                 /* Braunorange: hoher Kontrast auf Hellblau */
    text-shadow: none !important;
}

.download .btn.left span.slant-left,
.download .btn.right span.slant-left {
    box-shadow: 10px 0 0 0 #FFD8A8, 10px 3px 0 0 #FFD8A8 !important;
    border-right-color: #FFD8A8 !important;
}

/* Kein Verrutschen des Keils beim Hover -> keine sichtbare Naht */
.download .btn:hover span.slant-left {
    right: 0 !important;
}
/*************************************************
 *   Schriftart: BundesSans                      *
 *                                               *
 *   Dateien erwartet unter                      *
 *   server_maintenance/resources/branding/ *
 *   Solange sie fehlen, greift die Fallback-     *
 *   Kette (Helvetica/Arial) - nichts bricht.     *
 *   Nicht ueberschrieben werden die Icon-Schrift *
 *   "Glyphicons Regular" und die Monospace-      *
 *   Regel fuer Codebloecke.                     *
 *************************************************/

@font-face {
    font-family: "BundesSans";
    src: url("/branding/BundesSansWeb-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    /* BundesSans hat eine kleinere x-Hoehe als Helvetica/Arial: 48 gegen 52 bei 100px
       gemessen. Bei gleicher Schriftgroesse liest sie sich deshalb kleiner. Die 108 %
       heben die Glyphen auf die vorherige wahrgenommene Groesse - ohne einen einzigen
       px-Wert im Layout anzufassen. */
    size-adjust: 108%;
}

@font-face {
    font-family: "BundesSans";
    src: url("/branding/BundesSansWeb-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    /* BundesSans hat eine kleinere x-Hoehe als Helvetica/Arial: 48 gegen 52 bei 100px
       gemessen. Bei gleicher Schriftgroesse liest sie sich deshalb kleiner. Die 108 %
       heben die Glyphen auf die vorherige wahrgenommene Groesse - ohne einen einzigen
       px-Wert im Layout anzufassen. */
    size-adjust: 108%;
}

@font-face {
    font-family: "BundesSans";
    src: url("/branding/BundesSansWeb-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    /* BundesSans hat eine kleinere x-Hoehe als Helvetica/Arial: 48 gegen 52 bei 100px
       gemessen. Bei gleicher Schriftgroesse liest sie sich deshalb kleiner. Die 108 %
       heben die Glyphen auf die vorherige wahrgenommene Groesse - ohne einen einzigen
       px-Wert im Layout anzufassen. */
    size-adjust: 108%;
}

@font-face {
    font-family: "BundesSans";
    src: url("/branding/BundesSansWeb-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    /* BundesSans hat eine kleinere x-Hoehe als Helvetica/Arial: 48 gegen 52 bei 100px
       gemessen. Bei gleicher Schriftgroesse liest sie sich deshalb kleiner. Die 108 %
       heben die Glyphen auf die vorherige wahrgenommene Groesse - ohne einen einzigen
       px-Wert im Layout anzufassen. */
    size-adjust: 108%;
}

@font-face {
    font-family: "BundesSans";
    src: url("/branding/BundesSansWeb-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    /* BundesSans hat eine kleinere x-Hoehe als Helvetica/Arial: 48 gegen 52 bei 100px
       gemessen. Bei gleicher Schriftgroesse liest sie sich deshalb kleiner. Die 108 %
       heben die Glyphen auf die vorherige wahrgenommene Groesse - ohne einen einzigen
       px-Wert im Layout anzufassen. */
    size-adjust: 108%;
}

/* picasso.css setzt font-family an mehreren Stellen einzeln, nicht ueber eine Variable -
   deshalb die Aufzaehlung statt einer Regel auf :root. */
body,
.btn,
.form-control,
.form-select,
.modal-title,
.pica-dialog-title,
input,
select,
textarea {
    font-family: "BundesSans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}