/* Halal Options Q&A. Scoped under .ho-qa so theme styles don't leak in. */
.ho-qa { --qa-navy: var(--e-global-color-primary, #122941); --qa-blue: var(--e-global-color-accent, #009FE3); --qa-line: #12294126; }
.ho-qa .ho-qa-search { display: block; }
.ho-qa .ho-qa-search input { width: 100%; min-height: 52px; padding: 0 18px; border: 1px solid var(--qa-line); border-radius: 12px; font: inherit; font-size: 16px; color: var(--qa-navy); background: #fff; box-shadow: none; }
.ho-qa .ho-qa-search input:focus { outline: 3px solid var(--qa-blue); outline-offset: 1px; }
.ho-qa .ho-qa-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 28px; }
.ho-qa .ho-qa-topics a { display: inline-flex; gap: 6px; align-items: center; padding: 8px 14px; border: 1px solid var(--qa-line); border-radius: 999px; color: var(--qa-navy); text-decoration: none; font-size: 14px; font-weight: 500; background: #fff; }
.ho-qa .ho-qa-topics a:hover { border-color: var(--qa-blue); }
.ho-qa .ho-qa-topics span { font-size: 12px; color: #6b7785; }
.ho-qa .ho-qa-topic { margin: 0 0 32px; scroll-margin-top: 110px; }
.ho-qa .ho-qa-topic h2 { font-size: 24px; margin: 0 0 12px; color: var(--qa-navy); }
.ho-qa .ho-qa-item { border: 1px solid var(--qa-line); border-radius: 12px; background: #fff; margin: 0 0 8px; }
.ho-qa .ho-qa-item summary { cursor: pointer; list-style: none; padding: 14px 44px 14px 18px; position: relative; font-weight: 600; color: var(--qa-navy); line-height: 1.4; }
.ho-qa .ho-qa-item summary::-webkit-details-marker { display: none; }
.ho-qa .ho-qa-item summary::after { content: "+"; position: absolute; right: 18px; top: 12px; font-size: 20px; color: var(--qa-blue); }
.ho-qa .ho-qa-item[open] summary::after { content: "–"; }
.ho-qa .ho-qa-item summary:focus-visible { outline: 3px solid var(--qa-blue); outline-offset: 2px; border-radius: 12px; }
.ho-qa .ho-qa-answer { padding: 0 18px 14px; }
.ho-qa .ho-qa-answer a { color: var(--qa-blue); font-weight: 600; }
.ho-qa-cta { margin: 32px 0 0; padding: 20px 22px; border-radius: 12px; background: #F5F7F9; border-left: 4px solid var(--e-global-color-accent, #009FE3); }
.ho-qa-cta .ho-qa-btn { display: inline-block; padding: 10px 18px; border-radius: 8px; background: var(--e-global-color-accent, #009FE3); color: #fff !important; font-weight: 700; text-decoration: none; margin-right: 10px; }