/* =============================================================================
   asc-faq.css: FAQ page corrections.

   Printed at wp_head 113, after asc-ui.css (110). The rule it corrects is not in
   a stylesheet at all: the FAQ page carries its own inline <style> inside the
   post content, which lands in the body AFTER everything wp_head prints. Order
   therefore cannot win it, specificity has to. That block uses
   `#ara-faq .ara-contact-btn` (1,1,0); adding the .asc-ui body lever makes these
   (1,2,0), so they win without !important.
   ========================================================================== */

/* -----------------------------------------------------------------------------
   Contact Us button: white -> gold

   It was painted `background:#fff; color:#000` at rest and only turned gold on
   hover, so the one call to action on the page read as a plain white slab and
   the brand colour showed up exactly when the pointer covered it.

   Repainted with the real gold button values from asc-ui.css (.asc-btn-gold and
   its hover in section 24) rather than a one-off gold, so it matches every other
   gold button on the site. Only the paint changes: the button keeps the page's
   own geometry (full width, 15px padding, 999px radius, 13px/700/.5px).
   -------------------------------------------------------------------------- */
.asc-ui #ara-faq .ara-contact-btn {
	background: var(--asc-gold-grad);
	border: 1px solid var(--asc-gold-1);
	color: var(--asc-gold-ink);
	box-shadow: var(--asc-btn-shadow);
	transition: background .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.asc-ui #ara-faq .ara-contact-btn:hover,
.asc-ui #ara-faq .ara-contact-btn:focus,
.asc-ui #ara-faq .ara-contact-btn:active {
	background: linear-gradient(135deg, #e0c070 0%, #d4b25c 50%, #b8923a 100%);
	border-color: #e0c070;
	color: var(--asc-gold-ink);
	box-shadow: var(--asc-btn-shadow-hover);
}