/* Kurstift Design: Farben der bisherigen Installation (RS 9.5, css/colour.css)
   auf die Oberflaeche von ResourceSpace 11 uebertragen. */

:root {
    /* Akzentblau der alten Oberflaeche */
    --colour-brand-primary-default: #2e99e6;
    --colour-brand-primary-hover: #1f87d1;
    --colour-brand-primary-dark: #1a6fae;
    --colour-brand-primary-darkest: #124e7a;
    --colour-brand-primary-light: #d5eafa;
    --colour-brand-primary-lightest: #eaf4fc;
}

/* Nur in der hellen Darstellung (Klasse setzt hooks/all.php): alter Seitengrund, Links grau, beim Ueberfahren blau */
html.kurstift-light {
    --colour-link-primary-default: #666666;
    --colour-link-primary-hover: #2e99e6;
}
html.kurstift-light, html.kurstift-light body, html.kurstift-light #HomePanelContainer { background: #f2f2f2; }

/* Header: alt rgba(0,0,0,0.6) ueber hellem Grund, weisse Navigation */
header { background: #616161; }
#header-container .primary-navigation > ul > li > a,
#header-container .primary-navigation > ul > li > a:visited {
    color: #fff;
    opacity: 0.7;
}
#header-container .primary-navigation > ul > li > a:hover {
    color: #fff;
    opacity: 1;
}
#header-container .primary-navigation > button,
#header-container .actions a.get-menu-content {
    background: transparent;
    color: #fff;
    opacity: 0.7;
}
#header-container .primary-navigation > button:hover,
#header-container .actions a.get-menu-content:hover {
    background: rgba(255, 255, 255, 0.12);
    opacity: 1;
}

/* Kollektionsleiste: alt #2b2b2b mit hellgrauer Schrift */
.collection-bar-thumbs-section,
.collection-bar-actions-section,
.collection-bar-holder .collection-bar-toggle-button {
    background: #2b2b2b;
    color: #e0e0e0;
}
.collection-bar-actions-section select,
.collection-bar-actions-section .show-thumbs-button {
    background-color: #444444;
    color: #e0e0e0;
}

/* Ausgewaehlte Ressource wie frueher blau umrandet */
.ResourcePanel.Selected { border-color: #2e99e6; }
.collection-bar-holder:not(.state-closed) .collection-bar-toggle-button,
.collection-bar-holder:not(.state-closed) .collection-bar-toggle-button:hover {
    background: #2b2b2b;
}

/* Login wie frueher: Hintergrundbild ueber die ganze Flaeche,
   dunkle, halbtransparente Box mittig darueber (nur ab Tablet-Breite) */
@media (min-width: 769px) {
    #UICenter.NoSearch.LoginPage.slideshow-enabled {
        justify-content: center;
        align-items: flex-start;
        overflow-y: auto;
    }
    .slideshow-enabled > #login-slideshow {
        position: fixed;
        inset: 0;
        z-index: 0;
    }
    .login-slide { position: fixed; inset: 0; }
    .slideshow-enabled > #CentralSpaceLogin {
        position: relative;
        z-index: 1;
        width: 550px;
        margin: 100px auto 40px;
        padding: 24px 25px;
        overflow: visible;
        border-radius: 10px;
        background: rgba(20, 28, 34, 0.72);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
        color: #fff;
    }
    .slideshow-enabled > #CentralSpaceLogin #login_box { background: transparent; padding: 0; }
    .slideshow-enabled > #CentralSpaceLogin label,
    .slideshow-enabled > #CentralSpaceLogin h1,
    .slideshow-enabled > #CentralSpaceLogin p,
    .slideshow-enabled > #CentralSpaceLogin .login-links,
    .slideshow-enabled > #CentralSpaceLogin .login-links a,
    .slideshow-enabled > #CentralSpaceLogin a { color: #fff; }
    .slideshow-enabled > #CentralSpaceLogin input[type=text],
    .slideshow-enabled > #CentralSpaceLogin input[type=password],
    .slideshow-enabled > #CentralSpaceLogin input[type=email] {
        background: rgba(255, 255, 255, 0.45);
        border-color: rgba(255, 255, 255, 0.25);
        color: #000;
    }
}

/* Schmale Bildschirme: RS-Layout bleibt, das weisse Logo bekommt den dunklen Grund des Headers */
@media (max-width: 768px) {
    #LoginHeader {
        background: #616161;
        padding: 12px 16px;
        box-sizing: border-box;
        width: 100%;
    }
}