/* ==========================================================================
   LANDING-URI SEO DE ANUNȚURI — /Locuri-de-munca/..., /Aparatura-si-produse/...
   --------------------------------------------------------------------------
   Cele 79 de pagini clonate din site-ul vechi. Ele nu au machetă în Figma:
   în Web Forms erau lista obișnuită plus un singur `<h1 class="titlu-pagina-footer">`
   fără stil propriu. Blocul editorial de aici (fir al Ariadnei, H1, paragraf
   introductiv, linkuri către paginile surori) este [PROPUS] și folosește EXCLUSIV
   tokeni din design-tokens.css — nicio valoare literală de culoare, spațiu sau font.

   Se încarcă doar pe aceste pagini, prin `@section Styles` din Landing.cshtml.
   ========================================================================== */

.ps-landing__antet {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-10);
  /* pagina n-are bandă de antet: distanța față de navbar, ca .ps-corp-pagina */
  padding-block-start: clamp(24px, 3vw, 48px);
  margin-block-end: var(--ps-space-25);
}

/* --- firul Ariadnei ---------------------------------------------------- */

.ps-landing__fir {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ps-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--ps-font-alt);
  font-size: var(--ps-fs-12);
  font-weight: var(--ps-fw-light);
  color: var(--ps-text-muted);
}

.ps-landing__fir li {
  display: inline-flex;
  align-items: center;
  gap: var(--ps-space-5);
}

/* Separatorul este decorativ: pentru cititoarele de ecran lista <ol> poartă
   deja structura, iar un „/" citit cu voce tare doar adaugă zgomot. */
.ps-landing__fir li + li::before {
  content: "/";
  color: var(--ps-border-soft);
}

.ps-landing__fir a { color: inherit; }
.ps-landing__fir a:hover { color: var(--ps-green-link); }

.ps-landing__fir [aria-current="page"] { color: var(--ps-text); }

/* --- titlu + text introductiv ------------------------------------------ */

.ps-landing__titlu {
  margin: 0;
  font: var(--ps-type-h1);
  color: var(--ps-text);
}

.ps-landing__intro {
  margin: 0;
  max-width: var(--ps-content-820);
  font: var(--ps-type-lead);
  color: var(--ps-text-muted);
}

.ps-landing__sumar {
  margin: 0;
  font: var(--ps-type-body);
  color: var(--ps-text-muted);
}

/* --- linkuri către paginile surori ------------------------------------- */

.ps-landing__inrudite {
  margin-block-start: var(--ps-space-40);
  padding-block-start: var(--ps-space-25);
  border-top: var(--ps-border-width) solid var(--ps-border-soft);
}

.ps-landing__inrudite-titlu {
  margin: 0 0 var(--ps-space-15);
  font: var(--ps-type-card-title);
  color: var(--ps-text);
}

.ps-landing__inrudite-lista {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ps-space-10);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ps-landing__actiuni {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ps-space-15);
  margin-block-start: var(--ps-space-25);
}

@media (max-width: 767.98px) {
  .ps-landing__antet { margin-block-end: var(--ps-space-20); }
}

/* --- panoul lateral al listei (ControlListaAnunturi), doar pe Piața Stomatologică ---
   Lista și panoul stau în `.ps-coloane`; coloana de 870px se lărgește ca să încapă amândouă
   (lista rămâne cu lățimea ei aproape neschimbată, panoul vine alături). */

.ps-layout-lista:has(> .ps-coloane) { max-width: none; }

.ps-landing__principal {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-20);
  min-width: 0;
}