/* Coverage & Access page (DTC + HCP)
   Only the EditorPlus tab header (.ep_tabs_header) is styled here.
   Matched to Figma: desktop node 6624-10510, mobile 7706-4901.
   !important is needed because the block prints its own inline <style>
   after this file in the DOM. */

/* tabs root: stacked + centered; kills the block's inline 75px gap */
.ep_tabs_root.ep_tabs_top {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 0 !important;
}

/* align-items:center makes column-flex children shrink to their content —
   the panels wrapper must stay full width */
.ep_tabs_root.ep_tabs_top > .ep_tabs_wrapper {
	width: 100% !important;
	flex-basis: auto !important;
	max-width: none !important;
}

/* ---- tab bar ---- */
.ep_tabs_root.ep_tabs_top .ep_tabs_header {
	display: flex !important;
	flex-basis: auto !important;
	width: 100% !important;
	gap: 50px !important;
	padding: 0 162px !important;
	margin: 0 !important;
	justify-content: flex-start !important;
	align-items: stretch;
	border-bottom: 1px solid #dddddd;
	background: #fff;
	box-sizing: border-box;
}

/* ---- individual tab ---- */
.ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main {
	display: inline-flex;
	align-items: center;
	padding: 24px 0 !important;
	margin: 0 !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	border-bottom: 4px solid transparent !important;
	text-decoration: none;
	transition:
		border-color 0.2s ease,
		color 0.2s ease;
}

.ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main .ep_label {
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
	color: #abb8c3 !important;
	white-space: nowrap;
}

/* hover + active: cyan underline, black label */
.ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main:hover {
	/* border-bottom-color: #00adee !important; */
}

.ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main:hover .ep_label {
	color: #00406D  !important;
}

.ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main.ep_active_tab {
	border-bottom-color: #00adee !important;
}

.ep_tabs_root.ep_tabs_top
	.ep_tabs_header
	.ep_label_main.ep_active_tab
	.ep_label {
	color: #000 !important;
}

/* ---- tablet ---- */
@media (min-width: 768px) and (max-width: 1024px) {
	.ep_tabs_root.ep_tabs_top .ep_tabs_header {
		gap: 40px !important;
		padding: 0 40px !important;
	}
}

/* ---- mobile: scrollable row ---- */
@media (max-width: 767px) {
	.ep_tabs_root.ep_tabs_top .ep_tabs_header {
		gap: 30px !important;
		padding: 0 20px !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.ep_tabs_root.ep_tabs_top .ep_tabs_header::-webkit-scrollbar {
		display: none;
	}

	.ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main {
		flex: 0 0 auto;
	}
}

/* ---- hero copy width (desktop) ---- */
@media (min-width: 1025px) {
	.header-banner-block .header-banner-copy-wrapper .header-banner-copy {
		padding: 0;
		max-width: 486px !important;
	}

	/* theme sets p { max-width: 75% } — fill the 486px wrapper instead */
	.header-banner-block .header-banner-copy-wrapper .header-banner-copy p {
		max-width: 100% !important;
	}
}

/* ---- main tab block only: tighter label padding (desktop + tablet) ---- */
@media (min-width: 768px) {
	.main-tab .ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main {
		display: inline-flex;
		align-items: center;
		padding: 23px 0 19px !important;
	}
}

/* main-tab default label color: black at 50% opacity */
.main-tab .ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main .ep_label {
	color: rgba(0, 0, 0, 0.5) !important;
}

.main-tab
	.ep_tabs_root.ep_tabs_top
	.ep_tabs_header
	.ep_label_main.ep_active_tab
	.ep_label {
	color: #000 !important;
}

/* main-tab: on hover, label goes solid black (beats the 50% base rule) */
.main-tab
	.ep_tabs_root.ep_tabs_top
	.ep_tabs_header
	.ep_label_main:hover
	.ep_label {
	color: #00406D !important;
}
/* ---- utility ---- */
@media (min-width: 1025px) {
.ns-check-list-treatment .ns-check-list {
  gap: 20px 30px;
}
.ns-check-list-treatment .ns-check-list li {
  width: 340px  ;
}
.ns-check-list-treatment .ns-check-list li:nth-child(2) ,
.ns-check-list-treatment .ns-check-list li:nth-child(4) {
  /* padding-right: 25px !important; */
  width: 310px;
}	
	.mr-1px {
		margin-right: 1px;
	}

	.w-956 {
		width: 956px;
	}

	.w-674 {
		width: 674px;
	}

	.w-116 {
		width: 1116px;
	}
}
@media (max-width: 767px) {
	.page-hero-2.hcp-coverage {
		min-height: 387px !important;
	}
	.main-tab .ep_tabs_root.ep_tabs_top .ep_tabs_header .ep_label_main {
		padding: 24px 0 18px !important;
	}
	.main-tab .ep_tabs_wrapper > div {
		padding: 0px 0 !important;
	}
}
@media (max-width: 1156px) {
	.nscb-lmn__arrow {
		align-self: center;
		width: 12px;
		height: 52px;
		flex-basis: 52px;
		min-width: 0;
		margin: 29px 0;
		background-image: url(/wp-content/themes/nspharma-support/images/lmn-step-arrow-mobile.svg);
		background-size: 12px auto;
	}
	
}
@media (max-width: 1156px){
.w-116 {
		max-width: calc(100% - 40px);
	}
}

/* ---- mobile hero: aspect-ratio height with a floor ---- */
@media (max-width: 768px) {
	.page-hero-2.hcp-coverage {
		background-image: url(/wp-content/uploads/2026/01/page-hero-hcp-coverage.jpg) !important;
		background-size: cover !important;
		background-position: bottom;
		height: 72vw !important;
		min-height: 387px !important;
	}
}

/* ---- tablet: hero image + height ---- */
@media (min-width: 769px) and (max-width: 1024px) {
	.page-hero-2.hcp-coverage {
		background-size: cover !important;
		min-height: 445px !important;
		background-position: 50% 50%;
		
	}

	.main-tab .ep_tabs_wrapper > div {
		padding: 0px 0 !important;
	}

	/* override inline 100px side padding on the hero copy wrapper */
	.page-hero-2.hcp-coverage .header-banner-copy-wrapper {
		padding-left: 40px !important;
		padding-right: 40px !important;
		padding-top: 0 !important;
	}

}

/* ---- narrow tablet: hero copy sits beside the artwork ---- */
@media (min-width: 769px) and (max-width: 1024px) {
	.header-banner-block .header-banner-copy-wrapper .header-banner-copy {
		padding: 0;
		max-width: 55%;
	}
}

/* ---- financial-support block: tighter intro spacing on this page ---- */
.wp-block-ns-custom-financial-support .nscb-fs__intro {
	margin-bottom: 25px;
}

/* utility: center on desktop + tablet, left on mobile */
.ta-center-mob-left {
	text-align: center;
}
@media (max-width: 767px) {
	.ta-center-mob-left {
		text-align: left;
	}
}

/* very small screens: prevent wrapping on download / icon links */
@media (max-width: 339px) {
	.download-link,
	.link-with-icon {
		flex-wrap: unset !important;
	}
}

/* very small screens (<= 340px): scale hero h1 to 62.5% of 36px */
@media (max-width: 340px) {
	.page-hero-2 h1 {
		font-size: 22.5px !important;
	}
}
