/* Stili dinamici per gli invitati */

/* 
  NOTA: Questi stili si applicano all'elemento con classe .listing-item 
  che è figlio di .invitati-item > div[data-elementor-type="jet-listing-items"].
*/

/* L'elemento .invitati-item e il suo figlio div[data-elementor-type="jet-listing-items"] devono essere trasparenti */
.invitati-item.accettato,
.invitati-item.non-accettato,
.invitati-item.accettato > div[data-elementor-type="jet-listing-items"],
.invitati-item.non-accettato > div[data-elementor-type="jet-listing-items"] {
    background-color: transparent !important;
}

/* Applichiamo SOLO il colore di sfondo al div con classe .listing-item */
.invitati-item.accettato > div[data-elementor-type="jet-listing-items"] .listing-item {
    background-color: #4CAF50 !important;  /* Verde */
}

.invitati-item.non-accettato > div[data-elementor-type="jet-listing-items"] .listing-item {
    background-color: #b71c1c !important;  /* Rosso */
}

/* Rimuovi stili di testo, padding, border-radius e hover opacity da questo file.
   Questi saranno gestiti da Elementor.
   Le regole precedenti per:
    - transition: background-color 0.3s ease, opacity 0.3s ease;
    - padding: 15px;
    - border-radius: 8px;
    - color: #ffffff !important; 
    - .invitati-item.accettato > div[data-elementor-type="jet-listing-items"] .listing-item *,
    - .invitati-item.non-accettato > div[data-elementor-type="jet-listing-items"] .listing-item * { color: #ffffff !important; }
    - .invitati-item:hover > div[data-elementor-type="jet-listing-items"] .listing-item { opacity: 0.85; }
   SONO STATE RIMOSSE.
*/