/* Danmi v9 — full-view title areas, solid light/dark theme */

/* Remove decorative/gradient layers from full-page title areas */
.route-page-header::before,
.route-page-header::after,
.full-view-header::before,
.full-view-header::after,
.route-page-header h1::before,
.route-page-header h1::after,
.route-page-header h2::before,
.route-page-header h2::after,
.full-view-header h1::before,
.full-view-header h1::after,
.full-view-header h2::before,
.full-view-header h2::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  content: none !important;
}

/* Light mode: soft cream-lavender solid title card */
.route-page-header,
.full-view-header {
  background: #f6f1fb !important;
  background-image: none !important;
  border: 1px solid #ded2eb !important;
  box-shadow: 0 8px 20px rgba(98, 73, 126, .10) !important;
  color: #4a3e58 !important;
  border-radius: 22px !important;
}

.route-page-header h1,
.route-page-header h2,
.full-view-header h1,
.full-view-header h2,
.route-title-area,
.route-title-line {
  background: transparent !important;
  background-image: none !important;
  color: #46394f !important;
  text-shadow: none !important;
}

.route-page-header p,
.full-view-header p,
.route-page-header .subtext,
.full-view-header .subtext {
  color: #766985 !important;
}

.route-page-header .route-home-button,
.route-page-header .secondary-button,
.route-page-header .route-view-toggle,
.route-page-header .route-view-toggle-mobile,
.full-view-header .full-view-close,
.full-view-header .secondary-button,
.full-view-header .route-view-toggle,
.full-view-header .route-view-toggle-mobile {
  background: #fffafd !important;
  background-image: none !important;
  border: 1px solid #d9cce7 !important;
  color: #675777 !important;
  box-shadow: 0 4px 10px rgba(98, 73, 126, .08) !important;
}

.route-page-header .route-home-button:hover,
.route-page-header .secondary-button:hover,
.route-page-header .route-view-toggle:hover,
.route-page-header .route-view-toggle-mobile:hover,
.full-view-header .full-view-close:hover,
.full-view-header .secondary-button:hover,
.full-view-header .route-view-toggle:hover,
.full-view-header .route-view-toggle-mobile:hover {
  background: #efe7f7 !important;
}

/* Dark mode: solid muted plum, no gradients */
html[data-theme="dark"] .route-page-header,
html[data-theme="dark"] .full-view-header,
body.dark-mode .route-page-header,
body.dark-mode .full-view-header {
  background: #30293a !important;
  background-image: none !important;
  border-color: #62566f !important;
  box-shadow: 0 9px 22px rgba(7, 5, 11, .28) !important;
  color: #fbf6ff !important;
}

html[data-theme="dark"] .route-page-header h1,
html[data-theme="dark"] .route-page-header h2,
html[data-theme="dark"] .full-view-header h1,
html[data-theme="dark"] .full-view-header h2,
html[data-theme="dark"] .route-title-area,
html[data-theme="dark"] .route-title-line,
body.dark-mode .route-page-header h1,
body.dark-mode .route-page-header h2,
body.dark-mode .full-view-header h1,
body.dark-mode .full-view-header h2,
body.dark-mode .route-title-area,
body.dark-mode .route-title-line {
  background: transparent !important;
  background-image: none !important;
  color: #fbf6ff !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .route-page-header p,
html[data-theme="dark"] .full-view-header p,
html[data-theme="dark"] .route-page-header .subtext,
html[data-theme="dark"] .full-view-header .subtext,
body.dark-mode .route-page-header p,
body.dark-mode .full-view-header p,
body.dark-mode .route-page-header .subtext,
body.dark-mode .full-view-header .subtext {
  color: #d8cfe2 !important;
}

html[data-theme="dark"] .route-page-header .route-home-button,
html[data-theme="dark"] .route-page-header .secondary-button,
html[data-theme="dark"] .route-page-header .route-view-toggle,
html[data-theme="dark"] .route-page-header .route-view-toggle-mobile,
html[data-theme="dark"] .full-view-header .full-view-close,
html[data-theme="dark"] .full-view-header .secondary-button,
html[data-theme="dark"] .full-view-header .route-view-toggle,
html[data-theme="dark"] .full-view-header .route-view-toggle-mobile,
body.dark-mode .route-page-header .route-home-button,
body.dark-mode .route-page-header .secondary-button,
body.dark-mode .route-page-header .route-view-toggle,
body.dark-mode .route-page-header .route-view-toggle-mobile,
body.dark-mode .full-view-header .full-view-close,
body.dark-mode .full-view-header .secondary-button,
body.dark-mode .full-view-header .route-view-toggle,
body.dark-mode .full-view-header .route-view-toggle-mobile {
  background: #3a3245 !important;
  background-image: none !important;
  border-color: #6d607a !important;
  color: #f7f1fc !important;
  box-shadow: 0 4px 10px rgba(5, 4, 8, .20) !important;
}

html[data-theme="dark"] .route-page-header .route-home-button:hover,
html[data-theme="dark"] .route-page-header .secondary-button:hover,
html[data-theme="dark"] .route-page-header .route-view-toggle:hover,
html[data-theme="dark"] .route-page-header .route-view-toggle-mobile:hover,
html[data-theme="dark"] .full-view-header .full-view-close:hover,
html[data-theme="dark"] .full-view-header .secondary-button:hover,
html[data-theme="dark"] .full-view-header .route-view-toggle:hover,
html[data-theme="dark"] .full-view-header .route-view-toggle-mobile:hover,
body.dark-mode .route-page-header .route-home-button:hover,
body.dark-mode .route-page-header .secondary-button:hover,
body.dark-mode .route-page-header .route-view-toggle:hover,
body.dark-mode .route-page-header .route-view-toggle-mobile:hover,
body.dark-mode .full-view-header .full-view-close:hover,
body.dark-mode .full-view-header .secondary-button:hover,
body.dark-mode .full-view-header .route-view-toggle:hover,
body.dark-mode .full-view-header .route-view-toggle-mobile:hover {
  background: #463c52 !important;
}

/* Keep title blocks compact and aligned on mobile */
@media (max-width: 760px) {
  .route-page-header,
  .full-view-header {
    border-radius: 18px !important;
    padding: 14px 15px !important;
  }
}