/* =============================================================================
 * RePoSyD Custom Theme fuer das Mikio-DokuWiki-Template
 * -----------------------------------------------------------------------------
 * Installationsort: lib/tpl/mikio/themes/reposyd/style.css
 * Aktivierung: Admin -> Konfiguration -> Vorlage (mikio) -> "Custom Theme"
 *              auf "reposyd" setzen (oder $conf['tpl']['mikio']['customTheme']
 *              = 'reposyd'; in conf/local.php, siehe local-php-snippet.php).
 *
 * Diese Datei ergaenzt die Farb-Ersetzungen aus conf/tpl/mikio/style.ini um
 * alles, was sich nicht als einfache Ersetzungsvariable abbilden laesst
 * (Google-Font-Einbindung, Verlaufshintergrund im Hero-Bereich, abgerundete
 * Ecken). Sie wird von Mikio automatisch NACH dem kompilierten Haupt-CSS
 * geladen und ueberschreibt daher gezielt einzelne Regeln.
 * ========================================================================== */

/* Roboto wie auf reposyd.de -- gleiche Google-Fonts-Einbindung wie auf der
   Firmenwebseite, damit Wiki und Webseite exakt dieselbe Schrift zeigen. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');

/* -----------------------------------------------------------------------
 * Hero-Bereich (Seitentitel): Blauverlauf wie im Startseiten-Header von
 * reposyd.de, statt der Flaechenfarbe aus style.ini.
 * --------------------------------------------------------------------- */
.mikio-hero {
    background-color: transparent;
    background-image: linear-gradient(160deg, #2b5170 0%, #4682b4 55%, #699bc5 130%);
}

:root[data-theme="theme-dark"] .mikio-hero {
    background-image: linear-gradient(160deg, #2b5170 0%, #4682b4 55%, #699bc5 130%);
}

/* Duenner Gold-Akzentstrich unter dem Seitentitel im Hero, wie das
   "brand-rule"-Element auf reposyd.de. */
.mikio-hero .mikio-hero-text h1 {
    display: inline-block;
    padding-bottom: .35rem;
    border-bottom: 4px solid #d0b38c;
}

/* -----------------------------------------------------------------------
 * Etwas staerker abgerundete Ecken (9px, wie die Buttons auf reposyd.de)
 * statt des Bootstrap-Standards -- betrifft Buttons und Suchfeld.
 * --------------------------------------------------------------------- */
.mikio .btn,
.mikio button,
.mikio input[type="submit"],
.mikio input[type="button"] {
    border-radius: 9px;
}

.mikio .mikio-navbar .mikio-search input[type="search"],
.mikio .mikio-sidebar .mikio-search input[type="search"],
.mikio .mikio-footer .mikio-search input[type="search"] {
    border-radius: 9px 0 0 9px;
}

.mikio .mikio-navbar .mikio-search button,
.mikio .mikio-sidebar .mikio-search button,
.mikio .mikio-footer .mikio-search button {
    border-radius: 0 9px 9px 0;
}

/* Aktive/aktuelle Seite in der Seitenleiste dezent mit dem Gold-Akzent
   hervorheben, aehnlich der Marker-Farbe auf reposyd.de. */
.mikio-sidebar a.cur,
.mikio-sidebar a.currentns {
    box-shadow: inset 3px 0 0 #d0b38c;
}