/* ============================================================
   29 — PDF DOWNLOAD CTA (Condition Pages)
   ============================================================
   Purpose:  Small glass panel on each condition page offering
             the printable PDF patient guide. Aimed at doctors
             meeting the condition for the first time, caregivers,
             and medical-alert bracelet linking.

   Depends:  01-core-tokens-base.css (tokens)
             07-buttons.css (.byr-primary base)
   Enqueue:  functions.php → byr-pdf-cta (conditional: 5 condition
             pages only)
   ============================================================ */


/* ==========================================================
   1. PANEL
========================================================== */
.byr-pdf-cta {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2.5vw, 2rem);
  flex-wrap: wrap;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  margin: clamp(1.5rem, 3vw, 2.5rem) auto;
  max-width: 880px;
  border-radius: var(--radius-lg);
  background: var(--glass-card-bg);
  border: 1px solid rgba(148, 163, 184, 0.18);
  backdrop-filter: var(--glass-card-frost);
  -webkit-backdrop-filter: var(--glass-card-frost);
  box-shadow: var(--glass-card-shadow);
}


/* ==========================================================
   2. TEXT BLOCK
========================================================== */
.byr-pdf-cta__body {
  flex: 1 1 320px;
  min-width: 0;
}

.byr-pdf-cta__heading {
  margin: 0 0 0.4rem;
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--color-heading);
  line-height: var(--leading-tight);
}

.byr-pdf-cta__text {
  margin: 0;
  font-size: var(--text-md);
  color: var(--color-text-secondary);
  line-height: var(--leading-normal);
}


/* ==========================================================
   3. BUTTON (inherits .byr-primary)
========================================================== */
.byr-pdf-cta__button {
  flex: 0 0 auto;
}

.byr-pdf-cta__button svg {
  width: 18px;
  height: 18px;
  margin-right: 0.4em;
  flex-shrink: 0;
}


/* ==========================================================
   4. LIGHT MODE
========================================================== */
.mode-light .byr-pdf-cta {
  border-color: rgba(0, 0, 0, 0.08);
}


/* ==========================================================
   5. RESPONSIVE
========================================================== */
@media (max-width: 560px) {
  .byr-pdf-cta {
    flex-direction: column;
    align-items: stretch;
  }
  .byr-pdf-cta__button {
    width: 100%;
    justify-content: center;
  }
}


/* ==========================================================
   6. FORCED COLORS
========================================================== */
@media (forced-colors: active) {
  .byr-pdf-cta {
    background: Canvas;
    border: 2px solid CanvasText;
    backdrop-filter: none;
    box-shadow: none;
  }
}