/* Pharma — Patient support services (header + tabbed module). Page-scoped.
 *
 * Base pattern: patterns/solutions-patient-support.php
 * Base styles:  assets/css/sections/solutions-patient-support.css
 * BugHerd 535295 #21: apply the light tabs treatment already shipped on
 * Platform (assets/css/sections/platform-three-layers.css) to every
 * instance of this module.
 *
 * Both selectors start with the page hook only the inserted Pharma copy
 * carries, so nothing here is reachable from another page.
 *
 * EVERY SELECTOR IS COMPOUND, and that is load-bearing rather than tidy.
 * infinitus_section_stylesheets() glob()s this directory alphabetically, so
 * pharma-*.css enqueues BEFORE solutions-*.css — a single-class page hook
 * ties the base pattern's own rules on specificity and then LOSES on source
 * order. Compounding the page hook with the base section class makes these
 * (0,3,x) and order-independent, same mechanism documented in
 * platform-three-layers.css and solutions-hero-contained-square.css.
 */

.infinitus-section--pharma-patient-support.infinitus-section--solutions-patient-support
	.infinitus-tabs__strip {
	background-color: var(--wp--preset--color--gray-25);
	border-top: 1px solid var(--wp--preset--color--gray-200);
	border-bottom: 0;
}

.infinitus-section--pharma-patient-support.infinitus-section--solutions-patient-support
	.infinitus-tabs__tab {
	background-color: var(--wp--preset--color--gray-25);
}

.infinitus-section--pharma-patient-support.infinitus-section--solutions-patient-support
	.infinitus-tabs__tab:is(:hover, :active, [aria-selected="true"]) {
	color: var(--wp--preset--color--gray-900);
}

.infinitus-section--pharma-patient-support.infinitus-section--solutions-patient-support
	.infinitus-tabs__tab::after {
	top: -1px;
	bottom: auto;
}

/* Match Platform's mobile behavior: every tab shows as a full-width row. */
@media (max-width: 767.98px) {
	.infinitus-section--pharma-patient-support.infinitus-section--solutions-patient-support
		.infinitus-tabs__tab {
		flex-basis: 100%;
	}
}