/* ==========================================================================
   ACȚIUNILE UTILIZATORULUI ASUPRA ANUNȚURILOR
   --------------------------------------------------------------------------
   Favorite (pagina proprie) · partajare · raportare · căutări salvate.

   Nicio culoare, nicio dimensiune și niciun radius nu este scris literal:
   totul vine din var(--ps-*) (wwwroot/css/design-tokens.css). Modificatorii
   sunt în română, ca în restul proiectului (.ps-btn--primar, .is-salvata).

   Se încarcă din @section Styles al paginilor care au nevoie de el; bara de
   partajare și butonul de favorit sunt însă ViewComponents care pot ajunge în
   orice pagină, de aceea fișierul este listat și în _Layout.cshtml.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. CÂMP-CAPCANĂ (anti-bot)
   --------------------------------------------------------------------------
   Ascuns pentru oameni, prezent pentru roboți. NU se folosește display:none
   și nici visibility:hidden — unii roboți le detectează și sar peste câmp.
   -------------------------------------------------------------------------- */

.ps-capcana {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* --------------------------------------------------------------------------
   2. PAGINA DE FAVORITE
   -------------------------------------------------------------------------- */

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

.ps-favorite__lista { margin-bottom: var(--ps-space-25); }

/* Formularul din <noscript>: apare doar pentru vizitatorii fără JavaScript. */
.ps-favorite__eliminare { margin-top: var(--ps-space-10); }

/* Butonul-formular al ViewComponent-ului „ButonFavorit”. */
.ps-favorit { display: inline-flex; margin: 0; }


/* --------------------------------------------------------------------------
   3. BARA DE PARTAJARE
   -------------------------------------------------------------------------- */

.ps-partajare {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-10);
}

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

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

.ps-partajare__item { display: flex; }

/* SMS-ul are sens doar pe telefon (Anunt.aspx îl arăta sub 768px). */
.ps-partajare__item--telefon { display: none; }

@media (max-width: 767.98px) {
  .ps-partajare__item--telefon { display: flex; }
}

.ps-partajare__link { text-decoration: none; }

/* logo-urile rețelelor: gri ca restul, în culoarea mărcii la hover */
.ps-partajare__logo { width: 22px; height: 22px; }
.ps-partajare__link[data-ps-canal="facebook"]:hover,
.ps-partajare__link[data-ps-canal="facebook"]:focus-visible { color: #1877F2; }
.ps-partajare__link[data-ps-canal="whatsapp"]:hover,
.ps-partajare__link[data-ps-canal="whatsapp"]:focus-visible { color: #25D366; }
.ps-partajare__link[data-ps-canal="linkedin"]:hover,
.ps-partajare__link[data-ps-canal="linkedin"]:focus-visible { color: #0A66C2; }
.ps-partajare__link[data-ps-canal="x"]:hover,
.ps-partajare__link[data-ps-canal="x"]:focus-visible { color: #000; }

.ps-partajare__canonic { margin: 0; }

.ps-partajare__url {
  width: 100%;
  font-family: var(--ps-font-alt);
  font-size: var(--ps-fs-12);
  color: var(--ps-text-muted);
}

/* Câmpul este readonly, nu disabled: trebuie să rămână focusabil și selectabil,
   pentru că este calea de rezervă la copiere când clipboard-ul nu e disponibil. */
.ps-partajare__url:read-only { background: var(--ps-surface-alt); }


/* --------------------------------------------------------------------------
   4. RAPORTAREA
   -------------------------------------------------------------------------- */

.ps-raportare {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-15);
  max-width: 640px;
  margin-inline: auto;
  padding-block: var(--ps-space-25);
}

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

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

.ps-raportare__eticheta { font-weight: var(--ps-fw-medium); color: var(--ps-text); }

.ps-raportare__formular {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-20);
}

.ps-raportare__actiuni {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ps-space-15);
}

.ps-raportare--confirmare { text-align: center; align-items: center; }


/* --------------------------------------------------------------------------
   5. CĂUTĂRI SALVATE
   -------------------------------------------------------------------------- */

.ps-cautari-salvate {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-15);
  padding-block: var(--ps-space-25);
}

.ps-cautari-salvate__titlu {
  margin: 0;
  font: var(--ps-type-h2);
  color: var(--ps-text);
}

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

.ps-cautari-salvate__lista {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-10);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ps-cautari-salvate__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ps-space-15);
  padding: var(--ps-space-15);
  background: var(--ps-surface);
  border: var(--ps-border-width) solid var(--ps-border-soft);
  border-radius: var(--ps-radius-card);
}

.ps-cautari-salvate__continut {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-3);
  min-width: 0;
}

.ps-cautari-salvate__link {
  font: var(--ps-type-card-title);
  color: var(--ps-text);
  text-decoration: none;
}

.ps-cautari-salvate__link:hover { text-decoration: underline; }

.ps-cautari-salvate__detaliu,
.ps-cautari-salvate__data {
  margin: 0;
  font-family: var(--ps-font-alt);
  font-size: var(--ps-fs-12);
  color: var(--ps-text-muted);

  /* Query string-ul poate fi lung: se taie, nu împinge butonul de ștergere afară. */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ps-cautari-salvate__goleste { margin-top: var(--ps-space-10); }


/* --------------------------------------------------------------------------
   6. „SALVEAZĂ CĂUTAREA” — declanșatorul de deasupra listei
   -------------------------------------------------------------------------- */

.ps-cautare-salvata { display: inline-block; }

.ps-cautare-salvata__declansator {
  display: inline-flex;
  align-items: center;
  gap: var(--ps-space-5);
  padding: var(--ps-space-5) var(--ps-space-10);
  font: var(--ps-type-body-medium);
  color: var(--ps-text-ui);
  cursor: pointer;
  border-radius: var(--ps-radius-control);
}

.ps-cautare-salvata__declansator:hover { color: var(--ps-primary); }

.ps-cautare-salvata__declansator:focus-visible {
  outline: var(--ps-focus-width) solid var(--ps-primary);
  outline-offset: var(--ps-focus-offset);
}

.ps-cautare-salvata.is-salvata .ps-cautare-salvata__declansator { color: var(--ps-primary); }

.ps-cautare-salvata__formular {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--ps-space-10);
  margin-top: var(--ps-space-10);
  padding: var(--ps-space-15);
  background: var(--ps-surface);
  border: var(--ps-border-width) solid var(--ps-border-soft);
  border-radius: var(--ps-radius-card);
}

.ps-cautare-salvata__camp { flex: 1 1 220px; min-width: 0; }


/* --------------------------------------------------------------------------
   7. RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 575.98px) {
  .ps-cautari-salvate__item { flex-direction: column; align-items: stretch; }
  .ps-raportare__actiuni > .ps-btn { flex: 1 1 100%; }
}