/* ==========================================================================

   RESET & VARIABILI

   ========================================================================== */

:root {

  --font-serif: 'Lora', Georgia, serif;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  

  --bg-color: #FAFAFA;          /* Bianco caldo per sfondi */

  --bg-white: #FFFFFF;

  --text-main: #212529;         /* Antracite scuro */

  --text-muted: #6C757D;        /* Grigio per testi secondari */

  --accent-color: #1A365D;      /* Blu Notte elegante per accenti */

  --border-color: #E9ECEF;

  

  --container-max: 1140px;

  --transition-fast: 0.2s ease;

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



body {

  font-family: var(--font-sans);

  background-color: var(--bg-color);

  color: var(--text-main);

  line-height: 1.7;

  font-size: 16px;

  -webkit-font-smoothing: antialiased;

}



img {

  max-width: 100%;

  height: auto;

  display: block;

}



.container {

  max-width: var(--container-max);

  margin: 0 auto;

  padding: 0 20px;

}

/****************************************************************************/

/* Regola generale per i paragrafi del sito */

/*

p {

  text-align: justify;

  */

  

  /* SILLABAZIONE AUTOMATICA (Consigliata)

     Evita che il testo giustificato crei spazi vuoti antiestetici tra le parole */

/* 

 -webkit-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

}

*/

/* ECCEZIONI RACCOMANDATE:

   Per una migliore resa grafica e leggibilità, è preferibile 

   mantenere centrati o allineati a sinistra i testi introduttivi e le schede brevi. */



/* Testi descrittivi sotto i titoli di intestazione */

/*

.contacts-intro,

.legal-updated {

  text-align: center;

}

*/

/* Testi brevi nelle schede informative (colonna sinistra contatti) */

/*

.info-description,

.editorial-note-card p {

  text-align: left;

}

*/

/*****************************************************************************/



/* ==========================================================================

   TIPOGRAFIA & BOTTONI

   ========================================================================== */

h1, h2, h3 {

  font-family: var(--font-serif);

  color: var(--text-main);

  font-weight: 400;

  line-height: 1.3;

}



.section-tagline {

  text-transform: uppercase;

  font-size: 0.85rem;

  letter-spacing: 2px;

  color: var(--accent-color);

  font-weight: 500;

  display: block;

  margin-bottom: 12px;

}



.divider {

  width: 50px;

  height: 2px;

  background-color: var(--accent-color);

  margin: 15px auto 0;

}



.text-center { text-align: center; }



.btn {

  display: inline-block;

  padding: 12px 28px;

  font-size: 0.95rem;

  font-weight: 500;

  text-decoration: none;

  border-radius: 4px;

  transition: all var(--transition-fast);

  cursor: pointer;

}



.btn-primary {

  background-color: var(--accent-color);

  color: var(--bg-white);

  border: 1px solid var(--accent-color);

}



.btn-primary:hover {

  background-color: #0F233D;

  border-color: #0F233D;

}



.btn-outline {

  background-color: transparent;

  color: var(--text-main);

  border: 1px solid #CED4DA;

}



.btn-outline:hover {

  border-color: var(--accent-color);

  color: var(--accent-color);

}



/* ==========================================================================

   HEADER & NAVIGAZIONE

   ========================================================================== */

.site-header {

  background-color: var(--bg-white);

  border-bottom: 1px solid var(--border-color);

  padding: 25px 0;

}



.header-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.logo {

  font-family: var(--font-serif);

  font-size: 1.5rem;

  color: var(--text-main);

  text-decoration: none;

  letter-spacing: -0.5px;

}



.main-nav ul {

  display: flex;

  list-style: none;

  gap: 30px;

}



.main-nav a {

  text-decoration: none;

  color: var(--text-muted);

  font-size: 0.95rem;

  transition: color var(--transition-fast);

}



.main-nav a:hover,

.main-nav a.active {

  color: var(--accent-color);

  font-weight: 500;

}



/* ==========================================================================

   HERO SECTION

   ========================================================================== */

.hero-section {

  padding: 80px 0;

}



.hero-container {

  display: grid;

  grid-template-columns: 1.2fr 0.8fr;

  gap: 60px;

  align-items: center;

}



.hero-content h1 {

  font-size: 2.75rem;

  margin-bottom: 20px;

}



.hero-description {

  font-size: 1.15rem;

  color: var(--text-muted);

  margin-bottom: 35px;

  font-weight: 300;

}



.hero-actions {

  display: flex;

  gap: 15px;

}



.hero-image-wrap {

  position: relative;

}



.hero-image {

  border-radius: 4px;

  box-shadow: 0 20px 40px rgba(0,0,0,0.06);

}



/* ==========================================================================

   IN EVIDENZA (ULTIMO LIBRO)

   ========================================================================== */

.featured-book-section {

  background-color: var(--bg-white);

  padding: 90px 0;

  border-top: 1px solid var(--border-color);

  border-bottom: 1px solid var(--border-color);

}



.section-header {

  margin-bottom: 60px;

}



.section-header h2 {

  font-size: 2rem;

}



.featured-book-grid {

  display: grid;

  grid-template-columns: 320px 1fr;

  gap: 60px;

  align-items: center;

}



.book-cover {

  border-radius: 4px;

  box-shadow: 0 15px 35px rgba(0,0,0,0.12);

  width: 100%;

}



.book-genre {

  font-size: 0.85rem;

  text-transform: uppercase;

  color: var(--text-muted);

  letter-spacing: 1px;

  display: block;

  margin-bottom: 8px;

}



.book-info h3 {

  font-size: 2.2rem;

  margin-bottom: 20px;

}



.book-synopsis {

  color: var(--text-muted);

  font-size: 1.05rem;

  margin-bottom: 25px;

  text-align: justify

}



.book-meta {

  list-style: none;

  margin-bottom: 30px;

  padding-top: 20px;

  border-top: 1px solid var(--border-color);

}



.book-meta li {

  font-size: 0.95rem;

  color: var(--text-muted);

  margin-bottom: 6px;

}



.book-meta strong {

  color: var(--text-main);

}



/* ==========================================================================

   FOOTER

   ========================================================================== */

.site-footer {

  padding: 40px 0;

  font-size: 0.9rem;

  color: var(--text-muted);

}



.footer-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.footer-links a {

  color: var(--text-muted);

  text-decoration: none;

  margin-left: 20px;

}



.footer-links a:hover {

  color: var(--accent-color);

}



/* ==========================================================================

   RESPONSIVE DESIGN (MOBILE)

   ========================================================================== */

@media (max-width: 850px) {

  .hero-container,

  .featured-book-grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }

  

  .hero-content h1 {

    font-size: 2.1rem;

  }

  

  .book-cover-wrap {

    max-width: 260px;

    margin: 0 auto;

  }

  

  .header-container,

  .footer-container {

    flex-direction: column;

    gap: 20px;

    text-align: center;

  }



  .footer-links a {

    margin: 0 10px;

  }

}

