/*
 * docmo Branding — LimeSurvey Theme-Overlay
 * Variante: Snapshot check-leitung  (docmo-check-leitung)
 * GENERIERT aus tokens.json — nicht von Hand editieren.
 */

:root {
    /* Farbe */
    --docmo-primary: #2d6a9f;
    --docmo-primary-dark: #1e4d74;
    --docmo-accent: #4a9eda;
    --docmo-bg: #f8f9fa;
    --docmo-text: #212529;
    --docmo-question-bg: #ffffff;
    --docmo-answer-border: #dee2e6;
    --docmo-dsgvo-bg: #e8f4f8;
    --docmo-font: 'Inter', 'Segoe UI', system-ui, sans-serif;

    /* Dimensionen */
    --docmo-radius: 8px;
    --docmo-font-size: 16px;
    --docmo-answer-border-width: 1px;
    --docmo-progress-height: 6px;
    --docmo-container-width: 760px;
    --docmo-question-padding: 24px;
    --docmo-btn-width: auto;
}

/* Navigations-Buttons */
.btn-default,
.btn-primary {
    background-color: var(--docmo-primary) !important;
    border-color: var(--docmo-primary-dark) !important;
    border-radius: var(--docmo-radius) !important;
    width: var(--docmo-btn-width) !important;
    color: #fff !important;
}
.btn-default:hover,
.btn-primary:hover {
    background-color: var(--docmo-primary-dark) !important;
}

/* Fortschrittsbalken */
.progress {
    height: var(--docmo-progress-height) !important;
}
.progress-bar {
    background-color: var(--docmo-accent) !important;
}

/* Seitenrahmen — #outerframeContainer ist der reale Bootstrap-5/LS6-Wrapper
   (container-fluid, volle Breite); .survey-container/#surveycontainer aus
   aelteren LimeSurvey-Versionen bleiben als Fallback stehen, greifen hier nicht. */
.survey-container,
#surveycontainer,
#outerframeContainer {
    max-width: var(--docmo-container-width);
    margin-left: auto;
    margin-right: auto;
    padding: var(--docmo-question-padding);
    background-color: var(--docmo-question-bg);
    border-radius: var(--docmo-radius);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

/* Fragen-Container */
.question-container,
#questioncontainer {
    background-color: var(--docmo-question-bg);
}

/* Antwortoptionen */
.answer-item,
.ls-answers .answer-container {
    border: var(--docmo-answer-border-width) solid var(--docmo-answer-border) !important;
    border-radius: var(--docmo-radius);
}

/* Umfrage-Titel */
h2.title-survey,
.survey-title {
    color: var(--docmo-primary);
    font-family: var(--docmo-font);
}

/* Fragen-Header */
.question-header {
    font-family: var(--docmo-font);
    font-weight: 600;
    color: var(--docmo-text);
}

/* Body-Hintergrund & Basis-Schrift */
body {
    background-color: var(--docmo-bg) !important;
    font-family: var(--docmo-font);
    font-size: var(--docmo-font-size);
    color: var(--docmo-text);
}

/* DSGVO-Hinweis-Box */
.dsgvo-notice {
    background-color: var(--docmo-dsgvo-bg);
    border-left: 4px solid var(--docmo-accent);
    padding: 12px 16px;
    margin: 16px 0;
    border-radius: 4px;
    font-size: 0.9em;
    color: var(--docmo-text);
}