/* LA MELA DI EVA - FASE 21E - colonna profilo sticky e descrizione espandibile. */
/* Riguarda solo le schede pubbliche (non homepage, admin o altre pagine). */
@media screen and (min-width: 960px) and (min-height: 580px) {
  .detail-hero .detail-layout > article.detail-copy {
    position: -webkit-sticky;
    position: sticky;
    top: 16px;
    align-self: start;
    min-width: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #d9c5cb transparent;
  }
}
.detail-hero .lamela-profile-description {
  min-width: 0;
}
/* La riduzione a 10 righe è applicata da JS solo quando necessario:
   se JS non parte, la presentazione rimane leggibile per intero. */
.detail-hero .lamela-profile-description.lamela-description--clamped .lamela-description-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  overflow: hidden;
}
.detail-hero .lamela-description-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 11px 0 0;
  padding: 9px 12px;
  border: 1px solid #dbc8cf;
  border-radius: 6px;
  background: #fff7f9;
  color: #713046;
  font: 700 12px/1.3 Arial, Helvetica, sans-serif;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.detail-hero .lamela-description-toggle:hover { background: #f5e8ed; border-color: #ba9ba8; }
.detail-hero .lamela-description-toggle:focus-visible { outline: 3px solid #ca92a9; outline-offset: 3px; }
.detail-hero .lamela-description-toggle[hidden] { display: none !important; }
@media screen and (max-width: 959px), screen and (max-height: 579px) {
  .detail-hero .detail-layout > article.detail-copy {
    position: static;
    max-height: none;
    overflow: visible;
  }
}