:root {
    --md-admonition-icon--tutorial-guide: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"/></svg>')
  }
  .md-typeset .admonition.tutorial-guide,
  .md-typeset details.tutorial-guide {
    border-color: rgb(105, 129, 176);
  }
  .md-typeset .tutorial-guide > .admonition-title,
  .md-typeset .tutorial-guide > summary {
    background-color: rgba(105, 129, 176, 0.1);
  }
  .md-typeset .tutorial-guide > .admonition-title::before,
  .md-typeset .tutorial-guide > summary::before {
    background-color: rgb(105, 129, 176);
    -webkit-mask-image: var(--md-admonition-icon--tutorial-guide);
            mask-image: var(--md-admonition-icon--tutorial-guide);
  }
  :root {
    --md-admonition-icon--code: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3 .8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2 .6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7 .8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"/></svg>')
  }
  .md-typeset .admonition.code,
  .md-typeset details.code {
    border-color: rgb(100, 80, 63);
  }
  .md-typeset .code > .admonition-title,
  .md-typeset .code > summary {
    background-color: rgb(214, 210, 207);
  }
  .md-typeset .code > .admonition-title::before,
  .md-typeset .code > summary::before {
    background-color:rgb(100, 80, 63);
    -webkit-mask-image: var(--md-admonition-icon--code);
            mask-image: var(--md-admonition-icon--code);
  }
  :root {
    --md-admonition-icon--organization: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M436 480h-20V24c0-13.3-10.7-24-24-24H56C42.7 0 32 10.7 32 24v456H12c-6.6 0-12 5.4-12 12v20h448v-20c0-6.6-5.4-12-12-12zM128 76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V76zm0 96c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm52 148h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm76 160h-64v-84c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84zm64-172c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z"/></svg>')
  }
  .md-typeset .admonition.organization,
  .md-typeset details.organization {
    border-color: rgb(226, 192, 68);
  }
  .md-typeset .organization > .admonition-title,
  .md-typeset .organization > summary {
    background-color:rgb(252, 248, 233);
  }
  .md-typeset .organization > .admonition-title::before,
  .md-typeset .organization > summary::before {
    background-color: rgb(226, 192, 68);
    -webkit-mask-image: var(--md-admonition-icon--organization);
            mask-image: var(--md-admonition-icon--organization);
  }
/* 
 * Classi CSS per i bottoni di Material for MkDocs
 * Versione ottimizzata per eLegere
 */

/* ===================================
   Classe base: .md-button-downloads
   =================================== */

[data-md-color-accent=elegere] .md-typeset .md-button-downloads,
[data-md-color-accent=elegere] .md-typeset a.md-button-downloads {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.5rem;
  font-weight: 600;
  font-size: 0.95rem;
  color: #ffffff !important;
  background-color: #e76017;
  cursor: pointer;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
  transition:
    background-color 200ms ease,
    box-shadow 200ms ease,
    transform 100ms ease;
  text-decoration: none;
}

/* ===================================
   Modificatore primario: .md-button-downloads--primary
   =================================== */

[data-md-color-accent=elegere] .md-typeset .md-button-downloads--primary,
[data-md-color-accent=elegere] .md-typeset a.md-button-downloads--primary {
  background-color: #e76017;
}

/* ===================================
   Stati interattivi (focus/hover)
   =================================== */

[data-md-color-accent=elegere] .md-typeset .md-button-downloads:is(:focus, :hover),
[data-md-color-accent=elegere] .md-typeset a.md-button-downloads:is(:focus, :hover),
[data-md-color-accent=elegere] .md-typeset .md-button-downloads:is(:focus, :hover):active,
[data-md-color-accent=elegere] .md-typeset a.md-button-downloads:is(:focus, :hover):active {
  color: #ffffff !important;
  background-color: #ff7a2e;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

[data-md-color-accent=elegere] .md-typeset .md-button-downloads:active,
[data-md-color-accent=elegere] .md-typeset a.md-button-downloads:active {
  color: #ffffff !important;
  background-color: #e76017;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transform: translateY(0);
}

/* ===================================
   UTILIZZO
   =================================== */

/*
 * Bottone download base:
 * <a href="#" class="md-button-downloads">
 *   <i class="fas fa-download"></i> Windows
 * </a>
 *
 * Bottone download primario:
 * <a href="#" class="md-button-downloads md-button-downloads--primary">
 *   <i class="fab fa-apple"></i> MacOS
 * </a>
 *
 * Note:
 * - Usa il colore accent del tema elegere (#ff590a)
 * - Il testo rimane sempre bianco anche all'hover
 * - Funziona sia con <a> che con <button>
 */