/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*# sourceMappingURL=user.css.map */
/*----------------------------------------------------------------------------*/
/*      modifica lo stile di .accordion-body a.dropdown-item:hover            */
/*----------------------------------------------------------------------------*/
div.accordion-body a.dropdown-item{
    padding-left: 0.50rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
div.accordion-body a.dropdown-item:hover, .dropdown-item:focus {
    /*color: #fafafa !important;*/
    border-radius: 0.35rem;
    padding-left:0.50rem;
    text-decoration: none;
    background-color: #f1f2f4 !important;
  } 
/*----------------------------------------------------------------------------*/
/*      stili e dimensioni del thumbnail nella sezione uploads            */
/*----------------------------------------------------------------------------*/
img.thumbFile {
  /* float: left; */
  border: 1px solid #ccc;
  width: 150px !important;
  margin-right: 0.5rem;
}
/*------------------------------------------------------------*/
/* STILI PER GLI AVATARS nella scheda nuovo/modifca member
/*------------------------------------------------------------*/
.avatars > input {
  display: none;
}
.avatars > input + img{
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 0.25em;
}
.avatars > input:checked + img{
  
border-radius: 50%;
  border: 2px solid rgb(28, 101, 19);
}
.avatars > input:checked + img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
}
.fa-bars{
  color: #7b1fa2;
} 
/**
  *  Stile per il bottone di cancellazione
  *  nella tabella delle presenze per periodo
  */
  .table-striped .btn-trash-fix {
    background: #fff !important;      /* Sfondo bianco */
    color: #dc3545 !important;        /* Rosso Bootstrap */
    border-radius: 50%;               /* Cerchio */
    padding: 2px 4px;                 /* Spazio attorno all’icona */
    display: inline-block;
    line-height: 1;
    transition: background 0.2s;
}
.table-striped .btn-trash-fix:hover {
    background: #ffeaea !important;   /* Leggero rosso al passaggio mouse */
    color: #a71d2a !important;
}
/* Icone azioni: grigio neutro con hover coerente Bootstrap */
.action-icons a {
  color: #3869b3ff;
  transition: color .2s ease;
}
.action-icons a:hover {
  color: #0d6efd;
}
.action-icons a.text-danger:hover {
  color: #bb2d3b;
}
.diary-content img { 
  max-width:100%; 
  height: auto 
}
/* ----------------------------------------------------- */
/* Personalizzazione Quill                               */
/*------------------------------------------------------ */
 /* Look & feel più “minimal” */
.ql-toolbar.ql-snow {
  border-top: 0;     /* mantiene bordo superiore */
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none;       /* niente ombra */
    background: transparent;/* niente fondo */
    padding-left: 0;        /* allinea al form */
    padding-right: 0;

}
.ql-container.ql-snow {
    border: 1px solid #dee2e6;      /* bordo coerente con Bootstrap */
    border-radius: .25rem;
    min-height: 220px;
}
.ql-picker.ql-color-picker .ql-picker-label,
.ql-picker.ql-background .ql-picker-label {
    border: 0; /* niente bordi nei picker */
}

.js-quill-editor .ql-editor {
  background-color: #f8f9fa !important;
}

.ql-container .ql-editor {
  background-color: #f8f9fa !important;
}

.ql-container.ql-snow .ql-editor {
  background-color: #f8f9fa !important;
}

.ql-editor.ql-blank::before {
  color: #6c757d !important;
}

/* ----------------------------------------------------- */
/* Toggle navbar frecce FontAwesome                      */
/*------------------------------------------------------ */
/* Menu esteso: mostra freccia sinistra, nasconde destra */
.navbar-vertical.navbar-expand-lg .navbar-vertical-footer .fa-arrow-right {
  display: none;
}
.navbar-vertical.navbar-expand-lg .navbar-vertical-footer .fa-arrow-left {
  display: inline;
}
/* Ritarda la comparsa del testo per sincronizzarlo con l'animazione */
.navbar-vertical.navbar-expand-lg .navbar-vertical-footer .navbar-vertical-toggle-text {
  transition: opacity 0.1s ease 0.2s;
  opacity: 1;
}
/* Menu collapsed: mostra freccia destra, nasconde sinistra e testo */
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-footer .fa-arrow-left {
  display: none;
}
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-footer .fa-arrow-right {
  display: inline;
}
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .navbar-vertical-footer .navbar-vertical-toggle-text {
  display: none;
  opacity: 0;
  transition: none;
}

