/**
 * Front styles — Basında Biz shortcode.
 */

.ocvk-bb {
  --ocvk-ink: #16131a;
  --ocvk-muted: #7a7380;
  --ocvk-brand: #b91c38;
  --ocvk-line: rgba(22, 19, 26, 0.1);
  --ocvk-surface: #fff;
  max-width: 48rem;
}

.ocvk-bb__list {
  display: grid;
  gap: 0.85rem;
}

.ocvk-bb__item {
  background: var(--ocvk-surface);
  border: 1px solid var(--ocvk-line);
  border-radius: 8px;
  padding: 1.1rem 1.25rem;
}

.ocvk-bb__meta {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ocvk-brand);
  margin-bottom: 0.4rem;
}

.ocvk-bb__title {
  margin: 0 0 0.45rem;
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.35;
}

.ocvk-bb__title a {
  color: var(--ocvk-ink);
  text-decoration: none;
}

.ocvk-bb__title a:hover,
.ocvk-bb__title a:focus {
  color: var(--ocvk-brand);
}

.ocvk-bb__source {
  margin: 0;
  font-size: 0.9rem;
  color: var(--ocvk-muted);
}

.ocvk-bb__source a {
  color: #4a4450;
  font-weight: 500;
}

.ocvk-bb__empty,
.ocvk-bb__footnote {
  color: var(--ocvk-muted);
  font-size: 0.92rem;
}

.ocvk-bb__footnote {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--ocvk-line);
}