@media (min-width: 790px) {
    .crediti {
        float: right;
        font-size: 11px;
    }

    .link {
        float: left;
    }
}

@media (max-width: 789.98px) {
    .crediti {
        float:left;
        margin-top: 20px;
        font-size: 11px;
    }
    
    .link {
        float: left;
    }
}

/*Federica: dimensione testo menu di secondo livello nella navbar, ovvero gli argomenti*/
@media (max-width: 576px){
    .menu-secondo-livello {
        font-size: 14px !important;
    }
}

@media (min-width: 577px) {
    .menu-secondo-livello {
        font-size: 16px !important;
    }
}

/*Federica: colore icona bottone invio al focus (paginazione n.pagina)*/
#button-4:focus {
    background-color: black !important; 
}

/*
 * Tiziano
 * ----------------------------------------------------
 * Fixing delle immagini presenti all'interno dei
 * wrapper rich text prodotti dal CK editor
 *
 */

.richtext-wrapper img {
  max-width: 100% !important;
}


/*
 * Tiziano
 * ----------------------------------------------------
 * Stile per widget bar
 * (da spostare in widget.css, appena modificati
 * tutti i testitipo) 
 *
 */

.widget-bar {
  position: fixed;
  bottom: 84px;
  right: 29px;
  z-index: 1000;

  /* Flexbox gestisce l'impaginazione automatica */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px; /* Sostituisce il margin-top sui singoli bottoni */

  /* Evita che il contenitore invisibile blocchi i click sulla pagina sottostante */
  pointer-events: none;
}

.widget-button {
  width: 48px; /* Dimensione conforme ai requisiti di accessibilità AgID/WCAG (> 44x44px) */
  height: 48px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: var(--main-primary);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.22);

  /* Centratura perfetta delle icone interne */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;

  cursor: pointer;
  pointer-events: auto; /* Riattiva i click per i bottoni */

  /* Transizione fluida per l'hover e per il cambio di colore di background */
  transition:
    transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    background-color 0.2s ease;

  color: #ffffff;
}

/* Gestione delle dimensioni standard per le icone SVG inserite nei bottoni */
.widget-button svg {
  width: 24px;
  height: auto;
  fill: #ffffff;
}

.widget-button:hover,
.widget-button:focus {
  transform: scale(
    1.1
  ); /* Leggermente più accentuato per dare miglior feedback visivo */
  outline: none;
}

/* --- Modificatori di Colore e Stato --- */

/* Colore specifico per l'icona di WhatsApp */
.widget-button.widget-wa {
  background-color: #25d366;
}

.widget-button.is-open {
  background-color: #d9364f;
}

.widget-button.widget-accessibilita:not(.is-open) svg {
  width: 32px; 
  height: auto;
  fill: currentColor;
}

@media (max-width: 1199.98px) {
  .widget-bar {
    bottom: 64px;
    right: 12px;
  }
}