/* ============================================
   AXIANS CI – Custom CSS für statuspage.io
   Erstellt im Rahmen der IPA 2026
   Michel Schmid – Axians IT Services AG
   ============================================ */

/* --- FARB-REFERENZ (Axians Graphic Guidelines 2025) ---
   Axians Blue:    #005EB8 (Pantone 300C) – Hauptfarbe
   Axians Magenta: #A20067 (Pantone 234C) – Akzentfarbe
   Textfarbe:      #1F1F1F (Dunkelgrau)
   ================================================== */

/* 1. SCHRIFT – Arial als Fallback für Vinci Sans
   Vinci Sans kann nicht geladen werden, Arial ist
   der offizielle Fallback laut Graphic Guidelines. */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, div {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* 2. SUBSCRIBE-BUTTON – Axians Blue statt Grün
   Hintergrund und Rahmen werden auf Axians Blue
   geändert. border-color muss auch gesetzt werden,
   sonst bleibt ein grüner Rand sichtbar. */
a.updates-dropdown {
  background-color: #005EB8 !important;
  border-color: #005EB8 !important;
}

/* Hover-Effekt: Dunkleres Blau bei Maus-Hover.
   Gibt dem Benutzer visuelles Feedback (Affordance). */
a.updates-dropdown:hover {
  background-color: #004A93 !important;
  border-color: #004A93 !important;
}

/* 3. LINKS – Axians Blue */
a {
  color: #005EB8 !important;
}

/* 4. TEXTFARBE – Dunkelgrau gemäss CI */
body {
  color: #1F1F1F !important;
}

/* 5. "OPERATIONAL" STATUS-TEXT – Axians Blue */
.component-status {
  color: #005EB8 !important;
}

/* 6. STATUS-BANNER – "All Systems Operational"
   .page-status ist der grosse Balken oben.
   .status-none = alle Services laufen normal.
   Standard-Grün wird auf Axians Blue geändert. */
.page-status.status-none {
  background-color: #005EB8 !important;
}

/* 7. SEITENTITEL AUSBLENDEN
   Das Logo im Custom Header zeigt bereits den
   Firmennamen. Doppelte Anzeige vermeiden. */
.masthead {
  display: none !important;
}

/* 8. STANDARD-FOOTER AUSBLENDEN
   Der Footer "Powered by Atlassian Statuspage" hat
   die Klasse .page-footer. Da wir einen eigenen
   CI-konformen Footer im Custom footer HTML haben,
   blenden wir den Standard-Footer komplett aus. */
.page-footer {
  display: none !important;
}

/* 9. SUBSCRIBE-BUTTON UNTER DAS LOGO
   statuspage.io platziert den Button inline neben
   dem Logo. Mit display:block wird der Button ein
   Block-Element und rutscht in eine eigene Zeile.
   margin: auto zentriert ihn horizontal. */
.custom-header-container .updates-dropdown-container {
  display: block !important;
  text-align: center !important;
  margin-top: 10px !important;
}