/* ==========================================================================

   PAGINA SINGOLO LIBRO (SCHEDA & ANTEPRIMA)

   ========================================================================== */

.book-detail-section {

  padding: 50px 0 90px;

}



.back-link {

  display: inline-block;

  margin-bottom: 35px;

  color: var(--text-muted);

  text-decoration: none;

  font-size: 0.9rem;

  transition: color var(--transition-fast);

}



.back-link:hover {

  color: var(--accent-color);

}



.book-detail-grid {

  display: grid;

  grid-template-columns: 300px 1fr;

  gap: 60px;

  align-items: start;

}



/* Sidebar Libri */

.book-cover-large {

  width: 100%;

  border-radius: 4px;

  box-shadow: 0 15px 35px rgba(0,0,0,0.12);

  margin-bottom: 30px;

}



.tech-specs {

  background-color: var(--bg-white);

  padding: 25px;

  border-radius: 4px;

  border: 1px solid var(--border-color);

  margin-bottom: 25px;

}



.tech-specs h4 {

  font-size: 1.1rem;

  margin-bottom: 15px;

  padding-bottom: 10px;

  border-bottom: 1px solid var(--border-color);

}



.tech-specs ul {

  list-style: none;

}



.tech-specs li {

  font-size: 0.9rem;

  color: var(--text-muted);

  margin-bottom: 8px;

}



.tech-specs li strong {

  color: var(--text-main);

}



.buy-title {

  font-size: 0.85rem;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: var(--text-muted);

  margin-bottom: 12px;

}



.btn-full {

  display: block;

  text-align: center;

  margin-bottom: 10px;

}



/* Contenuto Principale */

.book-main-content h1 {

  font-size: 2.5rem;

  margin-bottom: 8px;

}



.book-subtitle {

  font-family: var(--font-serif);

  font-style: italic;

  color: var(--text-muted);

  font-size: 1.2rem;

  margin-bottom: 40px;

}



.book-section {

  margin-bottom: 50px;

}



.book-section h2 {

  font-size: 1.6rem;

  margin-bottom: 10px;

}



.divider-left {

  width: 40px;

  height: 2px;

  background-color: var(--accent-color);

  margin-bottom: 20px;

}



