/*
 * smart rail GmbH — LimeSurvey Theme
 * Angepasst an Moodle-Farbschema (moodle.smart-rail.eu)
 *
 * Strategie: Hohe Spezifität durch ID + Klasse + Element-Selektoren
 * Gewichtung: (1,1,1) bis (1,2,1) — überschreibt Bootstrap-Defaults
 * sicher ohne !important
 *
 * Farben:
 *   #6B1010  — Primärfarbe (Header, Akzente)
 *   #1E3A5F  — Sekundärfarbe (Banner, Footer)
 *   #B8962A  — Akzentfarbe (Buttons, Highlights)
 *   #1E6B9E  — Linkfarbe
 *   #ffffff  — Hintergrund
 */


/* ============================================================
   NAVBAR / HEADER  (LimeSurvey 6 / Bootstrap 5)
   Spezifität: (0,2,0) — body .navbar
   Hinweis: .navbar-default existiert in BS5 nicht mehr
   ============================================================ */

body.fruity .navbar {
    background-color: #6B1010 !important;
    border-bottom: 1px solid #4a0b0b;
    border-radius: 0 !important;
}

body.fruity .navbar .navbar-brand,
body.fruity .navbar .navbar-brand:hover,
body.fruity .navbar .navbar-brand:focus {
    color: #B8962A;
}

body.fruity .navbar .nav-link,
body.fruity .navbar .nav-link:focus {
    color: #B8962A;
    text-decoration: none !important;
    box-shadow: 0 0 0 0 #1E3A5F;
    transition: box-shadow .2s ease-in-out !important;
}

body.fruity .nav > li > a:focus,
body.fruity .nav > li > a:hover {
    text-decoration: none !important;
}

body.fruity .navbar .navbar-nav .nav-item .nav-link:hover,
body.fruity .navbar .navbar-nav .nav-item .nav-link:focus,
body.fruity .navbar .navbar-nav > li > a:hover,
body.fruity .nav > li > a:hover,
body.fruity .nav > li > a:focus,
body.fruity .navbar a:hover,
body.fruity .navbar a:focus {
    color: #B8962A !important;
    text-decoration: none !important;
    box-shadow: 0 3px 0 0 #1E3A5F;
    transition: box-shadow .2s ease-in-out !important;
}

body.fruity .navbar .nav-link::after,
body.fruity .navbar .nav-link:hover::after,
body.fruity .navbar a:hover::after,
body.fruity .nav > li > a:hover::after {
    display: none !important;
    border: none !important;
    background: none !important;
}

body.fruity .navbar .navbar-nav .nav-item::after {
    background-color: #1E3A5F !important;
}

body.fruity .navbar .navbar-nav .nav-item:hover::after {
    background-color: #1E3A5F !important;
}

/* Hamburger-Icon (mobil) */
body .navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
}

body .navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C255%2C255%2C0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* ============================================================
   BUTTONS — Primär (dunkelblau)
   ============================================================ */

body.fruity .btn.btn-primary,
body.fruity input[type="submit"].btn-primary {
    background-color: #1E3A5F !important;
    border-color: #152a45 !important;
    color: #ffffff !important;
}

body.fruity .btn.btn-primary:hover,
body.fruity .btn.btn-primary:focus,
body.fruity input[type="submit"].btn-primary:hover {
    background-color: #152a45 !important;
    border-color: #0e1e32 !important;
    color: #ffffff !important;
}

/* ============================================================
   BUTTONS — Zurück / Default (schwarz)
   ============================================================ */

body.fruity .btn.btn-default,
body.fruity .btn-navigation.btn-default,
body.fruity .btn.btn-outline-secondary {
    background-color: #ffffff !important;
    border-color: #333333 !important;
    color: #333333 !important;
}

body.fruity .btn.btn-default:hover,
body.fruity .btn-navigation.btn-default:hover,
body.fruity .btn.btn-outline-secondary:hover {
    background-color: #f0f0f0 !important;
    border-color: #111111 !important;
    color: #111111 !important;
}

/* ============================================================
   GRÜNER TEXT — Links und Beschreibungen
   ============================================================ */

body.fruity .survey-container a,
body.fruity #outerframeContainer a {
    color: #333333 !important;
}

body.fruity .survey-container a:hover,
body.fruity #outerframeContainer a:hover {
    color: #111111 !important;
}

body.fruity .survey-container a.btn,
body.fruity #outerframeContainer a.btn,
body.fruity .navigator a.btn,
body.fruity #navigator-container a.btn {
    color: #333333 !important;
}

body.fruity .survey-container a.btn.btn-default,
body.fruity #outerframeContainer a.btn.btn-default,
body.fruity .navigator a.btn.btn-default,
body.fruity #navigator-container a.btn.btn-default {
    color: #333333 !important;
    border-color: #333333 !important;
    background-color: #ffffff !important;
}

