/* Page-specific styles for O nas */

/* Centered quote text */
.quote-text {
  text-align: center;
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: normal;
  color: #fff;
  margin: 15px 0;
}

/* Main heading centered */
.page-title {
  text-align: center;
  font-size: clamp(24px, 3vw, 36px);
  margin-bottom: 20px;
  font-weight: bold;
}

/* Main heading in left column */
.page-title-left {
  text-align: center;
  font-size: clamp(22px, 3vw, 34px);
  margin: 0;
  color: #fff;
  line-height: 1.25;
}

/* Hero image */
.onas-hero {
  position: relative;
  padding: 10px 10px 6px;
  margin-bottom: 14px;
}

/* Quote badge */
.quote-badge {
  position: absolute;
  top: -6px; left: 6px;
  color: rgba(255,255,255,0.35);
  font-size: 42px;
  line-height: 1;
  user-select: none;
}

/* Content items on gray background, left-aligned */
.content-item {
  background-color: #f2f2f2;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 8px;
  text-align: left;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Content items on gray background, right-aligned */
.content-item-right {
  background-color: #f2f2f2;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 8px;
  text-align: right;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Content items on gray background, right-aligned, with legal text */
.content-item.legal {
  text-align: center;
}

/* Content items on gray background, right-aligned, with legal text */
.content-item.legal h3 {
  color: #F8B24D;
  margin-bottom: 10px;
}

/* Content items on gray background, right-aligned, with legal text */
.content-item.legal p {
  margin-bottom: 8px;
  text-align: left;
}

/* Keep lists left-aligned in left column */
.left-column ul {
  text-align: left;
}

/* Keep lists left-aligned in right column */
.right-column ul {
  text-align: left;
}

/* O nas — estetyka i czytelność */

/* nagłówek/hero w lewej kolumnie */
.page-title {
  text-align: center;
  font-size: clamp(22px, 3vw, 34px);
  margin: 0;
  color: #fff;
  line-height: 1.25;
}

/* wstęp */
.intro {
  margin: 6px 0 18px 0;
  text-align: left;
}

/* lista osób (w lewej kolumnie) */
.section-heading {
  font-size: clamp(18px, 2.3vw, 22px);
  margin: 6px 0 10px 0;
  color: #fff;
}
.founders-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.founders-list li {
  background: rgba(255,255,255,0.12);
  border-left: 4px solid #fff;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
  text-align: left;
}

/* karty w prawej kolumnie (szare tło, lewy tekst) */
.content-item {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 14px;
  text-align: left;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.content-item h3 {
  color: #F8B24D;
  margin: 0 0 10px 0;
}

/* ładne wypunktowanie */
.nice-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nice-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
}
.nice-list li::before {
  content: "";
  position: absolute;
  left: 0; top: 8px;
  width: 10px; height: 10px;
  background: #F8B24D;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(248,178,77,0.2);
}

/* mobile */
@media (max-width: 768px) {
  .page-title { font-size: 24px; }
  .founders-list li { padding: 10px 12px; }
}