/* Project-specific visual layer. Shared layout and typography live in ir-design-system.css. */

/* ---------- Modernizace: rozhodovací schéma ---------- */
.modern-decision {
  padding: 1.875rem;
  border-radius: 1.5rem;
  background: rgba(255,255,255,.97);
  box-shadow: 0 1.75rem 4.875rem rgba(15,17,23,.12);
}
.modern-decision__start { padding: 1.3125rem; border-radius: .875rem; background: var(--ir-surface-dark); }
.modern-decision__start span {
  display: block;
  color: #f28b91;
  font-size: .625rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.modern-decision__start strong {
  display: block;
  margin-top: .4375rem;
  color: #fff;
  font-family: var(--ir-font-display);
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 600;
}
.modern-decision__line { width: 1px; height: 2.125rem; margin: 0 auto; background: rgba(15,17,23,.15); }
.modern-decision__paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: .625rem; }
.modern-decision__paths article { padding: 1.0625rem .9375rem; border: 1px solid var(--ir-line-soft); border-radius: .8125rem; }
.modern-decision__paths span { color: var(--ir-coral); font-size: .5625rem; font-weight: 700; }
.modern-decision__paths strong {
  display: block;
  margin-top: .4375rem;
  font-family: var(--ir-font-display);
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 600;
}
.modern-decision__paths p { margin: .4375rem 0 0; color: #676d75; font-size: .625rem; line-height: 1.55; }
.modern-decision__note { margin: 1.125rem 0 0; color: #666c74; font-size: .6875rem; line-height: 1.6; }

@media (max-width: 66.25em) {
  .modern-decision { width: 100%; max-width: 47.5rem; }
}

@media (max-width: 43.75em) {
  .modern-decision { padding: 1.375rem; }
  .modern-decision__paths { grid-template-columns: 1fr; }
  .modern-decision__line { height: 1.5rem; }
}

/* ---------- Modernizace: technická modernizace ---------- */
.ir-modernization-transition {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 1.8125rem;
}

.ir-modernization-transition > div {
  padding: 1.3125rem;
  border-radius: .875rem;
}

.ir-modernization-transition__before {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.045) !important;
}

.ir-modernization-transition__after {
  background: #fff !important;
}

.ir-modernization-transition__after strong {
  color: var(--ir-ink);
}

.ir-modernization-transition__after small {
  color: #676d75;
}

.ir-modernization-transition__bridge {
  padding: .625rem 0;
  justify-self: center;
  transform: rotate(90deg);
}

.ir-modernization-transition > p {
  margin: 1.25rem 0 0;
  color: #c4c8cf;
  font-size: .75rem;
  line-height: 1.65;
}