body.fruity .survey-container p,
body.fruity .top-container p,
body.fruity .top-content p,
body.fruity #outerframeContainer p {
    color: #333333 !important;
}


/* ============================================================
   PROGRESS BAR
   Spezifität: (0,2,1) — body .progress .progress-bar
   ============================================================ */

body .progress .progress-bar {
    background-color: #6B1010;
}

body .progress .progress-bar.progress-bar-striped {
    background-color: #6B1010;
    background-image: linear-gradient(
        45deg,
        rgba(255,255,255,.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,255,255,.15) 50%,
        rgba(255,255,255,.15) 75%,
        transparent 75%,
        transparent
    );
}


/* ============================================================
   LINKS
   Spezifität: (0,1,1) — body a (außer Navbar, Buttons)
   ============================================================ */

body .container a,
body .survey-container a,
body #outerframeright a {
    color: #1E6B9E;
}

body .container a:hover,
body .survey-container a:hover,
body #outerframeright a:hover {
    color: #1E3A5F;
    text-decoration: underline;
}


/* ============================================================
   UMFRAGE-TITEL & SEITENTITEL
   Spezifität: (0,2,0) — .survey-container .survey-title
   ============================================================ */

body .survey-container .survey-title,
body .survey-container .ls-heading {
    color: #6B1010;
    border-bottom: 2px solid #6B1010;
    padding-bottom: 8px;
}


/* ============================================================
   PANEL / CARD (Fragenkarten)
   Spezifität: (0,2,1) — body .panel.panel-default
   ============================================================ */

body .panel.panel-default > .panel-heading {
    background-color: #f5f0f0;
    border-color: #d4b0b0;
    color: #6B1010;
}

body .panel.panel-default {
    border-color: #d4b0b0;
}


/* Hilfetext (❓) — grün behalten */
body.fruity .question-help-container.text-info,
body.fruity .question-help-container.text-info .ls-questionhelp {
    color: #328637 !important;
}

/* Validierungsfehler (❗) — rot */
body.fruity .question-valid-container.text-info,
body.fruity .question-valid-container.text-info .error,
body.fruity .question-valid-container.text-info .em_num_answers,
body.fruity .text-info.emtip.error,
body.fruity .survey-container .ls-input-group-error,
body.fruity .survey-container .alert-danger,
body.fruity .survey-container .text-danger,
body.fruity .survey-container .has-error .help-block {
    color: #cc0000 !important;
}

/* ============================================================
   RADIO-BUTTON — ausgewählt dunkelblau statt grün
   ============================================================ */

body.fruity .radio-item input[type="radio"]:checked + label::after,
body.fruity .radio-item input[type="radio"]:checked ~ label::after {
    background-color: #1E3A5F !important;
    border-color: #1E3A5F !important;
    color: #1E3A5F !important;
}

body.fruity .radio-item input[type="radio"]:checked + label,
body.fruity .radio-item input[type="radio"]:checked ~ label {
    color: #1E3A5F !important;
    font-weight: 600;
}


/* ============================================================
   FOOTER
   Spezifität: (0,2,0) — body .ls-footer
   ============================================================ */

body .ls-footer {
    background-color: #1E3A5F;
    color: #c8d8e8;
}

body footer.ls-footer a {
    color: #a8c4dc;
}

body footer.ls-footer a:hover {
    color: #ffffff;
}


/* ============================================================
   SKALA / BUTTON-FRAGEN — ausgewählter Zustand
   ============================================================ */

body.fruity .btn.btn-primary.active,
body.fruity .btn.btn-primary.selected,
body.fruity .btn-group .btn.btn-primary.active,
body.fruity .btn-group .btn.btn-primary.selected,
body.fruity .button-array .btn.active,
body.fruity .button-array .btn.selected,
body.fruity .btn-check:checked + label.btn.btn-primary,
body.fruity input.btn-check:checked + label.btn-primary {
    background-color: #1E3A5F !important;
    border: 3px solid #B8962A !important;
    color: #ffffff !important;
}

body.fruity input.btn-check:focus + label.btn-primary,
body.fruity input.btn-check:focus-visible + label.btn-primary {
    outline: none !important;
    box-shadow: none !important;
}

body.fruity input.btn-check {
    outline: none !important;
    box-shadow: none !important;
}

body.fruity #surveys-list-container,
body.fruity #surveys-list-jumbotron {
    display: none !important;
}

body .survey-container .page-header small,
body .survey-container .survey-page small {
    color: #6B1010;
    font-weight: 500;
}


/* ============================================================
   LOGO (optional — wenn du ein Logo in /files/ hinterlegst)
   ============================================================ */

/*
body .navbar.navbar-default .navbar-brand img {
    content: url('../files/smart_rail_logo.png');
    height: 30px;
    width: auto;
}
*/