/* ============================================================
   DONAU Versicherung theme
   Rebrands the footprint calculator & risk check from the
   Generali look (red #C21B17 / Lato·Roboto) to the DONAU
   corporate identity (blue #00519E / Neue Helvetica LT).

   Loaded LAST in every page so it overrides main.css,
   generali.css, result.css and language-switcher.css.
   ============================================================ */

/* ---------- Corporate font ---------- */
@font-face {
  font-family: "Neue Helvetica LT";
  src: url("../fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Brand alias: legacy Roboto/Lato references resolve to the DONAU font
   so every existing `font-family: Roboto|Lato` rule is covered without
   touching dozens of declarations. */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

body,
button,
input,
select,
textarea,
.btn,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
[class^="uat-headlines"],
[class*=" uat-headlines"] {
  font-family: "Neue Helvetica LT", Arial, Helvetica, sans-serif;
}

/* ---------- Brand palette ---------- */
html {
  --donau-blue: #00519e;
  --donau-blue-dark: #003d75;
  --donau-red: #e2001a;
  --donau-light: #eaf6fe;
  --donau-border: #eaf6fe;

  /* remap the legacy Generali brand tokens */
  --border-color: #cfe3f5;
  --blue-border-color: #00519e;
  --blue-background-color: #eaf6fe;
}

/* ---------- Page & section backgrounds ---------- */
.main-content > .container,
.riskcheck-page .riskcheck-container,
.mode-simple .main-content > .container {
  background: var(--donau-light);
}

/* soft blue gradient at the bottom of the start hero (was pink) */
.start .tab-content {
  background: #fff;
}

/* ---------- Navigation / logo ---------- */
.navbar-brand img {
  height: 40px;
  width: auto;
  max-width: 200px;
}
.sidebar-nav {
  background: var(--donau-blue);
}
.riskcheck-top-link,
.tab-bar .riskcheck > a {
  color: var(--donau-blue);
}
.riskcheck-top-link:hover,
.riskcheck-top-link:focus {
  color: var(--donau-blue-dark);
}
.tab-bar > li > a:hover {
  border-bottom: 0.3rem solid var(--donau-blue);
}
.riskcheck-header-links .active a,
.riskcheck-header-links a:hover {
  border-bottom-color: var(--donau-blue);
  color: var(--donau-blue);
}

@media only screen and (max-width: 767px) {
  .navbar-brand img {
    height: 34px;
  }
}

/* ---------- Buttons ---------- */
.btn {
  background-color: var(--donau-blue);
  border-color: var(--donau-blue);
}
#start-tab .unit-section .unit-selection .btn,
#start-tab .mode-section .mode-selection .btn,
#start-tab .btn.start {
  background-color: var(--donau-blue);
  border-color: var(--donau-blue);
  color: #fff;
}
#start-tab .mode-section button {
  color: var(--donau-blue);
}
#start-tab .mode-section button.btn__primary {
  color: #fff;
  background-color: var(--donau-blue);
}
.question-container .btn.btn-next:hover,
.question-container .btn.btn-results:hover {
  background-color: var(--donau-blue-dark);
  border-color: var(--donau-blue-dark);
  color: #fff;
}
/* keep bootstrap helper buttons neutral */
.btn.dropdown-toggle {
  background: 0 0;
}

/* ---------- Charts / barometer / steps ---------- */
.charts-container {
  background: var(--donau-blue);
}
.barometer > .overshoot-day {
  color: var(--donau-blue);
}
.steps .circle {
  color: var(--donau-blue);
  background-color: var(--donau-light);
}
.steps .circle.active {
  border-color: var(--donau-blue);
}
.progress-bar .indicator {
  background: var(--donau-blue);
}

