/* Pacébo R24 — Quiet-luxury card hierarchy.
   Scope: product journey/package cards and transport listing cards only.
   No changes to currency formatting, links, information hierarchy or global CTAs. */

/* Keep CTA text comparable with the 10px days / passenger eyebrow, but more compact. */
.package-card .package-card-bottom .package-card-cta {
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 36px;
  padding: 7px 12px;
  font-size: 10px !important;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .10em;
  text-align: center;
  text-wrap: balance;
  white-space: normal;
  overflow-wrap: anywhere;
  border-radius: 2px;
}

/* Reduce the price's visual weight slightly; retain readable lining numerals. */
.package-card .package-card-bottom .package-card-price strong,
.package-card .package-card-bottom > p > strong {
  font-family: var(--pacebo-font-body, Inter, system-ui, sans-serif);
  font-size: clamp(14px, 1.25vw, 16px) !important;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -.012em;
  font-variant-numeric: lining-nums tabular-nums;
  overflow-wrap: anywhere;
}

/* Keep both elements aligned without stretching the button's apparent footprint. */
.package-card .package-card-bottom {
  gap: clamp(8px, 1.5vw, 12px);
  align-items: center;
}

@media (max-width: 480px) {
  /* Preserve the established R7 side-by-side mobile price/button arrangement. */
  .package-card .package-card-bottom .package-card-cta {
    padding: 7px 9px;
    min-height: 36px;
    font-size: 10px !important;
    letter-spacing: .075em;
  }
  .package-card .package-card-bottom .package-card-price strong,
  .package-card .package-card-bottom > p > strong {
    font-size: 14px !important;
  }
}