/* Site-wide button colors. Loaded last in <head> by set_new_header.php.
 * Each selector ends with :not(#zbt):not(#zbt) to add two ID-levels of specificity, so these rules
 * beat the older ID-scoped !important button rules (e.g. #footerTip, #expertSlider, #addAddressModal)
 * and the <style> blocks printed later inside <body>. ID selectors are kept in their own rules so
 * they don't raise the specificity of the class groups (:is() takes its most specific argument). */

:root {
	--btn-primary: #2563A6;
	--btn-primary-hover: #1D4F85;
	--btn-primary-tint: #EEF4FB;
	--btn-primary-shadow: rgba(37, 99, 166, 0.22);
}

/* Filled buttons */
html body :is(
	/* header, footer, modals, chat */
	.zen-btn-call,
	.MobileIconShow a.header-call-btn,
	.headerConsult,
	.footer-tip__cta,
	.btn-primary,
	.allBtnClassName,
	.btn-next,
	.btn-app-next,
	.btn-diet-next,
	.btn-expert-next,
	.form-submit-btn,
	.am2-btn-submit,
	.hv-submit,
	.hv-success__btn--map,
	.zc-btn,
	/* home */
	.hh-hero__cta:not(.hh-hero__cta--video),
	.zh-expert-ask__phone-submit,
	.home-guidance-next,
	.home-treatment-cost__cta,
	.home-reports-upload__cta,
	.home-reports-upload__cta-bar-btn,
	.home-reports-upload__help-btn--call,
	.zh-btn--primary,
	.zh-btn--accent,
	.zh-why-zenheal__view-all,
	.OurServices .hx-treatment-view-all,
	.OurServices .svc-cta,
	.zh-symptoms-card__cta-btn,
	.zh-symptoms-section__btn,
	.zh-cancer-types__cta-btn,
	.zh-financial-support__btn,
	.zh-hospital-guidance__btn,
	.zh-final-cta__btn,
	.zh-quote-vision__btn--primary,
	.zh-hero-banner__cta,
	button.btn.Connect_with_Expert,
	.CancerExpertBtn,
	.shine-btn,
	.btn-ex-program,
	.section-micro-cta-btn,
	.consult-btn,
	.primebtn,
	/* hospitals */
	.hx-dr-card-book,
	.hx-btn-primary,
	.hx-lead-submit,
	.hx-reach__btn--primary,
	.hub-cta-primary,
	.hub-hcard .btn-solid,
	/* doctors and experts */
	.zo-dr-card-cta,
	.onco-search,
	.btn-choose-date,
	.grid-btn-choose-date,
	.op-book__cta,
	.op-cta__book,
	.ie-card__book,
	.ie-btn--primary,
	.ei-book-btn,
	.expert-page .proceed-btn,
	.ei-upload__btn,
	.ei-book-form__submit,
	.ei-cta__book,
	.book-btn2,
	/* services and programs */
	.svc-btn--primary,
	.rp-hero__callback .svc-btn,
	.cp-btn--primary,
	.cs-btn--primary,
	.ehm-btn--primary,
	.ehm-btn--teal,
	.mc-btn--primary,
	.mc-callback__btn,
	.yx-btn--primary,
	.yx-btn--teal,
	.yx-sticky-cta__btn,
	.vc-btn--primary,
	.vc-btn--accent,
	.s4h__btn:not(.s4h__btn--ghost),
	.s4-sticky-cta__btn,
	.enrol-now,
	.book-plan,
	.subscription-footer .btn,
	.service_btn.see-all,
	.custom-from-ziopar-btn,
	.btn-submit-ziopar,
	.dwn-btn,
	.subm-btn,
	/* products, cart, checkout */
	.add-to-cart-btn,
	.btn-buy-now,
	.btn-talk-expert,
	.pl-help-btn--call,
	.pd-add-cart,
	.pd-together-atc,
	.pd-sticky-cart,
	.pd-reviews-write-btn,
	.cv2-apply,
	.cv2-checkout,
	.co2-apply,
	.co2-checkout,
	/* content pages */
	.contact-form__submit,
	.rg-cta-btn,
	.blog-end-cta__btn,
	.blog-listing-hero-cta__btn,
	.CustomFreeGuidenceFormOk,
	.Shrebtn
):not(#zbt):not(#zbt),
html body :is(
	#ShareNoBtn,
	#ReadMoreBtn:not(.CustomReadMoreBtn),
	#HomePageSubmitId,
	#proceed_btn,
	#addReviewButton,
	#app_submit,
	#step1_next,
	#custom-from-ziopar-btn,
	#saveChangesButton
):not(#zbt):not(#zbt) {
	background: var(--btn-primary) !important;
	border-color: var(--btn-primary) !important;
	color: #fff !important;
}

html body :is(
	.zen-btn-call,
	.MobileIconShow a.header-call-btn,
	.headerConsult,
	.footer-tip__cta,
	.btn-primary,
	.allBtnClassName,
	.btn-next,
	.btn-app-next,
	.btn-diet-next,
	.btn-expert-next,
	.form-submit-btn,
	.am2-btn-submit,
	.hv-submit,
	.hv-success__btn--map,
	.zc-btn,
	.hh-hero__cta:not(.hh-hero__cta--video),
	.zh-expert-ask__phone-submit,
	.home-guidance-next,
	.home-treatment-cost__cta,
	.home-reports-upload__cta,
	.home-reports-upload__cta-bar-btn,
	.home-reports-upload__help-btn--call,
	.zh-btn--primary,
	.zh-btn--accent,
	.zh-why-zenheal__view-all,
	.OurServices .hx-treatment-view-all,
	.OurServices .svc-cta,
	.zh-symptoms-card__cta-btn,
	.zh-symptoms-section__btn,
	.zh-cancer-types__cta-btn,
	.zh-financial-support__btn,
	.zh-hospital-guidance__btn,
	.zh-final-cta__btn,
	.zh-quote-vision__btn--primary,
	.zh-hero-banner__cta,
	button.btn.Connect_with_Expert,
	.CancerExpertBtn,
	.shine-btn,
	.btn-ex-program,
	.section-micro-cta-btn,
	.consult-btn,
	.primebtn,
	.hx-dr-card-book,
	.hx-btn-primary,
	.hx-lead-submit,
	.hx-reach__btn--primary,
	.hub-cta-primary,
	.hub-hcard .btn-solid,
	.zo-dr-card-cta,
	.onco-search,
	.btn-choose-date,
	.grid-btn-choose-date,
	.op-book__cta,
	.op-cta__book,
	.ie-card__book,
	.ie-btn--primary,
	.ei-book-btn,
	.expert-page .proceed-btn,
	.ei-upload__btn,
	.ei-book-form__submit,
	.ei-cta__book,
	.book-btn2,
	.svc-btn--primary,
	.rp-hero__callback .svc-btn,
	.cp-btn--primary,
	.cs-btn--primary,
	.ehm-btn--primary,
	.ehm-btn--teal,
	.mc-btn--primary,
	.mc-callback__btn,
	.yx-btn--primary,
	.yx-btn--teal,
	.yx-sticky-cta__btn,
	.vc-btn--primary,
	.vc-btn--accent,
	.s4h__btn:not(.s4h__btn--ghost),
	.s4-sticky-cta__btn,
	.enrol-now,
	.book-plan,
	.subscription-footer .btn,
	.service_btn.see-all,
	.custom-from-ziopar-btn,
	.btn-submit-ziopar,
	.dwn-btn,
	.subm-btn,
	.add-to-cart-btn,
	.btn-buy-now,
	.btn-talk-expert,
	.pl-help-btn--call,
	.pd-add-cart,
	.pd-together-atc,
	.pd-sticky-cart,
	.pd-reviews-write-btn,
	.cv2-apply,
	.cv2-checkout,
	.co2-apply,
	.co2-checkout,
	.contact-form__submit,
	.rg-cta-btn,
	.blog-end-cta__btn,
	.blog-listing-hero-cta__btn,
	.CustomFreeGuidenceFormOk,
	.Shrebtn
):not(#zbt):not(#zbt):is(:hover, :focus-visible),
html body :is(
	#ShareNoBtn,
	#ReadMoreBtn:not(.CustomReadMoreBtn),
	#HomePageSubmitId,
	#proceed_btn,
	#addReviewButton,
	#app_submit,
	#step1_next,
	#custom-from-ziopar-btn,
	#saveChangesButton
):not(#zbt):not(#zbt):is(:hover, :focus-visible),
html body a.CustomDrName:hover .consult-btn:not(#zbt):not(#zbt) {
	background: var(--btn-primary-hover) !important;
	border-color: var(--btn-primary-hover) !important;
	color: #fff !important;
	opacity: 1;
	filter: none !important;
	text-decoration: none !important;
}

/* guidance-modal.css turns every .btn orange on hover site-wide */
html body :is(.btn, .BtnHover, .BtnConnectHover):hover {
	background-color: var(--btn-primary-hover) !important;
}

/* Filled buttons that carry a tinted drop shadow */
html body :is(
	.hh-hero__cta:not(.hh-hero__cta--video),
	.home-reports-upload__cta-bar-btn,
	.home-reports-upload__sticky-cta .home-reports-upload__cta,
	.hx-dr-card-book,
	.consult-btn,
	.footer-tip__cta,
	.hv-submit
):not(#zbt):not(#zbt) {
	box-shadow: 0 6px 16px var(--btn-primary-shadow) !important;
}

/* Outline buttons */
html body :is(
	.hh-hero__cta--video,
	.home-guidance-back,
	.home-guidance-counselor-cta,
	.home-reports-upload__add-more,
	.home-reports-upload__help-btn--whatsapp,
	.hx-dr-card-visit,
	.hx-expert-doctors-all,
	.hv-success__btn--call,
	.zh-btn--ghost,
	.zh-quote-vision__btn--ghost,
	.hx-btn-secondary,
	.hx-btn-outline,
	.hx-page .hx-treatment-view-all,
	.hx-page .hx-treatment-show-less,
	.hx-page .CustomReadMoreBtn,
	.hx-reach__btn--ghost,
	.hub-hcard .btn-outline,
	.hub-hcard-sec-btn,
	.btn-secondary-action,
	.op-cta__call-btn,
	.ie-btn--outline,
	.svc-btn--ghost,
	.cp-btn--secondary,
	.cs-btn--secondary,
	.ehm-btn--ghost,
	.mc-btn--secondary,
	.yx-btn--ghost,
	.yx-concern__cta,
	.vc-btn--ghost,
	.s4h__btn--ghost,
	.s4-plan-help__btn,
	.pd-research-cta
):not(#zbt):not(#zbt) {
	background: #fff !important;
	border-color: var(--btn-primary) !important;
	color: var(--btn-primary) !important;
	box-shadow: none !important;
}

html body :is(
	.hh-hero__cta--video,
	.home-guidance-back,
	.home-guidance-counselor-cta,
	.home-reports-upload__add-more,
	.home-reports-upload__help-btn--whatsapp,
	.hx-dr-card-visit,
	.hx-expert-doctors-all,
	.hv-success__btn--call,
	.zh-btn--ghost,
	.zh-quote-vision__btn--ghost,
	.hx-btn-secondary,
	.hx-btn-outline,
	.hx-page .hx-treatment-view-all,
	.hx-page .hx-treatment-show-less,
	.hx-page .CustomReadMoreBtn,
	.hx-reach__btn--ghost,
	.hub-hcard .btn-outline,
	.hub-hcard-sec-btn,
	.btn-secondary-action,
	.op-cta__call-btn,
	.ie-btn--outline,
	.svc-btn--ghost,
	.cp-btn--secondary,
	.cs-btn--secondary,
	.ehm-btn--ghost,
	.mc-btn--secondary,
	.yx-btn--ghost,
	.yx-concern__cta,
	.vc-btn--ghost,
	.s4h__btn--ghost,
	.s4-plan-help__btn,
	.pd-research-cta
):not(#zbt):not(#zbt):is(:hover, :focus-visible) {
	background: var(--btn-primary) !important;
	border-color: var(--btn-primary) !important;
	color: #fff !important;
	text-decoration: none !important;
}

html body :is(
	.hh-hero__cta--video,
	.hx-dr-card-visit,
	.hx-expert-doctors-all,
	.hv-success__btn--call,
	.hx-btn-secondary,
	.hx-btn-outline,
	.hx-reach__btn--ghost,
	.op-cta__call-btn,
	.svc-btn--ghost,
	.s4-plan-help__btn,
	.pd-research-cta
):not(#zbt):not(#zbt) svg {
	color: inherit !important;
}

/* White buttons on dark bands: keep the white fill, switch the text to blue.
 * Three boosters so .svc-cta .svc-btn--primary beats the filled .svc-btn--primary rule. */
html body :is(
	.cp-btn--light,
	.ehm-btn--light,
	.ie-btn--light,
	.mc-btn--light,
	.rp-btn--light,
	.svc-cta .svc-btn--primary,
	.s4-final__btn,
	.vc-btn--light,
	.yx-btn--light,
	.blog-sticky-cta__btn
):not(#zbt):not(#zbt):not(#zbt) {
	background: #fff !important;
	border-color: #fff !important;
	color: var(--btn-primary) !important;
}

html body :is(
	.cp-btn--light,
	.ehm-btn--light,
	.ie-btn--light,
	.mc-btn--light,
	.rp-btn--light,
	.svc-cta .svc-btn--primary,
	.s4-final__btn,
	.vc-btn--light,
	.yx-btn--light,
	.blog-sticky-cta__btn
):not(#zbt):not(#zbt):not(#zbt):is(:hover, :focus-visible) {
	background: var(--btn-primary-tint) !important;
	border-color: var(--btn-primary-tint) !important;
	color: var(--btn-primary-hover) !important;
	text-decoration: none !important;
}

/* Text link on desktop, outline pill below 768px */
@media (max-width: 767px) {
	html body .ZioparSection_home .zh-ziopar-view-all:not(#zbt):not(#zbt) {
		border-color: var(--btn-primary) !important;
		color: var(--btn-primary) !important;
	}

	html body .ZioparSection_home .zh-ziopar-view-all:not(#zbt):not(#zbt):is(:hover, :focus-visible) {
		background: var(--btn-primary) !important;
		color: #fff !important;
	}
}