/*
 * MaturePride.com — Site-wide header CTA styling.
 * Loaded on every front-end page so the header "Start a Project" / CTA
 * button matches the homepage version. Scoped to just the header CTA button
 * on purpose — general button/card/header-wide brand styling stays out of
 * this file.
 *
 * Note: pages using the "Canvas" page template (Elementor full-bleed pages,
 * see page-templates/canvas.php) render no theme header at all, so this
 * rule has nothing to attach to there. Any CTA button on those pages is
 * built directly in Elementor and needs to be styled in the Elementor
 * editor (or Elementor's Global Colors) to match:
 *   background: #f97316 (--mp-orange-bright)
 *   text color: #ffffff
 *   border-radius: 30px (pill)
 *   font-weight: 600
 *   padding: 0.65rem 1.75rem
 */

/*
 * NOTE: the CTA markup (see comunityq_header_cta() in
 * inc/template-tags/header.php) renders a single <a class="btn btn-primary
 * cq-header-cta ..."> — .cq-header-cta and .btn are on the SAME element, not
 * ancestor/descendant. A ".cq-header-cta .btn" selector never matches that
 * and was silently dead (the homepage only looked right because its
 * page-template-only stylesheet separately repaints all .btn-primary
 * orange AND resizes its padding — see maturepride-home.css). Target the
 * element directly, including padding, so this actually applies everywhere.
 */
.cq-header-cta {
	background: #f97316 !important;
	border-color: #f97316 !important;
	color: #ffffff !important;
	font-weight: 600;
	border-radius: 30px !important;
	padding: 0.65rem 1.75rem !important;
}

.cq-header-cta:hover,
.cq-header-cta:focus {
	background: #d97706 !important;
	border-color: #d97706 !important;
	color: #ffffff !important;
}