/* FINALE_F13_B702_OVERLAY */

/* Zelený průvodce musí být samostatná neprůhledná obrazovka. */
#b702-dark-wizard-root {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  z-index: 2147483000 !important;
  overflow: auto !important;
  background: #f5f2e9 !important;
  isolation: isolate !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

#b702-dark-wizard-root .b702-app {
  position: relative !important;
  min-height: 100dvh !important;
  width: 100% !important;
  background: #f5f2e9 !important;
  opacity: 1 !important;
  isolation: isolate !important;
}

#b702-dark-wizard-root .b702-main {
  position: relative !important;
  min-width: 0 !important;
  min-height: 100dvh !important;
  background: #f5f2e9 !important;
  opacity: 1 !important;
}

#b702-dark-wizard-root .b702-content {
  position: relative !important;
  background: #f5f2e9 !important;
  opacity: 1 !important;
}

#b702-dark-wizard-root .b702-side,
#b702-dark-wizard-root .b702-top {
  opacity: 1 !important;
}

#b702-dark-wizard-root .b702-card {
  opacity: 1 !important;
}

#b702-dark-wizard-root .b702-actions {
  position: relative !important;
  z-index: 2 !important;
}

#b702-dark-wizard-root .b702-global-actions-hidden {
  display: none !important;
}

/* FINALE_F14_VISUAL_ALIGNMENT */

/* Neprůhledná samostatná obrazovka zůstává zachována. */
#b702-dark-wizard-root {
  background: #f3f0e8 !important;
  color: #26382f !important;
}

/* Horní tmavě zelený pruh. */
#b702-dark-wizard-root .b702-top {
  background: #182b23 !important;
  color: #f8f4e9 !important;
  min-height: 78px !important;
  padding: 15px 28px !important;
  border-bottom: 1px solid #ac9362 !important;
}

#b702-dark-wizard-root .b702-top strong,
#b702-dark-wizard-root .b702-top small,
#b702-dark-wizard-root .b703-top-title,
#b702-dark-wizard-root .b703-top-quote {
  color: #f8f4e9 !important;
  opacity: 1 !important;
}

/* Obsah a nadpisy. */
#b702-dark-wizard-root .b702-main {
  background: #f3f0e8 !important;
}

#b702-dark-wizard-root .b702-content {
  width: min(100%, 1440px) !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 28px 36px 56px !important;
  background: #f3f0e8 !important;
}

#b702-dark-wizard-root .b702-head,
#b702-dark-wizard-root .b702-title,
#b702-dark-wizard-root .b702-title h1 {
  color: #20392e !important;
  opacity: 1 !important;
}

#b702-dark-wizard-root .b702-title h1 {
  font-size: clamp(27px, 2.4vw, 37px) !important;
  font-weight: 650 !important;
}

#b702-dark-wizard-root .b702-title p {
  color: #60756b !important;
  font-size: 16px !important;
}

/* Osm hlavních kroků. */
#b702-dark-wizard-root .b702-steps {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 22px 0 28px !important;
  padding: 14px !important;
  border: 1px solid #d7d1c2 !important;
  border-radius: 14px !important;
  background: #e9e6dd !important;
}

#b702-dark-wizard-root .b702-step {
  color: #405b4d !important;
  opacity: 1 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  min-width: 0 !important;
}

#b702-dark-wizard-root .b702-step-dot {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 auto 7px !important;
  border-radius: 50% !important;
  background: #d7d9cf !important;
  border: 1px solid #9aa99c !important;
  color: #294436 !important;
  font-size: 14px !important;
}

#b702-dark-wizard-root .b702-step.active {
  color: #17392a !important;
}

#b702-dark-wizard-root .b702-step.active .b702-step-dot {
  background: #b39a64 !important;
  color: #fff !important;
  border-color: #987b42 !important;
}

#b702-dark-wizard-root .b702-step.done .b702-step-dot {
  background: #28503d !important;
  color: #fff !important;
  border-color: #28503d !important;
}

/* Formulářové karty a pole. */
#b702-dark-wizard-root .b702-grid {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

#b702-dark-wizard-root .b702-section,
#b702-dark-wizard-root .b702-form-card {
  max-width: none !important;
}

#b702-dark-wizard-root input,
#b702-dark-wizard-root select,
#b702-dark-wizard-root textarea {
  font-size: 17px !important;
  line-height: 1.5 !important;
}

#b702-dark-wizard-root .b702-field > span {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

#b702-dark-wizard-root .b702-card {
  min-height: 190px !important;
  border-radius: 16px !important;
}

#b702-dark-wizard-root .b702-actions {
  margin-top: 25px !important;
}

/* Menší monitory a mobil. */
@media (max-width: 1100px) {
  #b702-dark-wizard-root .b702-content {
    padding: 22px 18px 40px !important;
  }
  #b702-dark-wizard-root .b702-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  #b702-dark-wizard-root .b702-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #b702-dark-wizard-root .b702-top {
    padding: 12px 15px !important;
  }
  #b702-dark-wizard-root .b702-content {
    padding: 18px 12px 32px !important;
  }
}