/* ======== LAYOUT.CSS - Style layoutu ======== */

/* ======== FLEX KONTENERY ======== */
.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

/* ======== GEM VALUE ROW ======== */
.gem-value-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 25px 0;
}

/* ======== SETTINGS PANEL ======== */
.settings-title {
  color: #58a6ff;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}

.settings-row-center {
  justify-content: center;
}

.settings-row-center-bottom {
  justify-content: center;
  margin-bottom: 10px;
}

/* ======== NAGŁÓWKI SEKCJI ======== */
.section-title {
  text-align: center;
  color: #58a6ff;
}

.section-title-top {
  text-align: center;
  color: #58a6ff;
  margin-top: 30px;
}

.section-subtitle {
  text-align: center;
  color: #c9d1d9;
  margin-bottom: 20px;
}

.section-subtitle-muted {
  text-align: center;
  color: #8b949e;
  font-size: 0.9em;
  margin-bottom: 5px;
}

.section-legend {
  text-align: center;
  color: #c9d1d9;
  font-size: 0.9em;
  margin-bottom: 20px;
}

/* ======== TABELE ======== */
.table-centered {
  max-width: 800px;
  margin: 0 auto 40px auto;
}

/* ======== LINKI ======== */
.link-accent {
  color: #58a6ff !important;
  text-decoration: none;
}

.link-accent:visited {
  color: #58a6ff !important;
}

.link-accent:hover {
  text-decoration: underline;
  color: #79c0ff !important;
}