/* Portal section pages: header active tab + layout helpers (UI from fzoportal-ui.css) */

.gw-top-nav__item_active > a {
  font-weight: 600;
  color: var(--gw-color-primary, #0d4cd3);
}

.fzo-portal-body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.fzo-portal-ui a.support-card,
.fzo-portal-ui a.vacancy-card,
.fzo-portal-ui a.gw-card {
  display: block;
  color: inherit;
  text-decoration: none;
}

.fzo-support-grid_2 {
  grid-template-columns: repeat(2, 1fr) !important;
}

.fzo-events-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

.fzo-portal-ui .about-side-nav__link {
  border-left: 3px solid transparent;
}

.fzo-portal-ui .about-side-nav__link_active {
  color: var(--accent-blue);
  background: var(--accent-blue-light);
  border-left-color: var(--accent-blue);
}

.fzo-portal-ui .info-table a {
  color: var(--accent-blue);
  font-weight: 700;
}

.fzo-hotline-ext {
  font-weight: 400;
}

@media (max-width: 1000px) {
  .fzo-portal-ui .support-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fzo-portal-ui .branches-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fzo-events-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .fzo-portal-ui .support-grid,
  .fzo-portal-ui .branches-grid,
  .fzo-support-grid_2,
  .fzo-events-grid {
    grid-template-columns: 1fr !important;
  }

  .fzo-portal-ui .gw-page-header__content {
    text-align: left;
    flex-direction: column-reverse;
    gap: 16px;
  }

  .fzo-portal-ui .form-select {
    max-width: 100% !important;
    width: 100%;
    font-size: 16px !important;
    padding: 13px 14px;
  }
}

@media (max-width: 600px) {
  .fzo-portal-ui .support-grid,
  .fzo-portal-ui .branches-grid {
    grid-template-columns: 1fr;
  }
}