/* =========================================================
   aNETomy — ETICHETTE GLOBALI V2
   Standard grafico derivato dalle card della Home.
   Non modifica testi, argomenti o contenuti.
   ========================================================= */

/* Etichette/eyebrow già usate nelle diverse sezioni del sito */
.eyebrow,
.section-label,
.section-kicker,
.kicker,
.overline,
.pm-label,
.tan-label,
.research-label,
.formation-label,
.clinic-label,
.blog-label,
.contact-label,
.patient-label {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* Lineetta corta come nella Home */
.eyebrow::after,
.section-label::after,
.section-kicker::after,
.kicker::after,
.overline::after,
.pm-label::after,
.tan-label::after,
.research-label::after,
.formation-label::after,
.clinic-label::after,
.blog-label::after,
.contact-label::after,
.patient-label::after {
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 1px !important;
  margin-top: 10px !important;
  background: currentColor !important;
  opacity: .9 !important;
}

/* Mantiene il colore già assegnato dalla singola pagina/sezione.
   Se una pagina non ne assegna uno, usa il rosso aNETomy. */
.eyebrow:not([style*="color"]),
.section-label:not([style*="color"]),
.section-kicker:not([style*="color"]),
.kicker:not([style*="color"]),
.overline:not([style*="color"]),
.pm-label:not([style*="color"]),
.patient-label:not([style*="color"]) {
  color: var(--brick, #bf3026);
}

/* Nelle card della Home non alteriamo lo standard già approvato:
   l'override serve soprattutto alle altre pagine. */
.home-card .eyebrow,
.home-card .section-label,
.home-card .section-kicker,
.home-card .kicker,
.home-card .overline {
  margin-bottom: 14px !important;
}

/* Smartphone: ancora più compatta */
@media (max-width: 700px) {
  .eyebrow,
  .section-label,
  .section-kicker,
  .kicker,
  .overline,
  .pm-label,
  .tan-label,
  .research-label,
  .formation-label,
  .clinic-label,
  .blog-label,
  .contact-label,
  .patient-label {
    font-size: 10px !important;
    margin-bottom: 11px !important;
  }

  .eyebrow::after,
  .section-label::after,
  .section-kicker::after,
  .kicker::after,
  .overline::after,
  .pm-label::after,
  .tan-label::after,
  .research-label::after,
  .formation-label::after,
  .clinic-label::after,
  .blog-label::after,
  .contact-label::after,
  .patient-label::after {
    width: 34px !important;
    margin-top: 8px !important;
  }
}