/* SLCustom CSS loaded */
/* Qui metteremo tutto il tuo CSS personalizzato */
   /* --- Header contacts: stile + responsive --- */
   .custom-header-info{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:14px;
    margin-left:auto;
    white-space:nowrap;
  }
  .custom-header-info a{ text-decoration:none; }
  @media (max-width:576px){
    .custom-header-info{ display:none !important; }
  }

  .navbar.fixed-top .navbar-brand .logo {
    max-height: 70px !important;
    height: auto !important;
    width: auto !important;
}

  /* --- QUIZ: evidenzia la riga "Feedback" nel riepilogo tentativo --- */
  .path-mod-quiz table.quizreviewsummary td.quizfb{
    padding:10px 12px;
    border-radius:8px;
    line-height:1.45;
  }
  /* Positivo (test superato) */
  .path-mod-quiz table.quizreviewsummary td.quizfb--ok{
    background:#e9f6ee !important;
    border-left:6px solid #2e7d32;
    color:#1b5e20;
  }
  /* Negativo (test non superato) */
  .path-mod-quiz table.quizreviewsummary td.quizfb--ko{
    background:#fdecea !important;
    border-left:6px solid #c62828;
    color:#8b1f1f;
  }
  /* Headline della riga Feedback (prima riga non vuota) */
  .path-mod-quiz table.quizreviewsummary td.quizfb .quizfb-head,
  .path-mod-quiz table.quizreviewsummary td.quizfb p:first-of-type{
    font-size:1.25rem !important;
    font-weight:700;
    margin:0 0 6px 0;
    letter-spacing:.2px;
    line-height:1.35;
  }
  /* Colori headline coerenti con lo stato e iconcina */
  .path-mod-quiz table.quizreviewsummary td.quizfb--ok .quizfb-head{ color:#0f5132; }
  .path-mod-quiz table.quizreviewsummary td.quizfb--ko .quizfb-head{ color:#842029; }
  .path-mod-quiz table.quizreviewsummary td.quizfb--ok .quizfb-head::before{ content:"✅ "; }
  .path-mod-quiz table.quizreviewsummary td.quizfb--ko .quizfb-head::before{ content:"⚠️ "; }

  /* Responsive: su smartphone il titolo un po' più piccolo */
  @media (max-width:576px){
    .path-mod-quiz table.quizreviewsummary td.quizfb .quizfb-head,
    .path-mod-quiz table.quizreviewsummary td.quizfb p:first-of-type{
      font-size:1.05rem !important;
    }
  }

  /* ====== PATCH FOOTER: icone e layout indirizzi ====== */

  /* Colonna 1: voci sotto “Link utili” sempre in verticale e centrate */
  #custom-site-footer .sl-col:nth-of-type(1) .sl-list{ display:block; }
  #custom-site-footer .sl-col:nth-of-type(1) .sl-list li{
    display:flex; justify-content:center; align-items:center; gap:8px;
    margin:0 0 10px;
  }

  /* Colonna 2: indirizzi — griglia 2 colonne (icona | testo) su tutte le larghezze */
  #custom-site-footer .sl-col:nth-of-type(2) p.sl-address{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center !important;
    justify-content:center !important;
    column-gap:8px;
    text-align:center;
    line-height:1.5;
  }
  #custom-site-footer .sl-col:nth-of-type(2) p.sl-address .sl-txt{ display:block; }
  #custom-site-footer .sl-col:nth-of-type(2) p.sl-address .footer-icon{
    margin:4px !important; transform:none !important; align-self:center !important;
  }
  @media (min-width:901px){
    /* micro-tune desktop (opzionale) */
    #custom-site-footer .sl-col:nth-of-type(2) p.sl-address .footer-icon{ transform:translateY(1px); }
  }

  /* Colonna 3: “Contatta il supporto” vicino al logo */
  #custom-site-footer .sl-col:nth-of-type(3) #logo-footer{ display:block; margin:0 auto 6px; }
  #custom-site-footer .sl-col:nth-of-type(3) .footer-support{
    margin-top:0; display:flex; justify-content:center; align-items:center; gap:8px; line-height:1.2;
  }

  /* Icone PNG leggibili sul rosso (togli il filter se vuoi i colori originali) */
  #custom-site-footer .footer-icon{
    width:20px; vertical-align:middle; margin-right:8px;
    filter: invert(1) brightness(1.2) contrast(1.05);
  }
  @media (max-width:576px){
    #custom-site-footer .footer-icon{ width:18px; margin-right:7px; }
  }

  /* === FIX FINALE baseline (vince su tutto il resto) === */
  /* Neutralizza layout precedente del <p> e del testo */
  #custom-site-footer .sl-col:nth-of-type(2) p.sl-address{ display:block !important; }
  #custom-site-footer .sl-col:nth-of-type(2) p.sl-address .sl-txt{
    display:inline !important; margin:0 !important;
  }
  /* Wrapper che allinea icona + testo alla stessa baseline */
  #custom-site-footer .sl-line{
    display:inline-flex !important; align-items:baseline !important; gap:8px;
  }
  #custom-site-footer .sl-line .footer-icon{
    margin:0 !important; transform:translateY(0.12em) !important;
  }

  
</style>