/* ============================================================================
   Previously — Amazon Associates affiliate styles (shared stylesheet).
   Old-template pages have no buy-button styling, so this file carries the
   premium button in the site's dark-cinematic language (#0b0b0d / #e03131).
   New cinema-template pages reuse the exact existing .tc-btn-ghost styling;
   only the disclosure line + cart svg sizing come from here.
   External file — no inline styles/scripts.
   ========================================================================== */

/* Old movie/TV template buy row */
.pv-amazon-row {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.pv-amazon-btn {
  display: inline-block;
  background: #e03131;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  padding: 13px 28px;
  border-radius: 10px;
  text-decoration: none;
  letter-spacing: 0.3px;
  border: 1px solid #e03131;
}

.pv-amazon-btn:hover,
.pv-amazon-btn:focus-visible {
  background: #c42a2a;
  border-color: #c42a2a;
  color: #fff;
  text-decoration: none;
}

/* Disclosure — sits under every Amazon button, both templates */
.pv-amazon-disclosure {
  font-size: 12px;
  line-height: 1.5;
  color: #a9a9b0;
  margin: 0;
  max-width: 640px;
}

/* New cinema template: disclosure after the hero actions row */
.tc-hero-actions + .pv-amazon-disclosure {
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.62);
  max-width: 640px;
}

/* Audible row — separate from the hero actions; sits under the disclosure */
.pv-audible-row {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.pv-audible-btn {
  background: #f7991c;
  border-color: #f7991c;
}

.pv-audible-btn:hover,
.pv-audible-btn:focus-visible {
  background: #e0880a;
  border-color: #e0880a;
  color: #fff;
}

.pv-audible-trial {
  font-size: 14px;
  font-weight: 600;
  color: #f7991c;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pv-audible-trial:hover,
.pv-audible-trial:focus-visible {
  color: #ffab3d;
}

/* New cinema template: audible row after the disclosure */
.tc-hero-actions + .pv-amazon-disclosure + .pv-audible-row {
  margin-top: 14px;
}

/* Amazon Music module — renders only when the rebuild populates the map */
.pv-amazon-music-row {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.pv-amazon-music-heading {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #a9a9b0;
  margin: 0;
}

/* Cart glyph inside the ghost button */.tc-btn-ghost.pv-amazon-btn svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: -2px;
}

.tc-btn-ghost.pv-amazon-btn span {
  vertical-align: 1px;
}

/* Phone: full-width buy button reads premium and stays tappable */
@media (max-width: 640px) {
  .pv-amazon-row,
  .pv-amazon-music-row {
    width: 100%;
  }

  .pv-amazon-row .pv-amazon-btn,
  .pv-amazon-music-row .pv-amazon-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 20px;
  }

  .pv-audible-row {
    width: 100%;
  }

  .pv-audible-row .pv-audible-btn {
    flex: 1 1 100%;
    text-align: center;
  }
}