/* ==========================================================================
   company-listing.css — company search/listing page
   Markup: frontend/views/company/index.php — ListView inline-closure cards
   (.otzivi-card / .otzivi-card-advert), search form, sidebar category list.
   Notes:  preserves #city-select / #adv-toggle-btn / .adv-item.adv-extra
   selectors referenced by the page's inline <script>.
   ========================================================================== */

.otzivi-card {
  background: var(--otzivi-surface);
  border: 1px solid var(--otzivi-border);
  border-radius: var(--otzivi-radius-md);
  box-shadow: var(--otzivi-shadow-sm);
  padding: var(--otzivi-space-24);
  margin-bottom: var(--otzivi-space-24);
  position: relative;
  transition: box-shadow .2s ease;
}
.otzivi-card:hover {
  box-shadow: var(--otzivi-shadow-md);
}
.otzivi-card h2 {
  font-size: var(--otzivi-fs-h3);
  margin-top: 0;
  margin-bottom: var(--otzivi-space-12);
}
.otzivi-card h2 a {
  color: var(--otzivi-text);
}
.otzivi-card h2 a:hover {
  color: var(--otzivi-primary);
}
.otzivi-card .entry-content p {
  color: var(--otzivi-text-muted);
}
.otzivi-card .entry-content a {
  color: inherit;
  text-decoration: none;
}

.otzivi-card-advert {
  border: 1px solid var(--otzivi-accent);
  background: var(--otzivi-surface-soft);
}

.otzivi-card-meta {
  font-size: var(--otzivi-fs-body-sm);
  font-style: normal;
  color: var(--otzivi-text-muted);
  margin-bottom: 0;
}
.otzivi-card-meta .otzivi-card-views {
  float: right;
}

.otzivi-badge-advert {
  position: absolute;
  bottom: var(--otzivi-space-12);
  right: var(--otzivi-space-12);
  background: var(--otzivi-accent-button);
  color: #fff;
  padding: 6px 12px;
  font-size: var(--otzivi-fs-label);
  font-weight: var(--otzivi-fw-semibold);
  border-radius: var(--otzivi-radius-sm);
  text-transform: uppercase;
  text-decoration: none;
}
.otzivi-badge-advert:hover {
  color: #fff;
  background: var(--otzivi-accent-button-hover);
}

.otzivi-search-form .row { margin-bottom: 0; }

.otzivi-sidebar-widget {
  background: var(--otzivi-surface);
  border: 1px solid var(--otzivi-border);
  border-radius: var(--otzivi-radius-md);
  padding: var(--otzivi-space-24);
}
.otzivi-sidebar-widget .widget-title {
  font-family: var(--otzivi-font-display);
  color: var(--otzivi-text);
  margin-top: 0;
}
/* .otzivi-sidebar-widget .categories-list styling (incl. the .count pill and
   its hover state) moved to content.css — this exact markup/class pattern is
   shared by /company, /blog, /blog/top and the blog detail sidebar, not just
   this page, so it belongs in the globally-loaded file. See content.css. */

.otzivi-directory-pages {
  display: flex;
  flex-wrap: wrap;
  gap: var(--otzivi-space-8);
  margin: var(--otzivi-space-16) 0 var(--otzivi-space-24);
}
.otzivi-directory-pages a,
.otzivi-directory-pages strong {
  padding: var(--otzivi-space-4) var(--otzivi-space-12);
  border-radius: var(--otzivi-radius-pill);
  border: 1px solid var(--otzivi-border);
}
.otzivi-directory-list li {
  padding: var(--otzivi-space-4) 0;
  color: var(--otzivi-text-muted);
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 720px) {
  .otzivi-card { padding: var(--otzivi-space-16); }
}