/* FTM Survey Admin Theme - TUM CI Branding */

/* ============================================================
   CSS VARIABLEN — TUM Corporate Design
   ============================================================ */
:root {
    --bs-primary:          #3070B3;
    --bs-primary-rgb:      48, 112, 179;
    --bs-link-color:       #3070B3;
    --bs-link-hover-color: #003069;
}

/* ============================================================
   LOGIN-SEITE — linke Sidebar
   ============================================================ */

/* Login_Image als Vollbild-Hintergrund der Sidebar */
.login .sidebar-l {
    background:
        linear-gradient(rgba(0, 48, 105, 0.55), rgba(0, 48, 105, 0.55)),
        url('/upload/admintheme/FTM_Survey/images/Login_Image.png') center center / cover no-repeat;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

/* FTM-Logo statt LimeSurvey-Logo */
.login .sidebar-l .logo .logo-alt-1 {
    background: url('/upload/admintheme/FTM_Survey/images/logo_ftm.jpg') center center / contain no-repeat;
    width: 220px;
    height: 110px;
    filter: brightness(0) invert(1);
}

/* Dekor-Elemente ausblenden */
.login .sidebar-l .box-pattern {
    display: none;
}

/* TUM-Blau-Akzentlinie unten */
.login .sidebar-l::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: #3070B3;
}

/* Login-Titel Farbe */
.login .col-right h1,
.login .col-right .h1 {
    color: #003069;
}

/* ============================================================
   BUTTONS & LINKS — TUM Blau
   ============================================================ */
.btn-primary {
    background-color: #3070B3;
    border-color:     #3070B3;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #003069;
    border-color:     #003069;
}
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(48, 112, 179, 0.4);
}

a { color: #3070B3; }
a:hover { color: #003069; }

/* ============================================================
   ADMIN TOPBAR
   ============================================================ */
#admin-navbar-collapse,
.navbar,
.ls-topbar {
    background-color: #003069 !important;
}
.navbar .nav-link,
.ls-topbar .nav-link {
    color: rgba(255,255,255,0.85) !important;
}
.navbar .nav-link:hover,
.ls-topbar .nav-link:hover {
    color: #fff !important;
}

/* ============================================================
   SIDEBAR (eingeloggt)
   ============================================================ */
#sidebar, #layout_sidebar {
    background-color: #f2f2f2;
    border-right: 1px solid #d0d8e4;
}
#sidebar .nav-link,
#layout_sidebar .nav-link {
    color: #003069;
}
#sidebar .nav-link:hover,
#sidebar .nav-link.active,
#layout_sidebar .nav-link:hover,
#layout_sidebar .nav-link.active {
    background-color: #3070B3;
    color: #fff;
    border-radius: 4px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.ls-footer, footer {
    border-top: 3px solid #3070B3;
    color: #666;
    font-size: 12px;
}