/* Metalweb portal theme: palette sampled from the existing metalweb.ru interface. */
:root, [data-bs-theme="light"], .portal-theme-metalweb {
  --portal-brand: #fc9503;
  --portal-action: #ea8200;
  --portal-action-rgb: 234, 130, 0;
  --portal-action-hover: #d35501;
  --portal-action-text: #fff;
  --portal-link: #914400;
  --portal-ink: #202020;
  --portal-muted: #666;
  --portal-line: #dedbd5;
  --portal-control-line: #c9c5be;
  --portal-paper: #f7f7f6;
  --portal-tint: #fff2df;
  --portal-footer: #f0eeea;
  --portal-focus-shadow: rgb(234 130 0 / 20%);
  --portal-dropdown-shadow: rgb(35 27 17 / 10%);
  --portal-modal-shadow: rgb(35 27 17 / 15%);
}
.portal-theme-metalweb header { border-bottom: 3px solid var(--portal-brand); }
.portal-theme-metalweb .portal-brand__logo { width: 218px !important; }
.portal-theme-metalweb .portal-header-geography { margin-inline-start: 1rem; }
.portal-theme-metalweb .rubricator-section h4 { border-bottom-color: var(--portal-brand); }
.portal-theme-metalweb .ads-intro { background-color: #2a2927; }

.portal-theme-metalweb .btn-success, .portal-theme-metalweb .btn-primary,
.portal-theme-metalweb .btn-success:hover, .portal-theme-metalweb .btn-primary:hover,
.portal-theme-metalweb .btn-success:focus, .portal-theme-metalweb .btn-primary:focus,
.portal-theme-metalweb .btn-outline-success:hover,
.portal-theme-metalweb .badge-success, .portal-theme-metalweb .badge-primary,
.portal-theme-metalweb .dropdown-item.active, .portal-theme-metalweb .dropdown-item:active,
.portal-theme-metalweb .page-item.active .page-link {
  color: var(--portal-action-text) !important;
}

.portal-theme-metalweb .btn-outline-success { color: var(--portal-link); }
.portal-theme-metalweb .text-primary, .portal-theme-metalweb .text-success { color: var(--portal-link) !important; }
.portal-theme-metalweb .stats-count, .portal-theme-metalweb .material-stats a { color: var(--portal-link); }

.portal-theme-metalweb .portal-network-cards { margin: 30px 0 8px; }
.portal-theme-metalweb .portal-network-cards h2 { margin: 0 0 16px; font-size: 25px; font-weight: 500; }
.portal-theme-metalweb .portal-network-cards__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.portal-theme-metalweb .portal-network-card { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 18px; border: 1px solid var(--portal-line); border-top: 3px solid var(--portal-brand); border-radius: 3px; background: #fff; color: var(--portal-ink); text-decoration: none; }
.portal-theme-metalweb .portal-network-card:hover { border-color: var(--portal-brand); background: var(--portal-tint); text-decoration: none; }
.portal-theme-metalweb .portal-network-card__image { flex: 0 0 62px; width: 62px; height: 60px; object-fit: contain; }
.portal-theme-metalweb .portal-network-card__copy { display: flex; flex-direction: column; min-width: 0; gap: 7px; }
.portal-theme-metalweb .portal-network-card__title { color: var(--portal-link); font-size: 16px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.portal-theme-metalweb .portal-network-card__title i { margin-left: 3px; font-size: 11px; }
.portal-theme-metalweb .portal-network-card__description { color: var(--portal-muted); font-size: 13px; line-height: 1.5; }
@media (max-width: 575px) {
  .portal-theme-metalweb .portal-network-cards__grid { grid-template-columns: 1fr; }
}

/* Category columns respond to the available content width, including narrow desktop layouts. */
.portal-theme-metalweb .row:has(> .col-lg-4 > .rubricator-section > .catalog-heading) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  column-gap: 24px;
  margin-right: 0;
  margin-left: 0;
}
.portal-theme-metalweb .row:has(> .col-lg-4 > .rubricator-section > .catalog-heading) > .col-lg-4 {
  width: auto;
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}
.portal-theme-metalweb .catalog-heading { flex-wrap: wrap; }
.portal-theme-metalweb .catalog-heading > a {
  flex: 1 1 160px;
  min-width: 0;
  overflow-wrap: anywhere;
  hyphens: auto;
}