/* WRE - desain contoh FAQ (modal bersama untuk beranda, servis, status) */
.wre-faq-modal .modal-content{border-radius:26px;box-shadow:0 28px 70px rgba(15,30,63,.28)}
.wre-faq-modal .wre-faq-head{padding:22px 24px 20px}
.wre-faq-modal .wre-faq-title{font-size:20px;text-shadow:0 1px 3px rgba(15,30,63,.45)}
.wre-faq-modal .wre-faq-sub{font-size:13.5px;opacity:1;text-shadow:0 1px 3px rgba(15,30,63,.45)}
.wre-faq-modal .wre-faq-close{width:42px;height:42px;border-radius:12px;background:rgba(15,30,63,.3)}
.wre-faq-modal .wre-faq-search input{min-height:48px;font-size:16px;border-radius:14px}
.wre-faq-modal #faqAccordion{border-radius:18px}
.wre-faq-modal .wre-faq-btn{font-size:14.5px;padding:16px 18px;line-height:1.4;min-height:56px;align-items:center}
.wre-faq-modal .wre-faq-num{width:30px;height:30px;border-radius:10px;font-size:12.5px;text-shadow:0 1px 2px rgba(15,30,63,.4)}
.wre-faq-modal .wre-faq-a{font-size:14.5px;line-height:1.7;padding:6px 18px 18px 60px}
.wre-faq-modal .wre-faq-foot{font-size:13.5px;padding:14px 18px 18px}
.wre-faq-modal .wre-faq-foot a{display:inline-block;padding:6px 4px}
.wre-faq-modal .wre-faq-btn:focus-visible,.wre-faq-modal .wre-faq-close:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
@media (max-width:576px){
  .wre-faq-modal .wre-faq-body{padding:8px 12px 14px;max-height:68vh}
  .wre-faq-modal .wre-faq-search-wrap{padding:12px 12px 6px}
  .wre-faq-modal .wre-faq-a{padding-left:18px}
  .wre-faq-modal .wre-faq-head{padding:18px 18px 16px}
}

/* Mode gelap di beranda, servis, dan status (sebelumnya hanya status) */
html[data-home-mode="dark"] .wre-faq-modal .modal-content,
html.theme-dark-root .wre-faq-modal .modal-content,
body.theme-dark .wre-faq-modal .modal-content{background:#111827;color:#e2e8f0}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-search-wrap,
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-body,
html.theme-dark-root .wre-faq-modal .wre-faq-search-wrap,
html.theme-dark-root .wre-faq-modal .wre-faq-body{background:#111827}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-search input,
html.theme-dark-root .wre-faq-modal .wre-faq-search input{background:#0f172a;border-color:#334155;color:#e2e8f0}
html[data-home-mode="dark"] .wre-faq-modal #faqAccordion,
html.theme-dark-root .wre-faq-modal #faqAccordion{border-color:#1f2937}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-item,
html.theme-dark-root .wre-faq-modal .wre-faq-item{background:#111827;border-color:#1f2937}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-btn,
html.theme-dark-root .wre-faq-modal .wre-faq-btn{background:#1e293b!important;color:#e2e8f0!important}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-btn:not(.collapsed),
html.theme-dark-root .wre-faq-modal .wre-faq-btn:not(.collapsed){background:#0f172a!important;color:#93c5fd!important}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-q,
html.theme-dark-root .wre-faq-modal .wre-faq-q{color:#e2e8f0!important}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-a,
html.theme-dark-root .wre-faq-modal .wre-faq-a{background:#111827!important;color:#cbd5e1!important}
html[data-home-mode="dark"] .wre-faq-modal .accordion-button::after,
html.theme-dark-root .wre-faq-modal .accordion-button::after{filter:invert(1)}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-foot,
html.theme-dark-root .wre-faq-modal .wre-faq-foot{background:#0f172a;border-color:#1f2937;color:#94a3b8}
html[data-home-mode="dark"] .wre-faq-modal .wre-faq-foot a,
html.theme-dark-root .wre-faq-modal .wre-faq-foot a{color:#93c5fd}
