/* =====================================================================
   Reiki Alchemy — Support (public page + member tab)
   Builds on brand tokens + .ra-sec/.ra-wrap from the theme / reiki-content.
   ===================================================================== */

/* ---- FAQ accordion ---- */
.ra-faq { max-width: 760px; margin: 0 auto; }
.ra-faq__item {
	border-bottom: 1px solid var(--ra-rule-soft, rgba(42, 37, 32, .12));
}
.ra-faq__item[open] { background: rgba(201, 169, 94, .05); }
.ra-faq__q {
	list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;
	gap: 18px; padding: 20px 4px; font-family: var(--ra-f-serif, serif); font-weight: 400;
	font-size: clamp(18px, 2.1vw, 22px); line-height: 1.3; color: var(--ra-ink, #2A2520);
	transition: color .18s ease;
}
.ra-faq__q::-webkit-details-marker { display: none; }
.ra-faq__q:hover { color: var(--ra-gold-deep, #A8842F); }
.ra-faq__chev {
	flex: 0 0 auto; font-size: 22px; line-height: 1; color: var(--ra-gold, #C9A95E);
	transition: transform .2s ease; font-weight: 300;
}
.ra-faq__item[open] .ra-faq__chev { transform: rotate(45deg); }
.ra-faq__a {
	padding: 0 4px 22px; font-family: var(--ra-f-ui, sans-serif); font-weight: 300;
	font-size: 15.5px; line-height: 1.75; color: var(--ra-ink-soft, #4A433B); max-width: 680px;
}
.ra-faq__a p { margin: 0 0 12px; }
.ra-faq__a p:last-child { margin-bottom: 0; }
.ra-faq__a a { color: var(--ra-gold-deep, #A8842F); }

/* ---- Ask-a-question form ---- */
.ra-support-formwrap { max-width: 640px; margin: 24px auto 0; text-align: left; }
.ra-support-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) { .ra-support-row { grid-template-columns: 1fr; } }
.ra-support-field { margin: 0 0 16px; }
.ra-support-field label {
	display: block; margin-bottom: 6px; font-family: var(--ra-f-ui, sans-serif);
	font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--ra-ink, #2A2520);
}
.ra-support-field input,
.ra-support-field textarea {
	width: 100%; box-sizing: border-box; font-family: var(--ra-f-ui, sans-serif); font-size: 15px;
	color: var(--ra-ink, #2A2520); background: #fff; border: 1px solid rgba(42, 37, 32, .2);
	border-radius: 4px; padding: 12px 14px; line-height: 1.5; transition: border-color .18s ease, box-shadow .18s ease;
}
.ra-support-field textarea { resize: vertical; min-height: 130px; }
.ra-support-field input:focus,
.ra-support-field textarea:focus {
	outline: none; border-color: var(--ra-gold, #C9A95E); box-shadow: 0 0 0 3px rgba(201, 169, 94, .18);
}
.ra-support-submit { margin: 20px 0 0; }

/* Honeypot — hidden from people, catches bots. */
.ra-support-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---- Status notices ---- */
.ra-support-note {
	max-width: 640px; margin: 0 auto 18px; text-align: left; border-radius: 6px; padding: 14px 16px;
	font-family: var(--ra-f-ui, sans-serif); font-size: 15px; line-height: 1.55;
}
.ra-support-note--ok { background: rgba(26, 127, 55, .08); border: 1px solid rgba(26, 127, 55, .35); color: #1a6b32; }
.ra-support-note--err { background: rgba(179, 45, 46, .07); border: 1px solid rgba(179, 45, 46, .35); color: #9c2b2c; }

/* ---- Member-tab context (inside the dashboard) ---- */
.ra-support-dashlead {
	font-family: var(--ra-f-ui, sans-serif); font-weight: 300; font-size: 16px; line-height: 1.7;
	color: var(--ra-ink-soft, #4A433B); margin: 0 0 20px; max-width: 640px;
}
.ra-support-dashfaq { margin-bottom: 34px; }
.ra-support-dashfaq .ra-faq { margin: 0; }
.ra-support-dashform { max-width: 640px; }
.ra-support-dashform .ra-support-formwrap { margin-top: 10px; }
.ra-support-subh {
	font-family: var(--ra-f-serif, serif); font-weight: 400; font-size: 26px; margin: 0 0 6px;
	color: var(--ra-ink, #2A2520);
}