.lead-text {

  font-size: 1.1rem;

  font-weight: 400;

  margin-bottom: 15px;

  text-align: justify

}



.book-section p {

  margin-bottom: 15px;

  color: #333;

}



/* Area di Lettura (Estratto) */

.sample-intro {

  color: var(--text-muted);

  font-size: 0.95rem;

  margin-bottom: 20px;

}



.reading-box {

  background-color: var(--bg-white);

  padding: 40px;

  border-radius: 4px;

  border: 1px solid var(--border-color);

  box-shadow: 0 4px 12px rgba(0,0,0,0.02);

  font-family: var(--font-serif);

  font-size: 1.05rem;

  line-height: 1.8;

  color: #2B2B2B;

}



.reading-box h3 {

  font-size: 1.3rem;

  margin-bottom: 25px;

  text-align: center;

  color: var(--text-muted);

}



.reading-box p {

  margin-bottom: 20px;

}



/* Capilettera elegante per l'inizio estratto */

.first-letter::first-letter {

  font-size: 3.2rem;

  float: left;

  line-height: 0.8;

  padding-right: 12px;

  color: var(--accent-color);

  font-family: var(--font-serif);

}



.pdf-download-box {

  margin-top: 30px;

  padding: 20px;

  background-color: #F1F3F5;

  border-radius: 4px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.pdf-download-box p {

  margin: 0;

  font-weight: 500;

  font-size: 0.95rem;

}



/* Adaptability Mobile */

@media (max-width: 850px) {

  .book-detail-grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }

  

  .book-sidebar {

    max-width: 320px;

    margin: 0 auto;

  }



  .reading-box {

    padding: 25px;

  }



  .pdf-download-box {

    flex-direction: column;

    gap: 15px;

    text-align: center;

  }

}

/* ==========================================================================

   PAGINA CATALOGO OPERE (INTESTAZIONE & GRIGLIA)

   ========================================================================== */

.page-header {

  padding: 60px 0 40px;

}



.page-header h1 {

  font-size: 2.8rem;

  margin-bottom: 12px;

}



.page-description {

  font-size: 1.15rem;

  color: var(--text-muted);

  max-width: 600px;

  margin: 0 auto;

  font-weight: 300;

}



.catalog-section {

  padding: 40px 0 90px;

}



/* Filtri Generi */

.catalog-filters {

  display: flex;

  justify-content: center;

  gap: 12px;

  margin-bottom: 50px;

  flex-wrap: wrap;

}



.filter-btn {

  background: transparent;

  border: 1px solid var(--border-color);

  padding: 8px 18px;

  border-radius: 20px;

  font-size: 0.85rem;

  color: var(--text-muted);

  cursor: pointer;

  transition: all var(--transition-fast);

  font-family: var(--font-sans);

}



.filter-btn:hover,

.filter-btn.active {

  background-color: var(--accent-color);

  color: var(--bg-white);

  border-color: var(--accent-color);

}



/* Layout Griglia Libri */

.books-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

  gap: 40px;

}



/* Card Singolo Libro */

.book-card {

  background-color: var(--bg-white);

  border: 1px solid var(--border-color);

  border-radius: 4px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  transition: transform var(--transition-fast), box-shadow var(--transition-fast);

}



.book-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.06);

}



.card-cover-wrap {

  position: relative;

  background-color: #F8F9FA;

  padding: 30px 20px 20px;

  text-align: center;

}



.card-cover {

  max-width: 180px;

  margin: 0 auto;

  border-radius: 3px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

  transition: transform var(--transition-fast);

}



.book-card:hover .card-cover {

  transform: scale(1.02);

}



/* Badge (Pubblicato / Inedito) */

.card-badge {

  position: absolute;

  top: 15px;

  right: 15px;

  background-color: var(--accent-color);

  color: var(--bg-white);

  font-size: 0.75rem;

  padding: 4px 10px;

  border-radius: 3px;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  font-weight: 500;

}



.card-badge.badge-draft {

  background-color: #6C757D; /* Colore neutro per manoscritti/inediti */

}



/* Contenuto Card */

.card-content {

  padding: 25px;

  display: flex;

  flex-direction: column;

  flex-grow: 1;

}



.card-genre {

  font-size: 0.8rem;

  text-transform: uppercase;

  color: var(--accent-color);

  letter-spacing: 1px;

  font-weight: 500;

  margin-bottom: 6px;

}



.card-title {

  font-size: 1.35rem;

  margin-bottom: 6px;

}



.card-title a {

  color: var(--text-main);

  text-decoration: none;

  transition: color var(--transition-fast);

}



