/* JTII Cara Pembayaran – Luxury FAQ, scoped to avoid other sections */
#jtii-payment-faq,
#jtii-payment-faq * { box-sizing: border-box; }
#jtii-payment-faq {
  --faq-navy: #0b213d;
  --faq-gold: #bf9048;
  --faq-muted: #61738a;
  background: #f9fafb;
  border-top: 1px solid #e8edf2;
  color: var(--faq-navy);
  padding: clamp(32px, 4.4vw, 58px) 0 clamp(36px, 4.8vw, 66px);
  font-family: inherit;
}
#jtii-payment-faq .jtii-payment-faq-container {
  width: min(1100px, calc(100% - 72px));
  margin: 0 auto;
}
#jtii-payment-faq .jtii-payment-faq-heading {
  text-align: center;
  margin-bottom: 26px;
}
#jtii-payment-faq .jtii-payment-faq-kicker {
  margin: 0 0 9px;
  color: #ac792e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}
#jtii-payment-faq h2 {
  color: var(--faq-navy);
  font-size: clamp(26px, 2.4vw, 36px);
  line-height: 1.22;
  font-weight: 750;
  letter-spacing: -.025em;
  margin: 0 0 9px;
}
#jtii-payment-faq .jtii-payment-faq-heading > p:last-child {
  margin: 0 auto;
  color: var(--faq-muted);
  max-width: 650px;
  font-size: 14px;
  line-height: 1.65;
}
#jtii-payment-faq .jtii-payment-faq-list { display: grid; gap: 9px; }
#jtii-payment-faq details {
  background: #fff;
  border: 1px solid #dee5eb;
  border-radius: 11px;
  box-shadow: 0 3px 13px rgba(11,33,61,.025);
  overflow: clip;
}
#jtii-payment-faq details[open] {
  border-color: #d9c29b;
  box-shadow: 0 8px 28px rgba(11,33,61,.055);
}
#jtii-payment-faq summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 17px 20px;
  min-height: 62px;
  cursor: pointer;
  color: var(--faq-navy);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
  background: #fff;
}
#jtii-payment-faq summary::-webkit-details-marker { display: none; }
#jtii-payment-faq summary::marker { content: ''; }
#jtii-payment-faq summary:hover { background: #fffdf9; }
#jtii-payment-faq summary:focus-visible { outline: 3px solid #c9a36a; outline-offset: -4px; }
#jtii-payment-faq .jtii-payment-faq-number {
  flex: 0 0 30px;
  color: #ae803b;
  font-size: 12px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
#jtii-payment-faq .jtii-payment-faq-question { flex: 1 1 auto; min-width: 0; }
#jtii-payment-faq .jtii-payment-faq-toggle {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #eadac1;
  background: #fff9f0;
}
#jtii-payment-faq .jtii-payment-faq-toggle::before,
#jtii-payment-faq .jtii-payment-faq-toggle::after {
  content: '';
  position: absolute;
  background: #aa792f;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
}
#jtii-payment-faq .jtii-payment-faq-toggle::before { width: 10px; height: 2px; }
#jtii-payment-faq .jtii-payment-faq-toggle::after { width: 2px; height: 10px; }
#jtii-payment-faq details[open] .jtii-payment-faq-toggle::after { display: none; }
#jtii-payment-faq .jtii-payment-faq-answer {
  border-top: 1px solid #f0ece6;
  padding: 14px 62px 18px 65px;
  background: #fff;
}
#jtii-payment-faq .jtii-payment-faq-answer p {
  margin: 0;
  color: #586b83;
  font-size: 14px;
  line-height: 1.72;
}
#jtii-payment-faq .jtii-payment-faq-disclaimer {
  color: #6c7b8d;
  font-size: 12px;
  line-height: 1.65;
  text-align: center;
  max-width: 850px;
  margin: 19px auto 0;
}
@media (max-width: 650px) {
  #jtii-payment-faq { padding: 30px 0 38px; }
  #jtii-payment-faq .jtii-payment-faq-container { width: calc(100% - 32px); }
  #jtii-payment-faq .jtii-payment-faq-heading { margin-bottom: 20px; }
  #jtii-payment-faq summary { padding: 15px 13px; gap: 9px; min-height: 58px; font-size: 14px; }
  #jtii-payment-faq .jtii-payment-faq-number { flex-basis: 24px; font-size: 11px; }
  #jtii-payment-faq .jtii-payment-faq-answer { padding: 13px 18px 16px 46px; }
  #jtii-payment-faq .jtii-payment-faq-answer p { font-size: 14px; }
}


/* JTII FAQ IVORY BACKGROUND START */

/* BACKGROUND FAQ */
#jtii-payment-faq {
    position: relative !important;
    isolation: isolate !important;

    background-color: #fdfbf7 !important;
    background-image:
        url('/wp-content/uploads/2026/10/Elegant-Sakura-and-Seigaiha-Ivory-Background.webp') !important;

    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    border-top: 1px solid #eee1cd !important;
}

/* KONTEN FAQ DI ATAS BACKGROUND */
#jtii-payment-faq .jtii-payment-faq-container {
    position: relative !important;
    z-index: 1 !important;
}

/* KARTU ACCORDION TETAP PUTIH */
#jtii-payment-faq .jtii-payment-faq-item,
#jtii-payment-faq .jtii-payment-faq-item summary,
#jtii-payment-faq .jtii-payment-faq-answer {
    background-color: rgba(255,255,255,.97) !important;
}

