/* Barra di condivisione e foglio di stile per la stampa — Riad Al-Uns
   Nessuna dipendenza: non usa Tailwind, non carica nulla da fuori,
   non manda dati a terzi finche' l'utente non clicca. */

.condividi{
  max-width:72rem;
  margin:0 auto;
  padding:2.5rem 1.5rem 1.75rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem 1.5rem;
  font-size:.8125rem;
  letter-spacing:.03em;
}

.condividi__titolo{
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#a8a094;
  flex:none;
}

.condividi__gruppo{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem 1.1rem;
}

.condividi__divisore{
  flex:none;
  width:1px;
  height:.9em;
  background:#e2ded7;
}

.condividi a,
.condividi button{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin:0;
  padding:0;
  border:0;
  background:none;
  font:inherit;
  letter-spacing:inherit;
  color:#6f675c;
  text-decoration:none;
  cursor:pointer;
  transition:color .15s ease;
}

.condividi a:hover,
.condividi button:hover,
.condividi a:focus-visible,
.condividi button:focus-visible{ color:#c8872f; }

.condividi a:focus-visible,
.condividi button:focus-visible{ outline:1px solid #c8872f; outline-offset:4px; }

.condividi svg{
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:640px){
  .condividi__divisore{ display:none; }
  .condividi{ padding-top:2rem; }
}

/* Marchio ufficiale di una piattaforma, quando il file e' presente in assets/.
   Non si ricolora: cambia solo l'opacita', cosi' il marchio resta quello che
   la piattaforma pubblica e la riga resta coerente con il resto del sito. */
.condividi__marchio{
  width:15px;
  height:15px;
  flex:none;
  opacity:.65;
  transition:opacity .15s ease;
}
.condividi a:hover .condividi__marchio,
.condividi a:focus-visible .condividi__marchio{ opacity:1; }

.condividi__esito{
  flex:none;
  color:#c8872f;
  opacity:0;
  transition:opacity .2s ease;
}
.condividi__esito.visibile{ opacity:1; }

/* Testata e piede visibili solo sulla pagina stampata */
.stampa-testata,
.stampa-piede{ display:none; }

@media print{

  /* Via tutto cio' che si tocca e non si legge */
  nav,
  #menu-btn,
  #mobile-menu,
  .condividi,
  div[style*="position:fixed"]{ display:none !important; }

  html,body{
    background:#fff !important;
    color:#000 !important;
  }

  body{
    font-size:11.5pt;
    line-height:1.55;
    padding-top:0 !important;
  }

  /* lo spazio che tiene libera la barra di navigazione fissa non serve su carta */
  main{ padding-top:0 !important; }

  /* i rimandi di ritorno («← Architettura», «Torna al progetto») sono
     navigazione: su carta non portano da nessuna parte */
  main p.mb-8:has(> a:only-child){ display:none !important; }

  .stampa-testata{
    display:flex !important;
    align-items:center;
    gap:12px;
    border-bottom:.5pt solid #bbb;
    padding-bottom:8pt;
    margin-bottom:16pt;
  }
  .stampa-testata img{ width:34px; height:auto; }
  .stampa-testata span{
    font-family:'Julius Sans One',Georgia,serif;
    font-size:11pt;
    letter-spacing:.5px;
    color:#000;
  }

  .stampa-piede{
    display:block !important;
    border-top:.5pt solid #bbb;
    padding-top:8pt;
    margin-top:18pt;
    font-size:8.5pt;
    color:#444;
    word-break:break-all;
  }

  a{ color:#000 !important; text-decoration:none !important; }

  /* il grigio da schermo diventa illeggibile in stampa */
  .text-secondary,p,li,td{ color:#1a1a1a !important; }

  .heading,h1,h2,h3{
    color:#000 !important;
    break-after:avoid;
    page-break-after:avoid;
  }

  p,li,blockquote{ orphans:3; widows:3; }

  img,figure,svg,table{
    max-width:100% !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }

  footer{ border:0 !important; }
  footer [data-legal-links]{ display:none !important; }

  @page{ margin:18mm 16mm; }
}