/* ---------- Cards (DONAU style: flat, light-blue border) ---------- */
.uniqa_box {
  border: 2px solid var(--donau-light);
  box-shadow: 0 2px 12px rgba(0, 81, 158, 0.08);
  border-radius: 8px;
}
.color1 {
  background: var(--donau-blue);
}
.color2 {
  background: #3d7cbe;
}
.color3 {
  background: #8fb9de;
}
.modal-footer {
  background: var(--donau-light);
}
.myFlag {
  border-color: var(--donau-light);
}
.radio-container input[type="radio"]:checked + label,
.radio-container input[type="radio"]:hover + label {
  color: var(--donau-blue);
}

/* ---------- Slider & dropdown (was #af2219) ---------- */
.slider .slider-handle.round,
.slider .tooltip-inner {
  background-color: var(--donau-blue);
}
.slider .tooltip.top .tooltip-arrow {
  border-top-color: var(--donau-blue);
}
.bootstrap-select .dropdown-menu {
  border-color: var(--donau-blue);
}
.bootstrap-select .dropdown-menu > li > a:focus,
.bootstrap-select .dropdown-menu > li > a:hover {
  background-color: var(--donau-blue);
}
.btn-default:hover,
.dropdown-toggle.btn-default.active.focus,
.dropdown-toggle.btn-default.active:focus,
.dropdown-toggle.btn-default.active:hover,
.dropdown-toggle.btn-default:active.focus,
.dropdown-toggle.btn-default:active:focus,
.dropdown-toggle.btn-default:active:hover,
.bootstrap-select.open > .dropdown-toggle.btn-default.focus,
.bootstrap-select.open > .dropdown-toggle.btn-default:focus,
.bootstrap-select.open > .dropdown-toggle.btn-default:hover,
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  border-color: var(--donau-blue);
}

/* ---------- Language switcher ---------- */
.language-switcher .lang-btn {
  border: 2px solid var(--donau-blue);
  color: var(--donau-blue);
}
.language-switcher .lang-btn:hover,
.language-switcher .lang-btn.active {
  background: var(--donau-blue);
  color: #fff;
}
.language-switcher .lang-separator {
  color: var(--donau-blue);
}
.sidebar-nav .language-switcher .lang-btn {
  border-color: #fff;
  color: #fff;
}
.sidebar-nav .language-switcher .lang-btn:hover,
.sidebar-nav .language-switcher .lang-btn.active {
  background: #fff;
  color: var(--donau-blue);
}

/* ---------- Feedback button ---------- */
.feedback-btn {
  background: var(--donau-blue);
  box-shadow: 0 4px 12px rgba(0, 81, 158, 0.4);
}

/* ---------- Result / print sheet ---------- */
.bar-chart-sprechblase,
.bar-chart-sprechblase::before {
  background: var(--donau-light);
}
div.months > div.myOverShootDayChart {
  border-bottom-color: var(--donau-blue);
}
#third_page_title {
  color: var(--donau-blue);
}

/* ---------- Risk check widget ---------- */
.riskcheck-page .uq-title,
.riskcheck-page .uq-horizon-inline,
.riskcheck-page .uq-step.uq-active,
.riskcheck-page .uq-hint-card__info {
  color: var(--donau-blue);
}
.riskcheck-page .uq-btn {
  background: var(--donau-blue);
  border-color: var(--donau-blue);
}
.riskcheck-page .uq-btn.uq-secondary {
  background: #fff;
  color: var(--donau-blue);
}
.riskcheck-page .uq-progress .progress-bar {
  background: #d7e7f6;
}
.riskcheck-page .uq-progress .progress-bar .indicator {
  background: var(--donau-blue);
}
.riskcheck-page .uq-switch {
  background: #c9dcef;
}
.riskcheck-page .uq-switch.active {
  background: var(--donau-blue);
}
.riskcheck-page .uq-light.is-high {
  background: var(--donau-red);
}
.riskcheck-page .uq-mini {
  background: #f2f8fd;
  border-color: #d7e7f6;
}
.riskcheck-page .uq-chip {
  border-color: #d7e7f6;
}
.riskcheck-page .uq-hint-card__info-box {
  border-color: var(--donau-blue);
  color: var(--donau-blue);
}