/************************************************************
 * Basistheme – custom.css
 * Corporate Design (Highlight #9D0736),
 ************************************************************/

/* ==========================================================
   1) Design-Tokens (Corporate Farben)
   ========================================================== */
:root{
  --corp-highlight:       #005F50;
  --corp-highlight-hover: #005347; /* leicht dunkler Hover */
  --corp-highlight-rgb:   157, 7, 54;

  --corp-light-gray:      #F2F2F2;
  --corp-border-gray:     #dadada;
}

/* ==========================================================
   2) Layout: Sticky Footer (nur Survey-Theme)
   ========================================================== */
body.Basistheme{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.Basistheme .ls-page-wrapper{
  flex: 1 0 auto;
}

body.Basistheme footer[role="contentinfo"]{
  margin-top: auto;
  flex-shrink: 0;
}

/* ==========================================================
   3) Tabellen
   ========================================================== */
body.Basistheme .table-bordered > thead > tr > th,
body.Basistheme .table-bordered > thead > tr > td{
  border: 1px solid var(--corp-border-gray);
}

/* ==========================================================
   4) Corporate Highlight
   ========================================================== */

/* 4.1 Links im Inhaltsbereich */
body.Basistheme #outerframeContainer a,
body.Basistheme #welcome-container a,
body.Basistheme #navigator-container a,
body.Basistheme footer[role="contentinfo"] a{
  color: var(--corp-highlight) !important;
}

body.Basistheme #outerframeContainer a:hover,
body.Basistheme #outerframeContainer a:focus,
body.Basistheme #welcome-container a:hover,
body.Basistheme #welcome-container a:focus,
body.Basistheme #navigator-container a:hover,
body.Basistheme #navigator-container a:focus,
body.Basistheme footer[role="contentinfo"] a:hover,
body.Basistheme footer[role="contentinfo"] a:focus{
  color: var(--corp-highlight-hover) !important;
}


/* 4.2 Buttons  */
body.Basistheme .btn-primary,
body.Basistheme .btn-primary:active,
body.Basistheme .btn-primary.active,
body.Basistheme .btn-primary:focus{
  background-color: var(--corp-highlight) !important;
  border-color: var(--corp-highlight) !important;
}

body.Basistheme .btn-primary:hover{
  background-color: var(--corp-highlight-hover) !important;
  border-color: var(--corp-highlight-hover) !important;
}

/* Progressbar + Auswahl-Markierung */
body.Basistheme .progress-bar,
body.Basistheme .answer-item label::after{
  background-color: var(--corp-highlight) !important;
}

/* Fokus-States bei Inputs */
body.Basistheme .form-control:focus,
body.Basistheme input:focus,
body.Basistheme select:focus,
body.Basistheme textarea:focus{
  border-color: var(--corp-highlight) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--corp-highlight-rgb), .25) !important;
}

/* Hilfsklassen */
body.Basistheme #outerframeContainer .text-primary,
body.Basistheme #welcome-container .text-primary,
body.Basistheme #navigator-container .text-primary{
  color: var(--corp-highlight) !important;
}
body.Basistheme #outerframeContainer .bg-primary,
body.Basistheme #welcome-container .bg-primary,
body.Basistheme #navigator-container .bg-primary{
  background-color: var(--corp-highlight) !important;
}

/* ==========================================================
   5) Logo: größer darstellen
   ========================================================== */
body.Basistheme .logo-container > img{
  max-height: 120px;
  width: auto;
  padding: 6px 15px;
}

/* ==========================================================
   6) Datenschutzerklärung: Header-Balken hellgrau (Bootstrap 5 Card)
   ========================================================== */
body.Basistheme div[id^="data-security-modal-"] .card .card-header.bg-primary{
  background-color: var(--corp-light-gray) !important;
  border-color:     var(--corp-light-gray) !important;
  color:            #000 !important;
}
body.Basistheme div[id^="data-security-modal-"] .card .card-header.bg-primary *{
  color: #000 !important;
}

/* ==========================================================
   7) AUSNAHMEN
   ========================================================== */
/* 7.2 Welcome-Seite: alles schwarz (inkl. Links) */
body.Basistheme #welcome-container .survey-name,
body.Basistheme #welcome-container .survey-description,
body.Basistheme #welcome-container .survey-welcome,
body.Basistheme #welcome-container .number-of-questions{
  color: #000 !important;
}

/* Utility-Klassen innerhalb Welcome neutralisieren */
body.Basistheme #welcome-container .text-primary,
body.Basistheme #welcome-container .text-info,
body.Basistheme #welcome-container .text-muted{
  color: #000 !important;
}

/* Links im Welcome-Bereich explizit schwarz (trotz Corporate-Linkfarbe im Content) */
body.Basistheme #welcome-container a{
  color: #000 !important;
  text-decoration: underline;
}