/* =========================
   CUSTOM FONT - HANKEN GROTESK
   =========================

   Apply Hanken Grotesk secara global dengan cara yang benar
   Follow: documentasi-css.md

   Usage: Include this CSS AFTER all other CSS files
   ========================================================= */

/* =========================
   GLOBAL FONT (from root) - Cara yang benar
   ========================= */

/* Force root variables */
& button ikut font */ .rcsp button,
.rcsp input,
.rcsp textarea,
.rcsp select {
    font-family: inherit;
}

/* Accordion ikut font */
.rcsp .accordion-button,
.rcsp .accordion-body {
    font-family: inherit;
}

/* FAQ Badge - perbaikan styling */
.rcsp__faqbadge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 13px;
    line-height: 1; /* penting biar center */
    letter-spacing: 0;
    text-transform: none;
    color: var(--primary, #1b3c53);
    background: rgba(27, 60, 83, 0.08);
    border: 1px solid rgba(27, 60, 83, 0.18);
}

/* Bootstrap badge override */
.rcsp .badge {
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1;
}