/**
 * 26-BAT-008 — Batteries Plus CTA design system (per approved Figma, node 5:1315).
 * Apply via class (Elementor: Advanced > CSS Classes):
 *   .bat-cta .bat-cta--primary     solid orange  — lead generation ("Request Franchise Information")
 *   .bat-cta .bat-cta--secondary   solid green   — downloads ("Download <Resource> +")
 *   .bat-cta--tertiary             text link w/ arrow — internal navigation ("Verb + Destination →")
 * Modifiers: .bat-cta--on-dark (tertiary green on dark), .bat-cta--outline (tertiary boxed),
 *            .bat-cta--sm (compact size for tight placements)
 */

.bat-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	border: 0;
	border-radius: 0;
	background: none;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.25;
	text-transform: uppercase;
	text-decoration: none !important;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s;
}
@media (min-width: 768px) {
	.bat-cta { font-size: 24px; }
}
.bat-cta--sm,
.bat-cta--sm.bat-cta { font-size: 16px; padding: 10px 18px; }

/* Primary — lead generation */
.bat-cta--primary { background-color: #c44f00; color: #fff !important; }
.bat-cta--primary:hover,
.bat-cta--primary:focus { background-color: #a84300; color: #fff !important; }

/* Secondary — downloads / resources */
.bat-cta--secondary { background-color: #198703; color: #fff !important; }
.bat-cta--secondary:hover,
.bat-cta--secondary:focus { background-color: #147002; color: #fff !important; }

/* Tertiary — internal navigation text link */
.bat-cta--tertiary { /* v2: #1F2937 on light */
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 0;
	background: transparent;
	border: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.25;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #1f2937 !important;
	cursor: pointer;
	transition: color 0.15s;
}
@media (min-width: 768px) {
	.bat-cta--tertiary { font-size: 24px; }
}
.bat-cta--tertiary::after { content: "\2192"; }
.bat-cta--tertiary:hover,
.bat-cta--tertiary:focus { color: #c44f00 !important; }

/* Tertiary on dark backgrounds */
.bat-cta--on-dark { color: #37ce0d !important; }
.bat-cta--on-dark:hover,
.bat-cta--on-dark:focus { color: #4ade80 !important; }

/* Tertiary with optional 2px outline, transparent fill */
.bat-cta--outline { padding: 12px 24px; border: 2px solid currentColor; }

/* ════════════════════════════════════════════════════════════
   SITE-WIDE APPLICATION (26-BAT-008, approved 2026-08-17)
   Destination decides the type, per the Figma CTA table:
     form pages (/contact-us/, form anchors)  -> Primary orange
     downloads / gated report pages           -> Secondary green
     internal info pages + external brand     -> Tertiary text link
   ════════════════════════════════════════════════════════════ */

/* ── Primary (default for every Elementor button CTA) ── */
a.elementor-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	background: #c44f00 !important;
	color: #fff !important;
	min-height: 44px;
	border: 0 !important;
	border-radius: 0 !important;
	font-weight: 700 !important;
	font-size: clamp(15px, 1vw + 8px, 22px) !important;
	line-height: 1.25 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.01em !important;
	padding: 14px 28px !important;
	transition: background-color 0.15s, color 0.15s;
}
a.elementor-button:hover,
a.elementor-button:focus { background: #a84300 !important; color: #fff !important; }

/* Legacy GF lead-form submits ("Get Started", "Request Franchising Info").
   html body + doubled class out-specifics the per-page EAEL widget rules
   (post-XXXX.css: "html body .elementor-... .gform_footer input") that force
   white text with !important. */
html body .gform_wrapper.gform_wrapper:not(:has(.bat-multistep-form)) .gform_button[type="submit"] {
	background: #c44f00 !important;
	color: #fff !important;
	min-height: 44px;
	border: 0 !important;
	border-radius: 0 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 12px 24px !important;
	cursor: pointer;
	transition: background-color 0.15s;
}
html body .gform_wrapper.gform_wrapper:not(:has(.bat-multistep-form)) .gform_button[type="submit"]:hover { background: #a84300 !important; }

/* Blog-template header button (Astra chrome) */
a.ast-custom-button-link .ast-custom-button,
.ast-custom-button {
	background: #c44f00 !important;
	color: #fff !important;
	min-height: 44px;
	border: 0 !important;
	border-radius: 0 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	transition: background-color 0.15s;
}
a.ast-custom-button-link:hover .ast-custom-button { background: #a84300 !important; }

/* ── Secondary: download destinations ── */
a.elementor-button[href*="/franchise-report"],
a.elementor-button[href$=".pdf"],
a.elementor-button[href*="/resources/a-franchise-opportunity"],
a.elementor-button[href*="/resources/batteries-plus-franchise-investment"],
a.elementor-button[href*="/resources/download-our-franchise-report"] {
	background: #198703 !important;
	color: #fff !important;
}
a.elementor-button[href*="/franchise-report"]:hover,
a.elementor-button[href$=".pdf"]:hover,
a.elementor-button[href*="/resources/a-franchise-opportunity"]:hover,
a.elementor-button[href*="/resources/batteries-plus-franchise-investment"]:hover,
a.elementor-button[href*="/resources/download-our-franchise-report"]:hover {
	background: #147002 !important;
}
/* Download-gate GF forms (12 downloadable, 18 popup) */
html body #gform_wrapper_12 .gform_button[type="submit"],
html body #gform_wrapper_18 .gform_button[type="submit"] { background: #198703 !important; color: #fff !important; }
html body #gform_wrapper_12 .gform_button[type="submit"]:hover,
html body #gform_wrapper_18 .gform_button[type="submit"]:hover { background: #147002 !important; }

/* ── Tertiary: internal navigation + external brand links ── */
a.elementor-button[href*="/testimonials"],
a.elementor-button[href*="/video-testimonials"],
a.elementor-button[href*="/franchising-process"],
a.elementor-button[href*="/qsr-multi-brand"],
a.elementor-button[href*="/why-us"],
a.elementor-button[href$="/available-territories/"],
a.elementor-button[href*="/resale-market"],
a.elementor-button[href*="/multi-unit-franchise-opportunit"],
a.elementor-button[href$="/franchise-opportunity/"],
a.elementor-button[href$="/resources/"],
a.elementor-button[href*="www.batteriesplus.com"],
a.elementor-button[href*="batteriesplusbusiness.com"] {
	background: transparent !important;
	color: #1f2937 !important;
	padding: 4px 0 !important;
	border: 0 !important;
}
a.elementor-button[href*="/testimonials"]::after,
a.elementor-button[href*="/video-testimonials"]::after,
a.elementor-button[href*="/franchising-process"]::after,
a.elementor-button[href*="/qsr-multi-brand"]::after,
a.elementor-button[href*="/why-us"]::after,
a.elementor-button[href$="/available-territories/"]::after,
a.elementor-button[href*="/resale-market"]::after,
a.elementor-button[href*="/multi-unit-franchise-opportunit"]::after,
a.elementor-button[href$="/franchise-opportunity/"]::after,
a.elementor-button[href$="/resources/"]::after,
a.elementor-button[href*="www.batteriesplus.com"]::after,
a.elementor-button[href*="batteriesplusbusiness.com"]::after {
	content: "\2192";
	margin-left: 8px;
}
a.elementor-button[href*="/testimonials"]:hover,
a.elementor-button[href*="/video-testimonials"]:hover,
a.elementor-button[href*="/franchising-process"]:hover,
a.elementor-button[href*="/qsr-multi-brand"]:hover,
a.elementor-button[href*="/why-us"]:hover,
a.elementor-button[href$="/available-territories/"]:hover,
a.elementor-button[href*="/resale-market"]:hover,
a.elementor-button[href*="/multi-unit-franchise-opportunit"]:hover,
a.elementor-button[href$="/franchise-opportunity/"]:hover,
a.elementor-button[href$="/resources/"]:hover,
a.elementor-button[href*="www.batteriesplus.com"]:hover,
a.elementor-button[href*="batteriesplusbusiness.com"]:hover {
	background: transparent !important;
	color: #c44f00 !important;
}

/* Tertiary: our arrow replaces any legacy widget icon (avoids "+ →" doubles) */
a.elementor-button[href*="/testimonials"] .elementor-button-icon,
a.elementor-button[href*="/video-testimonials"] .elementor-button-icon,
a.elementor-button[href*="/franchising-process"] .elementor-button-icon,
a.elementor-button[href*="/qsr-multi-brand"] .elementor-button-icon,
a.elementor-button[href*="/why-us"] .elementor-button-icon,
a.elementor-button[href$="/available-territories/"] .elementor-button-icon,
a.elementor-button[href*="/resale-market"] .elementor-button-icon,
a.elementor-button[href*="/multi-unit-franchise-opportunit"] .elementor-button-icon,
a.elementor-button[href$="/franchise-opportunity/"] .elementor-button-icon,
a.elementor-button[href$="/resources/"] .elementor-button-icon,
a.elementor-button[href*="www.batteriesplus.com"] .elementor-button-icon,
a.elementor-button[href*="batteriesplusbusiness.com"] .elementor-button-icon { display: none !important; }

/* ── Context classes (applied by bat-cta.js from measured WCAG contrast) ──
   ctx-black:   black chip w/ green text (the Figma on-black treatment) for
                buttons failing 3:1 against their band (e.g., orange bands)
   ctx-outline: Figma "2px outline, transparent fill" for dark grounds where
                a black chip would blend in
   ctx-dark:    tertiary link on a dark ground  -> bright green (9.9:1)
   ctx-mid:     tertiary link on brand/mid ground -> black text (6.8:1) */
html body a.elementor-button.bat-cta-ctx-black,
html body .gform_wrapper.gform_wrapper:not(:has(.bat-multistep-form)) .gform_button.bat-cta-ctx-black[type="submit"] {
	background: #000 !important;
	color: #37ce0d !important;
	/* restores button box on tertiary links upgraded to buttons (orange bands) */
	padding: 14px 28px !important;
}
html body a.elementor-button.bat-cta-ctx-black:hover,
html body a.elementor-button.bat-cta-ctx-black:focus,
html body .gform_wrapper.gform_wrapper:not(:has(.bat-multistep-form)) .gform_button.bat-cta-ctx-black[type="submit"]:hover { background: #111 !important; color: #4ade80 !important; }
html body a.elementor-button.bat-cta-ctx-outline,
html body .gform_wrapper.gform_wrapper:not(:has(.bat-multistep-form)) .gform_button.bat-cta-ctx-outline[type="submit"] {
	background: transparent !important;
	color: #37ce0d !important;
	border: 2px solid #37ce0d !important;
	padding: 12px 26px !important;
}
html body a.elementor-button.bat-cta-ctx-outline:hover,
html body a.elementor-button.bat-cta-ctx-outline:focus,
html body .gform_wrapper.gform_wrapper:not(:has(.bat-multistep-form)) .gform_button.bat-cta-ctx-outline[type="submit"]:hover { color: #4ade80 !important; border-color: #4ade80 !important; background: transparent !important; }
a.elementor-button.bat-cta-ctx-dark { color: #37ce0d !important; }
a.elementor-button.bat-cta-ctx-dark:hover,
a.elementor-button.bat-cta-ctx-dark:focus { color: #4ade80 !important; }
a.elementor-button.bat-cta-ctx-mid { color: #000 !important; }
a.elementor-button.bat-cta-ctx-mid:hover,
a.elementor-button.bat-cta-ctx-mid:focus { color: rgba(0, 0, 0, 0.65) !important; }

/* Blog-template footer "View Our Guides" (black footer -> on-dark tertiary) */
a.multi-button {
	background: transparent !important;
	color: #37ce0d !important;
	border: 0 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 0 !important;
}
a.multi-button::after { content: "\2192"; margin-left: 8px; }
a.multi-button:hover { color: #4ade80 !important; }

/* ════════════════════════════════════════════════════════════
   Per-instance directions — Bri's CTA Audit & Dev Guide v2,
   yellow-flagged rows (2026-08-24)
   ════════════════════════════════════════════════════════════ */
/* Outlined tertiary, light sections: 2px #167200 border.
   Scoped to the homepage wrappers — the same widget ids exist on
   become-an-owner (92802) as DIFFERENT #footerform lead buttons. */
.elementor-92686 .elementor-element-239d2fc4 a.elementor-button,
.elementor-92571 .elementor-element-239d2fc4 a.elementor-button,   /* Review Our Process */
.elementor-92686 .elementor-element-2fa152f1 a.elementor-button,
.elementor-92571 .elementor-element-2fa152f1 a.elementor-button {  /* See How We Fit Your Portfolio */
	border: 2px solid #167200 !important;
	padding: 10px 22px !important;
	color: #1f2937 !important;
}
/* Outlined tertiary, dark section: 2px #37CE0D border */
.elementor-92686 .elementor-element-190572f5 a.elementor-button,
.elementor-92571 .elementor-element-190572f5 a.elementor-button {  /* What's Our Ideal Candidate */
	border: 2px solid #37ce0d !important;
	padding: 10px 22px !important;
	color: #37ce0d !important;
}
/* "Remove duplicate" rows — hidden pending manual Elementor deletion */
.elementor-element-2e3563b,   /* Why Us hero: Set up a Consultation */
.elementor-element-27d9724 {  /* Our Team banner: Setup a Consultation */
	display: none !important;
}