.card-title a:hover {

  color: var(--accent-color);

}



.card-meta {

  font-size: 0.85rem;

  color: var(--text-muted);

  margin-bottom: 15px;

}



.card-excerpt {

  font-size: 0.95rem;

  color: #4A5568;

  line-height: 1.6;

  margin-bottom: 20px;

  flex-grow: 1;

}



.card-link {

  font-size: 0.9rem;

  font-weight: 500;

  color: var(--accent-color);

  text-decoration: none;

  transition: padding-left var(--transition-fast);

}



.card-link:hover {

  padding-left: 4px;

}



/* Adaptability Mobile */

@media (max-width: 600px) {

  .books-grid {

    grid-template-columns: 1fr;

  }

  

  .page-header h1 {

    font-size: 2.2rem;

  }

}

/* ==========================================================================

   PAGINA BIOGRAFIA

   ========================================================================== */

.bio-page {

  padding: 60px 0 90px;

}



.bio-header {

  margin-bottom: 50px;

}



.bio-header h1 {

  font-size: 2.8rem;

}



.bio-grid {

  display: grid;

  grid-template-columns: 1fr 320px;

  gap: 60px;

  align-items: start;

}



/* Articolo Biografico */

.bio-article {

  font-size: 1.05rem;

  line-height: 1.85;

  color: #2D3748;

}



.bio-lead {

  font-size: 1.25rem;

  font-family: var(--font-serif);

  color: var(--text-main);

  line-height: 1.7;

  margin-bottom: 30px;

}



.bio-article h3 {

  font-size: 1.4rem;

  margin: 35px 0 15px;

  color: var(--text-main);

}



.bio-article p {

  margin-bottom: 20px;

}



/* Citazione Critica */

.bio-quote {

  margin: 40px 0;

  padding: 30px;

  background-color: var(--bg-white);

  border-left: 3px solid var(--accent-color);

  border-radius: 0 4px 4px 0;

  box-shadow: 0 4px 15px rgba(0,0,0,0.02);

}



.bio-quote p {

  font-family: var(--font-serif);

  font-style: italic;

  font-size: 1.15rem;

  color: var(--text-main);

  margin-bottom: 12px;

}



.bio-quote cite {

  font-size: 0.85rem;

  font-style: normal;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: var(--text-muted);

}



/* Sidebar Biografia */

.portrait-card {

  margin-bottom: 30px;

}



.portrait-img {

  width: 100%;

  border-radius: 4px;

  box-shadow: 0 10px 25px rgba(0,0,0,0.08);

}



.portrait-caption {

  font-size: 0.8rem;

  color: var(--text-muted);

  text-align: center;

  margin-top: 8px;

}



.sidebar-box {

  background-color: var(--bg-white);

  border: 1px solid var(--border-color);

  border-radius: 4px;

  padding: 25px;

  margin-bottom: 25px;

}



.sidebar-box h4 {

  font-size: 1.05rem;

  margin-bottom: 15px;

  padding-bottom: 10px;

  border-bottom: 1px solid var(--border-color);

}



.sidebar-list {

  list-style: none;

}



.sidebar-list li {

  font-size: 0.9rem;

  color: var(--text-muted);

  margin-bottom: 12px;

  line-height: 1.5;

}



.sidebar-list li strong {

  color: var(--accent-color);

}



.press-box {

  background-color: #F8F9FA;

}



.press-box p {

  font-size: 0.88rem;

  color: var(--text-muted);

  margin-bottom: 15px;

  line-height: 1.5;

}



/* Adaptability Mobile */

@media (max-width: 850px) {

  .bio-grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }

  

  .bio-sidebar {

    order: -1; /* Porta la foto in alto su dispositivi mobili */

    max-width: 400px;

    margin: 0 auto;

  }

}

/* ==========================================================================

   PAGINA CONTATTI

   ========================================================================== */

.contacts-page {

  padding: 60px 0 90px;

}



.contacts-header {

  margin-bottom: 50px;

}



.contacts-header h1 {

  font-size: 2.8rem;

  margin-bottom: 12px;

}



.contacts-intro {

  font-size: 1.15rem;

  color: var(--text-muted);

  max-width: 600px;

  margin: 0 auto;

  font-weight: 300;

}



.contacts-grid {

  display: grid;

  grid-template-columns: 340px 1fr;

  gap: 60px;

  align-items: start;

}



/* Colonna Riferimenti */

.info-card {

  background-color: var(--bg-white);

  border: 1px solid var(--border-color);

  border-radius: 4px;

  padding: 30px;

  margin-bottom: 25px;

}



