/* ================================
   CONTENITORE SCHEDA PREGHIERA
   ================================ */
.prayer-card {
  box-sizing: border-box; /* Include padding e bordo nelle dimensioni totali */
  border: 1px solid rgba(0, 0, 0, 0.08); /* Bordo sottile e leggero */
  border-radius: 12px; /* Angoli arrotondati */
  padding: 14px; /* Spaziatura interna */
  margin: 12px 0; /* Spazio sopra e sotto ogni scheda */
  background: #fff; /* Sfondo bianco */
}

/* ================================
   TESTATA DELLA SCHEDA
   ================================ */
.prayer-card__header {
  display: flex; /* Disposizione orizzontale */
  justify-content: space-between; /* Spinge gli elementi ai lati */
  gap: 12px; /* Spazio tra gli elementi */
  align-items: flex-start; /* Allinea in alto */
}

/* Blocco con avatar e dati utente */
.prayer-card__user {
  display: flex; /* Disposizione orizzontale */
  gap: 10px; /* Distanza tra avatar e testo */
  align-items: center; /* Allineamento verticale al centro */
  min-width: 0; /* Evita problemi di overflow nei layout flex */
}

/* Contenitore avatar */
.prayer-card__avatar img {
  width: 44px; /* Larghezza avatar */
  height: 44px; /* Altezza avatar */
  border-radius: 999px; /* Forma circolare */
  object-fit: cover; /* Adatta l'immagine senza deformarla */
  display: block; /* Rimuove eventuali spazi indesiderati */
}

/* Nome utente */
.prayer-card__name {
  font-weight: 600; /* Testo in semi-grassetto */
  margin: 0 0 2px; /* Piccolo spazio sotto */
  overflow-wrap: break-word; /* Va a capo in caso di testo lungo */
}

/* Data */
.prayer-card__date {
  font-size: 0.78rem; /* Testo leggermente più piccolo */
  opacity: 0.7; /* Leggera trasparenza */
  margin: 0; /* Rimuove margini predefiniti */
  overflow-wrap: break-word; /* Previene overflow */
}

/* ================================
   CONTENUTO DELLA SCHEDA
   ================================ */
.prayer-card__title {
  font-size: 1.05rem; /* Dimensione leggermente più evidente */
  font-weight: 650; /* Titolo più marcato */
  margin: 10px 0 6px; /* Spaziatura sopra e sotto */
  overflow-wrap: break-word; /* Gestisce testi lunghi */
}

.prayer-card__text {
  font-size: 0.92rem; /* Dimensione testo principale */
  line-height: 1.35; /* Migliora la leggibilità */
  margin-top: 6px; /* Distanza dal titolo */
  margin-bottom: 0; /* Evita spazio eccessivo in fondo */
  opacity: 0.9; /* Leggera attenuazione */
  overflow-wrap: break-word; /* Gestisce parole lunghe */
}

/* ================================
   PIÈ DI PAGINA DELLA SCHEDA
   ================================ */
.prayer-card__footer {
  display: flex; /* Disposizione orizzontale */
  align-items: center; /* Allineamento verticale */
  gap: 14px; /* Distanza tra elementi */
  margin-top: 12px; /* Distanza dal contenuto */
  padding-top: 10px; /* Spazio interno superiore */
  border-top: 1px solid rgba(0, 0, 0, 0.06); /* Separatore leggero */
}

/* Elemento flessibile per spingere il menu a destra */
.prayer-card__spacer {
  flex: 1;
}

/* Icona o pulsante menu */
.prayer-card__menu {
  opacity: 0.7; /* Leggera attenuazione */
}

/* ================================
   CONTENITORE SCORRIBILE DEL MURO PREGHIERE
   ================================ */
.prayer-wall-scroll {
  max-height: 75vh; /* Altezza massima relativa alla finestra */
  overflow-y: auto; /* Scroll verticale se necessario */
  overflow-x: hidden; /* Nasconde lo scroll orizzontale */
  padding-right: 8px; /* Spazio per evitare contatto con scrollbar */
  scroll-behavior: smooth; /* Scorrimento fluido per scroll programmati */
}

/* ================================
   MENU AZIONI (MODIFICA / ELIMINA)
   ================================ */
.prayer-actions {
  position: relative; /* Permette il posizionamento del pannello */
}

.prayer-actions summary {
  cursor: pointer; /* Indica che è cliccabile */
  list-style: none; /* Rimuove il marker standard */
  user-select: none; /* Evita selezione accidentale del testo */
  outline: none; /* Rimuove il bordo di focus predefinito */
}

.prayer-actions summary::-webkit-details-marker {
  display: none; /* Nasconde il triangolino nativo */
}

.prayer-actions__panel {
  position: absolute; /* Si apre sopra il layout senza spostarlo */
  right: 0; /* Allineato a destra */
  top: calc(100% + 6px); /* Appare subito sotto il pulsante */
  z-index: 10; /* Mantiene il menu sopra gli altri elementi */
  min-width: 120px; /* Larghezza minima leggibile */
  padding: 6px 0; /* Spazio interno verticale */
  background: #fff; /* Sfondo bianco */
  border: 1px solid rgba(0, 0, 0, 0.08); /* Bordo leggero */
  border-radius: 8px; /* Angoli arrotondati */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); /* Ombra delicata */
}

.prayer-actions__panel a {
  display: block; /* Ogni link occupa tutta la riga */
  padding: 6px 10px; /* Spazio interno */
  text-decoration: none; /* Rimuove sottolineatura predefinita */
  color: #000; /* Testo nero */
  white-space: nowrap; /* Evita ritorni a capo */
}

.prayer-actions__panel a:hover {
  text-decoration: underline; /* Evidenzia il link al passaggio */
  cursor: pointer; /* Mostra il cursore cliccabile */
}

/* ================================
   GESTIONE VISIBILITÀ IN BASE AL LOGIN
   ================================ */

/* Utente autenticato: nasconde il messaggio che invita ad accedere o registrarsi */
.user-logged-in .auth-required-message,
.logged-in .auth-required-message {
  display: none !important;
}

/* Utente anonimo: nasconde il blocco del form */
.user-anonymous #ID_BLOCCO_WEBFORM {
  display: none !important;
}
/* Masque le message pour les utilisateurs connectés */
body.user-logged-in .auth-required-message,
body.logged-in .auth-required-message,
.user-logged-in .auth-required-message,
.logged-in .auth-required-message {
  display: none !important;
}