/* ACP-Branding fuer HedgeDoc (per nginx in jede Seite eingebunden, HedgeDoc unveraendert) */
@font-face { font-family: "Apex New"; src: url("/acp/ApexNew-Book.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Apex New"; src: url("/acp/ApexNew-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

body, .navbar, .btn, .ui-infobar, .cover-container, h1, h2, h3, h4, h5, h6,
.markdown-body, .markdown-body h1, .markdown-body h2, .markdown-body h3 {
    font-family: "Apex New", "Helvetica Neue", Arial, sans-serif;
}

/* Kopfzeile in Schiefergrau mit roter Linie */
.navbar, .navbar-default, .navbar-inverse {
    background-color: #3d4a52 !important;
    border-color: #3d4a52 !important;
    border-bottom: 3px solid #f00f40 !important;
}
/* Nur die Eintraege DIREKT in der Kopfzeile weiss -- aufklappende Menues sind weiss hinterlegt */
.navbar .navbar-brand, .navbar .nav > li > a, .navbar .btn-link, .navbar .ui-night { color: #ffffff !important; }
.navbar .ui-night.active, .navbar .ui-night:hover, .navbar .btn-link:hover { color: #f00f40 !important; }
.navbar .dropdown-menu, .navbar .dropdown-menu > li > a, .navbar .dropdown-menu .list,
.navbar .dropdown-menu li, .navbar .dropdown-menu a { color: #3d4a52 !important; }
.navbar .dropdown-menu > li > a:hover { background-color: #ebeced !important; color: #3d4a52 !important; }
/* Status rechts oben: online weiss mit Schiefergrau, offline ACP-Rot */
.ui-status .label { font-weight: 700; }
.ui-status .label-primary, .ui-status .label-success, .ui-status .label-info {
    background-color: #ffffff !important; color: #3d4a52 !important;
}
.ui-status .label-danger, .ui-status .label-warning { background-color: #f00f40 !important; color: #ffffff !important; }

/* Einstiegsseite (Cover): hell, damit das schiefergraue ACP-Zeichen frei steht */
html, body, .site-wrapper, .cover-container, .inner.cover, .masthead { background: #ffffff !important; box-shadow: none !important; }
.site-wrapper, .site-wrapper .lead, .cover-container, .masthead .nav > li > a, .inner.cover { color: #3d4a52 !important; text-shadow: none !important; }
.masthead .nav > li.active > a { border-bottom-color: #f00f40 !important; color: #3d4a52 !important; }
.mastfoot, .mastfoot a { color: #3d4a52 !important; }
/* Einstiegsseite: HedgeDoc-Werbung ausblenden (Beispielseiten gibt es hier nicht) */
img.screenshot, .ui-or, .lead.row, a.btn[href$="/features"] { display: none !important; }
.cover-heading img { max-width: 180px; height: auto; }
/* Logo oben links: ACP-Zeichen, Hoehe der Kopfzeile */
.navbar-brand.header-brand { padding: 4px 8px; }
.navbar-brand.header-brand img { height: 40px; width: auto; }

/* Akzentfarbe */
.btn-primary, .btn-success, .ui-signin .btn {
    background-color: #f00f40 !important;
    border-color: #f00f40 !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-success:hover { background-color: #c70c35 !important; border-color: #c70c35 !important; }
.markdown-body a, a { color: #f00f40; }
.markdown-body h1, .markdown-body h2 { border-bottom-color: #f00f40; }
.markdown-body table th { background-color: #3d4a52; color: #ffffff; }

/* Kopierknopf an Codeblöcken (acp-copy.js) */
.markdown-body pre { position: relative; }
.acp-copy {
    position: absolute; top: 6px; right: 6px;
    font: 700 12px "Apex New", "Helvetica Neue", Arial, sans-serif;
    color: #ffffff; background: #3d4a52; border: 0; border-radius: 3px;
    padding: 3px 8px; cursor: pointer; opacity: 0.85;
}
.acp-copy:hover { background: #f00f40; opacity: 1; }
/* Startseite: "powered by tiri.linux" als eigene, kleinere Zeile unter dem Lab-Namen
   (Name selbst ohne "ACP": das ACP-Zeichen steht direkt darueber) */
.site-wrapper .inner.cover .lead::after {
    content: "powered by tiri.linux"; display: block; margin-top: 4px;
    font-size: 60%; color: #8a959c !important; letter-spacing: 0.02em;
}