.info-card h3 {

  font-size: 1.25rem;

  margin-bottom: 12px;

  padding-bottom: 10px;

  border-bottom: 1px solid var(--border-color);

}



.info-description {

  font-size: 0.9rem;

  color: var(--text-muted);

  margin-bottom: 20px;

  line-height: 1.5;

}



.info-list {

  list-style: none;

}



.info-list li {

  font-size: 0.95rem;

  margin-bottom: 18px;

  display: flex;

  flex-direction: column;

}



.info-list strong {

  font-size: 0.8rem;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  color: var(--text-muted);

  margin-bottom: 3px;

}



.info-list a {

  color: var(--accent-color);

  text-decoration: none;

  font-weight: 500;

  transition: color var(--transition-fast);

}



.info-list a:hover {

  text-decoration: underline;

}



.editorial-note-card {

  background-color: #F8F9FA;

}



.editorial-note-card p {

  font-size: 0.9rem;

  color: #4A5568;

  line-height: 1.6;

  margin: 0;

}



/* Form di Contatto */

.form-wrapper {

  background-color: var(--bg-white);

  border: 1px solid var(--border-color);

  border-radius: 4px;

  padding: 40px;

  box-shadow: 0 4px 15px rgba(0,0,0,0.02);

}



.form-wrapper h2 {

  font-size: 1.8rem;

  margin-bottom: 25px;

}



.form-group {

  margin-bottom: 22px;

}



.form-group label {

  display: block;

  font-size: 0.9rem;

  font-weight: 500;

  color: var(--text-main);

  margin-bottom: 8px;

}



.form-group input[type="text"],

.form-group input[type="email"],

.form-group select,

.form-group textarea {

  width: 100%;

  padding: 12px 15px;

  font-family: var(--font-sans);

  font-size: 0.95rem;

  color: var(--text-main);

  background-color: var(--bg-color);

  border: 1px solid var(--border-color);

  border-radius: 4px;

  transition: border-color var(--transition-fast), background-color var(--transition-fast);

}



.form-group input:focus,

.form-group select:focus,

.form-group textarea:focus {

  outline: none;

  border-color: var(--accent-color);

  background-color: var(--bg-white);

}



.form-group select {

  cursor: pointer;

  appearance: none;

  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%3c6C757D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right 15px center;

  background-size: 15px;

  padding-right: 40px;

}



.form-privacy {

  display: flex;

  align-items: flex-start;

  gap: 10px;

}



.form-privacy input[type="checkbox"] {

  margin-top: 3px;

}



.form-privacy label {

  font-size: 0.85rem;

  color: var(--text-muted);

  font-weight: 400;

}



.form-privacy a {

  color: var(--accent-color);

  text-decoration: none;

}



/* Adaptability Mobile */

@media (max-width: 850px) {

  .contacts-grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }

  

  .form-wrapper {

    padding: 25px;

  }



  .contacts-header h1 {

    font-size: 2.2rem;

  }

}

/* ==========================================================================

   PAGINA PRIVACY & NOTE LEGALI

   ========================================================================== */

.legal-page {

  padding: 60px 0 90px;

}



.legal-header {

  margin-bottom: 40px;

}



.legal-header h1 {

  font-size: 2.5rem;

  margin-bottom: 8px;

}



.legal-updated {

  font-size: 0.85rem;

  color: var(--text-muted);

  font-style: italic;

}



.legal-content {

  max-width: 800px;

  margin: 0 auto;

  background-color: var(--bg-white);

  border: 1px solid var(--border-color);

  border-radius: 4px;

  padding: 45px;

  box-shadow: 0 4px 15px rgba(0,0,0,0.02);

}



.legal-section {

  margin-bottom: 35px;

}



.legal-section:last-child {

  margin-bottom: 0;

}



.legal-section h2 {

  font-size: 1.25rem;

  color: var(--text-main);

  margin-bottom: 12px;

  padding-bottom: 8px;

  border-bottom: 1px solid var(--border-color);

  font-family: var(--font-sans);

  font-weight: 600;

}



.legal-section p {

  font-size: 0.95rem;

  line-height: 1.7;

  color: #4A5568;

  margin-bottom: 12px;

}



.legal-section ul {

  margin: 12px 0 15px 20px;

  color: #4A5568;

}



.legal-section li {

  font-size: 0.95rem;

  line-height: 1.6;

  margin-bottom: 8px;

}



.legal-section a {

  color: var(--accent-color);

  text-decoration: underline;

}



@media (max-width: 768px) {

  .legal-content {

    padding: 25px;

  }

  

  .legal-header h1 {

    font-size: 2rem;

  }

}