/* ----------------------------------------------------- */
/* Form nav (scrollspy scheda utente — layout editor_scheda) */
/* Le voci usano lo stesso markup del navbar-vertical    */
/* Qui aggiungiamo solo lo stato .active per scrollspy   */
/* ----------------------------------------------------- */

/* Barra verticale progress tracker sulla sidebar form-nav */
#formNavPills .nav-item-wrapper {
  position: relative;
  margin-left: 1.5rem;
  padding-left: 0.75rem;
  border-left: 2px solid var(--phoenix-gray-200, #e9ecef);
}

/* Icone posizionate sulla barra verticale */
#formNavPills .nav-item-wrapper .nav-link-icon {
  position: absolute;
  left: -0.55rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  text-align: center;
  font-size: 0.6rem;
  color: var(--phoenix-gray-400, #ced4da);
  background: #fff;
  padding: 1px 0;
  line-height: 1;
  transition: color 0.2s, transform 0.2s;
  z-index: 1;
}

/* Icona attiva */
#formNavPills .nav-item-wrapper:has(.form-nav-link.active) .nav-link-icon {
  color: #0097a7;
  transform: translateY(-50%) scale(1.3);
}

/* Voci scrollspy: testo compatto senza padding per l'icona inline */
#formNavPills .nav-item-wrapper .form-nav-link {
  padding-left: 0.5rem;
  padding-right: 0.25rem;
}

#formNavPills .nav-item-wrapper .nav-link-text {
  font-size: 0.8125rem;
}

/* Pallino rimosso — sostituito dalle icone sulla barra */

/* Label di sezione: allineate alla stessa posizione delle voci */
#formNavPills .navbar-vertical-label {
  margin-left: 1.5rem;
  padding-left: 0.75rem;
  border-left: none;
}

/* Pill active: assicura che il background copra tutto il testo */
.form-nav-link.active {
  color: #0097a7 !important;
  background-color: rgba(0, 151, 167, 0.08);
  border-radius: 0.375rem;
  display: block;
}

/* Scroll-margin sulle sezioni target */
[id^="sez-"] {
  scroll-margin-top: 5rem;
}

/* ----------------------------------------------------- */
/* Checkbox group su due colonne (form scheda utente)    */
/* ----------------------------------------------------- */
.comhom-checkbox-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.5rem;
  row-gap: 0;
}

@media (max-width: 575.98px) {
  .comhom-checkbox-group {
    grid-template-columns: 1fr;
  }
}

/* ----------------------------------------------------- */
/* Domanda guida nei campi COMHOM                        */
/* ----------------------------------------------------- */
.form-text-question {
  font-style: italic;
  color: var(--phoenix-gray-700, #495057);
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.8125rem;
}

.form-text-question .fa-question-circle {
  color: var(--phoenix-info, #17a2b8);
  margin-right: 0.25rem;
}

/* ----------------------------------------------------- */
/* Allineamento campi input con label di altezze diverse */
/* I col dentro .row.g-3 diventano flex-column,          */
/* il select/input va in fondo con mt-auto               */
/* ----------------------------------------------------- */
.card-body .row.g-3 > [class*="col"] {
  display: flex;
  flex-direction: column;
}

.card-body .row.g-3 > [class*="col"] > .form-select,
.card-body .row.g-3 > [class*="col"] > .form-control {
  margin-top: auto;
}

/* ----------------------------------------------------- */
/* Sidebar form-nav: sfondo leggero per distinguerla     */
/* dalla sidebar di navigazione standard                 */
/* ----------------------------------------------------- */
#formNavIndex ~ .navbar-nav,
#formNavIndex {
  /* Non serve: l'intero navbar-vertical-content ha già lo sfondo del template */
}

/* Applichiamo uno sfondo leggermente diverso all'intero pannello sidebar
   solo nel layout editor_scheda (identificato dalla presenza di #formNavIndex) */
/* DISABILITATO — non convincente visivamente
.navbar-vertical .navbar-vertical-content:has(#formNavIndex) {
  background-color: var(--phoenix-body-highlight-bg, var(--bs-tertiary-bg, #f8f9fa));
  border-right: 1px solid var(--phoenix-gray-200, #e9ecef);
}
*/