/* ==========================================================================
   families/store.css
   Sistema delle pagine-negozio: canali di vendita, schede ISBN, chip informativi.
   Caricato da 4 pagine.
   ========================================================================== */

body.v2-editorial-store.store-hub-page {
  background: var(--v2-canvas);
  color: var(--v2-ink);
}

body.v2-editorial-store .store-hub-main {
  margin: 0 auto;
}

body.v2-editorial-store .store-hub-hero {
  position: relative;
  background: var(--v2-cover-bg);
  border: 0;
  box-shadow: none;
  padding: clamp(1.4rem,3vw,2.4rem);
}

body.v2-editorial-store .store-hub-hero::before {
  content: "";
  position: absolute;
  inset: -18rem -12rem auto auto;
  width: 36rem;
  height: 36rem;
  border-radius: 50%;
  background: var(--v2-cover-glow);
  pointer-events: none;
}

body.v2-editorial-store .store-hub-hero>* {
  position: relative;
  z-index: 1;
}

body.v2-editorial-store .store-hub-intro h1 {
  font-family: var(--v2-serif);
  letter-spacing: -.025em;
  font-weight: 600 !important;
  color: #fff;
}

body.v2-editorial-store .store-hub-kicker {
  font-size: .75rem !important;
  letter-spacing: .14em;
}

body.v2-editorial-store .store-hub-subtitle,
body.v2-editorial-store .store-hub-lead {
  text-align: center;
}

body.v2-editorial-store :is(.store-isbn-note,.store-note,.edition-card,.book-catalog-card,.related-strip-inner) {
  background: var(--v2-surface);
  border: 1px solid var(--v2-border) !important;
  border-radius: var(--v2-radius-lg);
  box-shadow: var(--v2-shadow-card-strong) !important;
}

body.v2-editorial-store :is(.edition-card h2,.book-card-title,.book-catalog-title,.store-channels-title,.related-title,.cta-box h2) {
  font-family: var(--v2-serif);
  color: var(--v2-heading);
  font-weight: 600 !important;
  text-align: center;
}

body.v2-editorial-store :is(.store-isbn-note p,.store-note p,.edition-card p,.book-card-text,.book-card-note,.store-channels-lead,.rel-card-text) {
  color: var(--v2-text) !important;
  text-align: justify;
  text-align-last: left;
  hyphens: auto;
  -webkit-hyphens: auto;
  line-height: 1.7;
}

body.v2-editorial-store .secondary-channels {
  background: var(--v2-navy-800);
  border: 1px solid rgba(255,255,255,.08);
}

body.v2-editorial-store .secondary-channels :is(h2,h3) {
  color: #fff;
}

body.v2-editorial-store .secondary-channels :is(p,li) {
  color: #dce6f0;
}

body.v2-editorial-store .secondary-channels p {
  text-align: justify;
  text-align-last: left;
  hyphens: auto;
  -webkit-hyphens: auto;
}

body.v2-editorial-store .store-chip {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.15);
}

body.v2-editorial-store .related-strip-inner {
  padding: clamp(1.25rem,2.5vw,2rem);
}

body.v2-editorial-store .rel-card-clean {
  border-radius: var(--v2-radius-md);
  border-color: var(--v2-border) !important;
  box-shadow: none !important;
}

body.v2-editorial-store .cta-box-section {
  background: transparent;
}

body.v2-editorial-store .cta-box {
  background: var(--v2-cover-bg);
  border: 0;
  border-radius: var(--v2-radius-xl);
  box-shadow: none;
}

body.v2-editorial-store .cta-box h2 {
  color: #fff;
}

body.v2-editorial-store .cta-box p {
  color: #e5edf5;
  text-align: center;
}

body.v2-editorial-store :is(.btn-store,.book-action,.cta-box__actions a) {
  min-height: 48px;
}

body.v2-editorial-store .book-badge.floating {
  font-size: 12px;
}

body.v2-editorial-store.store-hub-page .store-hub-main p {
  max-width: 760px !important;
}

body.v2-editorial-store .secondary-channels a {
  color: #fff;
  text-decoration-color: rgba(255,255,255,.55);
}

body.v2-editorial-store .secondary-channels a:hover,
body.v2-editorial-store .secondary-channels a:focus-visible {
  color: var(--v2-gold-soft) !important;
}

body.v2-editorial-store .related-strip {
  background: var(--v2-navy-900);
  border: 1px solid rgba(255,255,255,.12);
}

body.v2-editorial-store .related-strip .related-kicker {
  font-size: .75rem !important;
}

body.v2-editorial-store .related-strip .rel-card-kicker {
  font-size: .75rem !important;
  color: var(--v2-gold-text) !important;
}

body.v2-editorial-store .related-strip > .related-kicker {
  color: var(--v2-gold-soft);
}

body.v2-editorial-store .related-strip > .related-title {
  color: #fff;
}

body.v2-editorial-store .related-strip .related-strip-inner .related-kicker {
  color: var(--v2-gold-text);
}

body.v2-editorial-store .related-strip .related-strip-inner .related-title {
  color: var(--v2-heading);
}

@media (max-width: 760px) {
  body.v2-editorial-store .store-hub-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }
  body.v2-editorial-store .store-hub-cover {
    margin-inline: auto;
  }
  body.v2-editorial-store .store-hub-intro :is(h1,p) {
    text-align: center;
  }
  body.v2-editorial-store .store-meta-grid {
    grid-template-columns: 1fr;
  }
}