/**
 * B2B & Articles content hub — layout overrides.
 * Filter/search UI uses shared .shop-* classes from style.css (Services marketplace).
 */

.wdi-content-hub-page #sidebar,
.wdi-content-hub-page .et_pb_column_1_3,
.wdi-content-hub-page #main-content .container::before {
  display: none !important;
}

.wdi-content-hub-page #left-area,
.wdi-content-hub-page #content-area,
.wdi-content-hub-page .et_pb_row {
  width: 100% !important;
  max-width: 100% !important;
}

.wdi-content-hub-page #main-content {
  padding-top: 50px !important;
  background-color: #fcfbf9 !important;
}

/* Hub grid lives inside .shop-main (marketplace proportions). */
.wdi-content-hub-page section.shop-body-l .shop-main .wdi-content-hub-main__content {
  width: 100%;
}

.wdi-content-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 30px;
}

.wdi-content-hub-grid.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.wdi-content-hub-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(10, 35, 66, 0.1);
  box-shadow: 0 2px 8px rgba(10, 35, 66, 0.06);
}

.wdi-content-hub-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.wdi-content-hub-card__link:hover .wdi-content-hub-card__title {
  color: #c9a734;
}

.wdi-content-hub-card__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(10, 35, 66, 0.06);
}

.wdi-content-hub-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wdi-content-hub-card__img--placeholder {
  display: block;
  min-height: 100%;
  background: linear-gradient(135deg, #0a2342, #1a3a5c);
}

.wdi-content-hub-card__body {
  padding: 16px 18px 20px;
}

.wdi-content-hub-card__meta {
  margin: 0 0 8px;
  font-size: 0.75rem;
  color: rgba(10, 35, 66, 0.65);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
}

.wdi-content-hub-card__badge {
  font-weight: 600;
  color: #0a2342;
}

.wdi-content-hub-card__dept::before {
  content: '·';
  margin-right: 6px;
}

.wdi-content-hub-card__title {
  margin: 0 0 8px;
  font-size: 1.1rem;
  line-height: 1.35;
  color: #0a2342;
  transition: color 0.15s ease;
}

.wdi-content-hub-card__excerpt {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(10, 35, 66, 0.75);
}

.wdi-content-hub-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 32px;
  text-align: center;
  color: #0a2342;
}

.wdi-content-hub-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
  justify-content: center;
}

.wdi-content-hub-pagination__btn {
  min-width: 40px;
  padding: 8px 12px;
  border: 1px solid rgba(10, 35, 66, 0.25);
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.9rem;
  color: #0a2342;
}

.wdi-content-hub-pagination__btn.is-active,
.wdi-content-hub-pagination__btn:hover {
  background: #0a2342;
  border-color: #0a2342;
  color: #fff;
}