/* HTWD Corporate Design – SavaPage User Web App
   Referenz: HTWD Corporate Design Guide v1.3, QuickGuide Hochschulbibliothek */

@font-face {
  font-family: "Open Sans";
  src: url("/custom/web/fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/custom/web/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
}

:root {
  --htwd-orange: #ec660c;
  --htwd-orange-light: #f7a600;
  --htwd-black: #000000;
  --htwd-white: #ffffff;
  --htwd-grey: #bdc1d0;
}

body, .ui-page {
  font-family: "Open Sans", Arial, sans-serif;
  color: var(--htwd-black);
  background: var(--htwd-white);
}

/* Standard-Hintergrund (gruene Huegel) wird ueber
   webapp.style.default.enable=N in web.properties abgeschaltet */

/* Header-/Footer-Leiste -> Schwarz (CD-konform, bewaehrt aus anderen HTWD-Webapps).
   SavaPage 1.7.0 nutzt .ui-bar-inherit statt der klassischen
   jQuery-Mobile-Swatch-Suffixe (ui-bar-b usw.), verifiziert per
   DevTools am 20.08.2026 auf bibdev03. */
.ui-header.ui-bar-inherit,
.ui-footer.ui-bar-inherit {
  background: var(--htwd-black) !important;
  border-color: var(--htwd-black) !important;
  color: var(--htwd-white) !important;
  text-shadow: none !important;
}
.ui-header.ui-bar-inherit a,
.ui-header.ui-bar-inherit .ui-btn,
.ui-header.ui-bar-inherit *,
.ui-footer.ui-bar-inherit a,
.ui-footer.ui-bar-inherit .ui-btn,
.ui-footer.ui-bar-inherit * {
  color: var(--htwd-white) !important;
}

/* Primaere Buttons (z. B. "Einloggen") -> HTWD Orange.
   Realer Button traegt "ui-btn ui-btn-inline"; Icon-Grid-Buttons
   (Job-Aktionen) haben KEIN ui-btn-inline und bleiben neutral. */
.ui-btn.ui-btn-inline,
.ui-btn.ui-btn-inline * {
  color: var(--htwd-white) !important;
}
.ui-btn.ui-btn-inline {
  background: var(--htwd-orange) !important;
  border-color: var(--htwd-orange) !important;
  font-weight: 600 !important;
}
.ui-btn.ui-btn-inline:hover, .ui-btn.ui-btn-inline:focus {
  background: var(--htwd-orange-light) !important;
  border-color: var(--htwd-orange-light) !important;
}

/* Ausnahme: ALLE Buttons INNERHALB der Kopf-/Fusszeile (Nutzername,
   Guthabenbetrag, Status-Icon, "Hochladen" usw. -- unabhaengig davon,
   ob sie ui-btn-inline, ui-btn-icon-left oder ui-btn-icon-notext
   tragen) sollen nicht als helle/orange Chips herausstechen, sondern
   transparent in der schwarzen Leiste aufgehen. */
.ui-header.ui-bar-inherit .ui-btn,
.ui-footer.ui-bar-inherit .ui-btn {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--htwd-white) !important;
  box-shadow: none !important;
  font-weight: normal !important;
}
.ui-header.ui-bar-inherit .ui-btn:hover,
.ui-header.ui-bar-inherit .ui-btn:focus,
.ui-footer.ui-bar-inherit .ui-btn:hover,
.ui-footer.ui-bar-inherit .ui-btn:focus {
  background: rgba(255,255,255,0.12) !important;
  border-color: transparent !important;
}

/* Schrift auch auf Formularelemente/Buttons erzwingen (eingebaute
   SavaPage-CSS setzt dort sans-serif mit gleicher Spezifitaet). */
body, input, select, textarea, button, .ui-btn, .ui-page {
  font-family: "Open Sans", Arial, sans-serif !important;
}

/* Links */
a { color: var(--htwd-orange); }

/* Platzhaltergrafik bei leerer Dokumentenliste (Standard-Druckersymbol
   "savapage-banner.png") -> HTWD-Bibliothekslogo. Klasse und Bildpfad
   per DevTools verifiziert am 20.08.2026 auf bibdev03. */
.thumbnail_viewport_empty {
  background-image: url("/custom/web/images/htwd-bibliothek-logo-rgb-horizontal-color.png") !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 260px auto !important;
  opacity: 1 !important;
}

/* Job-Aktions-Icons im Hauptbereich (PDF/Drucken/Kopieren/Loeschen/
   Fertigstellen/Aktualisieren/Freigeben/Duplizieren usw.) -> dezenter
   HTWD-Akzent. Nur innerhalb #main, damit Header/Footer/Login-Dialog
   unberuehrt bleiben. Falls die Icons selbst nicht mitfaerben (z. B.
   weil sie als Hintergrundbild statt currentColor-SVG eingebunden
   sind), wirkt zumindest der Rahmen-/Flaechen-Akzent. */
#main .ui-btn {
  border-color: var(--htwd-grey) !important;
  color: var(--htwd-black) !important;
}
#main .ui-btn:hover, #main .ui-btn:focus {
  background: var(--htwd-orange) !important;
  border-color: var(--htwd-orange) !important;
  color: var(--htwd-white) !important;
}

/* Logo-Container im Header (Login-/About-Snippets) */
.htwd-logo-header {
  padding: 12px 16px; /* Schutzzone */
  text-align: left;
}
.htwd-logo-header img {
  height: 32px; /* entspricht > 120px Breite bei diesem Seitenverhaeltnis */
}

/* Icon-Zeilen in Login-/About-Snippets */
.htwd-login-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9em;
  color: var(--htwd-black);
  margin: 6px 0;
}
.htwd-login-hint svg { flex: 0 0 auto; }