/* MOBILE */
@media (max-width: 650px) {
    #jtii-payment-faq {
        background-size: 100% 100% !important;
        background-position: center center !important;
    }
}

/* JTII FAQ IVORY BACKGROUND END */


/* JTII FAQ LUXURY COMPACT START */

/* BACKGROUND IVORY LEBIH LEMBUT */
#jtii-payment-faq {
    padding: 38px 0 44px !important;

    background-color: #fdfbf7 !important;
    background-image:
        linear-gradient(
            180deg,
            rgba(255,253,249,.32),
            rgba(255,253,249,.12) 55%,
            rgba(255,253,249,.05)
        ),
        url('/wp-content/uploads/2026/10/Elegant-Sakura-and-Seigaiha-Ivory-Background.webp') !important;

    background-size: 100% 100%, 100% 100% !important;
    background-position: center, center !important;
    background-repeat: no-repeat !important;
}

/* HEADING */
#jtii-payment-faq .jtii-payment-faq-heading {
    margin-bottom: 18px !important;
}

/* LABEL GOLD */
#jtii-payment-faq .jtii-payment-faq-kicker {
    font-size: 11px !important;
    letter-spacing: .15em !important;
    margin-bottom: 7px !important;
}

/* JUDUL LUXURY */
#jtii-payment-faq .jtii-payment-faq-heading h2 {
    font-size: clamp(27px, 1.9vw, 36px) !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important;
    color: #0b213d !important;
}

/* DESKRIPSI */
#jtii-payment-faq
.jtii-payment-faq-heading > p:last-child {
    max-width: 650px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 0 auto !important;
}

/* JARAK ANTAR PERTANYAAN */
#jtii-payment-faq .jtii-payment-faq-list {
    gap: 8px !important;
}

/* KARTU ACCORDION */
#jtii-payment-faq details {
    border-radius: 9px !important;
    border: 1px solid #e0e6ec !important;
    box-shadow: 0 3px 12px rgba(11,33,61,.035) !important;
}

/* BARIS PERTANYAAN */
#jtii-payment-faq summary {
    min-height: 55px !important;
    padding: 13px 17px !important;
    gap: 13px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* NOMOR */
#jtii-payment-faq .jtii-payment-faq-number {
    font-size: 12px !important;
    flex-basis: 28px !important;
}

/* TOMBOL PLUS / MINUS */
#jtii-payment-faq .jtii-payment-faq-toggle {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
}

/* JAWABAN */
#jtii-payment-faq .jtii-payment-faq-answer {
    padding: 13px 55px 16px 58px !important;
}

/* CATATAN */
#jtii-payment-faq .jtii-payment-faq-disclaimer {
    margin-top: 17px !important;
    font-size: 12px !important;
}

/* MOBILE */
@media (max-width: 650px) {
    #jtii-payment-faq {
        padding: 30px 0 36px !important;
        background-size: cover, auto 100% !important;
        background-position: center, 60% center !important;
    }

    #jtii-payment-faq .jtii-payment-faq-heading {
        margin-bottom: 17px !important;
    }

    #jtii-payment-faq .jtii-payment-faq-heading h2 {
        font-size: 27px !important;
    }

    #jtii-payment-faq summary {
        min-height: 55px !important;
        padding: 13px !important;
        gap: 9px !important;
    }

    #jtii-payment-faq .jtii-payment-faq-answer {
        padding: 13px 17px 16px 46px !important;
    }
}

/* JTII FAQ LUXURY COMPACT END */


/* JTII FAQ HEADER CLEAN START */

/* BERI RUANG UNTUK ORNAMEN ATAS */
#jtii-payment-faq {
    padding-top: 86px !important;
    padding-bottom: 32px !important;
}

/* HEADING TERPISAH DARI ORNAMEN */
#jtii-payment-faq .jtii-payment-faq-heading {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    max-width: 1100px !important;
    margin: 0 auto 20px !important;
    padding: 0 16px !important;
    text-align: center !important;
}

/* HAPUS GARIS CSS TAMBAHAN */
#jtii-payment-faq .jtii-payment-faq-heading::before,
#jtii-payment-faq .jtii-payment-faq-heading::after,
#jtii-payment-faq .jtii-payment-faq-kicker::before,
#jtii-payment-faq .jtii-payment-faq-kicker::after {
    content: none !important;
    display: none !important;
}

/* LABEL GOLD */
#jtii-payment-faq .jtii-payment-faq-kicker {
    display: block !important;
    position: relative !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #b78337 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .17em !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

/* JUDUL SERIF LUXURY */
#jtii-payment-faq .jtii-payment-faq-heading h2 {
    display: block !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(27px, 2.1vw, 36px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;

    color: #0b213d !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: center !important;
}

/* DESKRIPSI */
#jtii-payment-faq .jtii-payment-faq-heading > p:last-child {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    color: #586c83 !important;
}

/* MOBILE */
@media (max-width: 650px) {
    #jtii-payment-faq {
        padding-top: 72px !important;
        padding-bottom: 30px !important;
    }

    #jtii-payment-faq .jtii-payment-faq-heading {
        margin-bottom: 18px !important;
    }

    #jtii-payment-faq .jtii-payment-faq-kicker {
        font-size: 10px !important;
        letter-spacing: .12em !important;
        margin-bottom: 10px !important;
    }

    #jtii-payment-faq .jtii-payment-faq-heading h2 {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    #jtii-payment-faq .jtii-payment-faq-heading > p:last-child {
        font-size: 13px !important;
    }
}

/* JTII FAQ HEADER CLEAN END */