/* ============================================================================
   Pulsante "Configura PC" / "con AI" nell'header desktop.
   Markup atteso (deliberatamente SENZA class "btn" per non ereditare
   stili/animazioni del template):

   <a class="btn-cfg" href="/configuratore-pc"
      aria-label="Configura PC con AI" title="Configura PC con AI">
     <i class="fas fa-microchip" aria-hidden="true"></i>
     <span class="btn-cfg__txt btn-cfg__txt--default">Configura PC</span>
     <span class="btn-cfg__txt btn-cfg__txt--hover">con AI</span>
   </a>

   Comportamento:
   - Default: sfondo blu, testo bianco "Configura PC"
   - Hover:   sfondo bianco, testo blu "con AI"
   - Larghezza fissata via min-width: il bottone NON cambia dimensioni
     quando il testo cambia, quindi il menu non si sposta.

   Visibile solo da 992px in su. Sotto, la versione mobile e' gestita
   altrove (.btn-header-cfg-mobile in header-mobile-call.v*.css).
   ============================================================================ */

.btn-cfg {
  display: none;
}

@media (min-width: 992px) {
  .btn-cfg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 9.5rem;          /* larghezza fissa: copre "Configura PC" */
    height: 36px;
    padding: 0 0.95rem;
    margin-left: 0.5rem;
    flex-shrink: 0;

    background: #0073ce;
    color: #ffffff;
    border: 1px solid #0073ce;
    border-radius: 4px;

    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    text-decoration: none;

    box-shadow: 0 2px 10px rgba(0, 115, 206, 0.25);
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }

  .btn-cfg:hover,
  .btn-cfg:focus,
  .btn-cfg:active {
    background: #ffffff;
    color: #0073ce;
    border-color: #0073ce;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 115, 206, 0.30);
  }

  .btn-cfg > i {
    font-size: 0.95rem;
    line-height: 1;
    color: inherit;
  }

  .btn-cfg__txt {
    display: inline;
    color: inherit;
  }

  .btn-cfg__txt--hover { display: none; }
  .btn-cfg:hover .btn-cfg__txt--default,
  .btn-cfg:focus .btn-cfg__txt--default { display: none; }
  .btn-cfg:hover .btn-cfg__txt--hover,
  .btn-cfg:focus .btn-cfg__txt--hover { display: inline; }
}