/* ==========================================================================
   families/editorial-products.css
   Geometria condivisa delle pagine di prodotto editoriale: bande a piena larghezza, colonna di lettura, respiro.
   Caricato da 8 pagine.
   ========================================================================== */

body.famiglia-editoriale main {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

body.famiglia-editoriale main > section,
body.famiglia-editoriale main > div.sezione-sfondo,
body.famiglia-editoriale main > div.paper,
body.famiglia-editoriale main > .store-hub-hero,
body.famiglia-editoriale main > .book-catalog,
body.famiglia-editoriale main > .storebar,
body.famiglia-editoriale main > .store-editions-grid,
body.famiglia-editoriale main > .store-isbn-note,
body.famiglia-editoriale main > .store-note,
body.famiglia-editoriale main > .secondary-channels,
body.famiglia-editoriale main > .related-strip,
body.famiglia-editoriale main > .cta-band,
body.famiglia-editoriale main > .cta-box-section {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

body.famiglia-editoriale main > section:not([class*="hero"]),
body.famiglia-editoriale main > div.sezione-sfondo,
body.famiglia-editoriale main > div.paper,
body.famiglia-editoriale main > .book-catalog,
body.famiglia-editoriale main > .storebar,
body.famiglia-editoriale main > .store-editions-grid,
body.famiglia-editoriale main > .secondary-channels,
body.famiglia-editoriale main > .related-strip,
body.famiglia-editoriale main > .cta-band,
body.famiglia-editoriale main > .cta-box-section {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

body.famiglia-editoriale main > section:not([class*="hero"]) > *:not(style):not(script),
body.famiglia-editoriale main > div.sezione-sfondo > *:not(style):not(script),
body.famiglia-editoriale main > div.paper > *:not(style):not(script),
body.famiglia-editoriale main > .book-catalog > *:not(style):not(script),
body.famiglia-editoriale main > .storebar > *:not(style):not(script),
body.famiglia-editoriale main > .store-editions-grid > *:not(style):not(script),
body.famiglia-editoriale main > .secondary-channels > *:not(style):not(script),
body.famiglia-editoriale main > .related-strip > *:not(style):not(script),
body.famiglia-editoriale main > .cta-band > *:not(style):not(script),
body.famiglia-editoriale main > .cta-box-section > *:not(style):not(script) {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.famiglia-editoriale main > [class*="hero"] > *:not(style):not(script) {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

body.page-book-detail {
  --editorial-reading: 920px;
}

body.page-book-detail .book-detail-prose-section {
  padding-block: clamp(2.75rem,5vw,4.5rem);
}

body.page-book-detail .book-detail-prose {
  width: min(var(--editorial-reading),100%);
  margin-inline: auto !important;
  padding-inline: 1.25rem;
}

body.page-book-detail .book-detail-prose h2 {
  padding-bottom: .55rem;
  color: var(--blu-notte) !important;
  font-family: var(--font-titoli) !important;
}

body.page-book-detail .book-detail-prose p {
  margin: .85rem 0;
  color: #333;
  line-height: 1.75 !important;
}

body.store-hub-page main.store-hub-main {
  padding: 1.25rem 0 3rem !important;
}

body.store-hub-page main.store-hub-main>.store-hub-hero,
body.store-hub-page main.store-hub-main>.store-isbn-note,
body.store-hub-page main.store-hub-main>.store-editions-grid,
body.store-hub-page main.store-hub-main>.secondary-channels,
body.store-hub-page main.store-hub-main>.store-note,
body.store-hub-page main.store-hub-main>.book-catalog,
body.store-hub-page main.store-hub-main>.storebar,
body.store-hub-page main.store-hub-main>.related-strip,
body.store-hub-page main.store-hub-main>.cta-box-section {
  width: min(1120px,calc(100% - 2rem));
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

body.store-hub-page main.store-hub-main>.store-hub-hero {
  border-radius: var(--r-lg) !important;
  margin-top: 0;
  margin-bottom: 1.25rem;
}

body.store-hub-page main.store-hub-main>.store-isbn-note,
body.store-hub-page main.store-hub-main>.store-note {
  padding: 1.1rem 1.25rem !important;
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}

body.store-hub-page main.store-hub-main>.store-editions-grid {
  padding: 0 !important;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

body.store-hub-page main.store-hub-main>.secondary-channels,
body.store-hub-page main.store-hub-main>.book-catalog,
body.store-hub-page main.store-hub-main>.storebar,
body.store-hub-page main.store-hub-main>.related-strip,
body.store-hub-page main.store-hub-main>.cta-box-section {
  padding: clamp(1.1rem,2.3vw,1.6rem) !important;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-radius: var(--r-lg);
}

body.store-hub-page .edition-card,
body.store-hub-page .rel-card {
  min-width: 0;
}

body.store-hub-page :is(.btn-store,.store-chip,.storebar a) {
  min-height: 44px;
}

body.store-hub-page :is(.btn-store,.store-chip,.storebar a):focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}

body.page-book-legacy-detail {
  --legacy-reading: 920px;
}

body.page-book-legacy-detail main>.legacy-book-reading {
  width: min(var(--legacy-reading),calc(100% - 2rem));
  max-width: var(--legacy-reading) !important;
  margin: 1.25rem auto !important;
  box-sizing: border-box;
}

body.page-book-legacy-detail .legacy-book-overview>section.paper {
  width: min(100%,var(--legacy-reading));
  max-width: var(--legacy-reading);
  margin: 0 auto !important;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-book-legacy-detail .legacy-book-reading h3 {
  margin: 0 0 .75rem;
  color: var(--blu-notte);
  font-family: var(--font-titoli);
}

body.page-book-legacy-detail .legacy-book-reading p {
  line-height: 1.75 !important;
}

body.page-book-legacy-detail .legacy-book-reading ul {
  margin: .65rem 0 0;
  padding-left: 1.25rem;
  line-height: 1.75;
}

body.page-book-legacy-detail .legacy-book-reading>h3:not(:first-child) {
  margin-top: 1.35rem;
  padding-top: 1.15rem;
  border-top: 1px solid #e2e8f0;
}

@media (max-width: 820px) {
  body.famiglia-editoriale main > section:not([class*="hero"]),
  body.famiglia-editoriale main > div.sezione-sfondo,
  body.famiglia-editoriale main > div.paper,
  body.famiglia-editoriale main > .book-catalog,
  body.famiglia-editoriale main > .storebar,
  body.famiglia-editoriale main > .store-editions-grid,
  body.famiglia-editoriale main > .secondary-channels,
  body.famiglia-editoriale main > .related-strip,
  body.famiglia-editoriale main > .cta-band,
  body.famiglia-editoriale main > .cta-box-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 560px) {
  body.store-hub-page main.store-hub-main {
    padding-top: .8rem !important;
  }
  body.store-hub-page main.store-hub-main>.store-hub-hero,
  body.store-hub-page main.store-hub-main>.store-isbn-note,
  body.store-hub-page main.store-hub-main>.store-editions-grid,
  body.store-hub-page main.store-hub-main>.secondary-channels,
  body.store-hub-page main.store-hub-main>.store-note,
  body.store-hub-page main.store-hub-main>.book-catalog,
  body.store-hub-page main.store-hub-main>.storebar,
  body.store-hub-page main.store-hub-main>.related-strip,
  body.store-hub-page main.store-hub-main>.cta-box-section {
    width: calc(100% - 1.25rem) !important;
  }
}

@media (max-width: 480px) {
  body.page-book-legacy-detail main>.legacy-book-reading {
    width: min(100% - 1.25rem,1120px) !important;
  }
}

/* R5.17 · Pulsanti degli store uniformi nella tavolozza del sito (§ 3.8, proposta 9): blu notte con filetto oro e testo bianco,
   oro con testo blu notte sulle schede scure; nome dello store e collegamento invariati. */
:is(#_r517_store, .btn-store),
:is(#_r517_store, .btn-store):visited {
  background: var(--blu-notte, #0a1628);
  color: #fff;
  border: 1px solid rgba(212,180,109,.6);
  text-shadow: none;
}

:is(#_r517_store, .btn-store):hover,
:is(#_r517_store, .btn-store):focus-visible {
  background: var(--blu-accent, #2c5080);
  color: #fff;
  border-color: var(--oro, #d4b46d);
}

:is(#_r517_store_dark, .totalita-store-card-primary, .professione-store-card-primary) .btn-store,
:is(#_r517_store_dark, .totalita-store-card-primary, .professione-store-card-primary) .btn-store:visited {
  background: var(--oro, #d4b46d);
  color: var(--blu-notte, #0a1628);
  border-color: var(--oro, #d4b46d);
}

:is(#_r517_store_dark, .totalita-store-card-primary, .professione-store-card-primary) .btn-store:hover,
:is(#_r517_store_dark, .totalita-store-card-primary, .professione-store-card-primary) .btn-store:focus-visible {
  background: #e6cf8f;
  color: var(--blu-notte, #0a1628);
}
