/**
 * Sensa Wild Fill — bundled display face (Jon-provided web kit).
 * Reference site: titles, CTA labels, Read button, modal headings.
 * Body copy, tooltips, modal paragraphs, forms, and share-grid buttons stay readable.
 */

@font-face {
  font-family: "Sensa Wild Fill";
  src:
    url("../fonts/SensaWild-Fill.woff2") format("woff2"),
    url("../fonts/SensaWild-Fill.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Alias matches reference Hostinger demo (@font-face family "SensaWild"). */
@font-face {
  font-family: "SensaWild";
  src:
    url("../fonts/SensaWild-Fill.woff2") format("woff2"),
    url("../fonts/SensaWild-Fill.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --hm-font-display: "Sensa Wild Fill", "SensaWild", cursive, sans-serif;
  --hm-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* —— Display typography (short labels / titles / primary buttons) —— */
.hm-rtb-btn,
.hm-hero-read .hm-rtb-btn,
.hm-elementor-hero-block .hm-rtb-btn,
#book-background .hm-rtb-btn,
#rtb-btn,
.hm-cta h3,
.hm-reviews-title,
.hm-reviews-submit,
.hm-connect-title,
#hm-share-title,
.hm-connect-submit,
.hm-share-btn--native {
  font-family: var(--hm-font-display);
}

.hm-rtb-btn,
#rtb-btn {
  font-weight: 500;
  line-height: 1.15;
}

/* —— Readable UI copy (explicit; wins over broad inheritance) —— */
.hm-cta-tooltip,
.hm-cta-desc,
.hm-rtb-tooltip,
.hm-connect-lead,
.hm-connect-label,
.hm-connect-msg,
.hm-connect-consent span,
.hm-connect-privacy,
.hm-modal-panel p,
.hm-share-feedback,
.hm-modal-panel input,
.hm-modal-panel textarea,
.hm-modal-panel select,
.hm-share-btn-label,
.hm-share-grid .hm-share-btn--icon,
.hm-share-grid .hm-share-btn--text-fallback,
.hm-reviews-note,
.hm-reviews-label,
.hm-reviews-input,
.hm-reviews-message,
.hm-review-content,
.hm-review-meta,
.hm-reviews-empty,
.hm-reviews-glsr .glsr-field-label,
.hm-reviews-glsr .glsr-review,
.hm-reviews-glsr input,
.hm-reviews-glsr textarea,
.hm-reviews-glsr select,
.hm-reviews-glsr button[type="submit"] {
  font-family: var(--hm-font-body);
}