/**
 * CorivaDx Lab Directory responsive overrides.
 */

/*--------------------------------------------------------------
Tablet and smaller
--------------------------------------------------------------*/

@media (max-width: 900px) {
	body.corivadx-lab-app .corivadx-lab-footer__content {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__column--logo {
		grid-column: 1 / -1;
		justify-content: center;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__column--address {
		justify-self: start;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__column--contact {
		justify-self: end;
	}
}

/*--------------------------------------------------------------
Mobile
--------------------------------------------------------------*/

@media (max-width: 767px) {
	body.corivadx-lab-app {
		--corivadx-lab-page-gutter:
			var(--corivadx-lab-page-gutter-mobile);
	}

	body.corivadx-lab-app .corivadx-lab-header {
		padding-top: 32px;
		padding-bottom: 30px;
	}

	body.corivadx-lab-app
		.corivadx-lab-header__logo-image {
		width: auto;
		max-width: 290px;
		max-height: 110px;
	}

	body.corivadx-lab-app .page-section {
		padding-top: 24px;
		padding-bottom: 50px;
	}

	body.corivadx-lab-app .lab-search-page {
		min-height: 600px;
		padding-top: 10px;
		padding-bottom: 70px;
	}

	body.corivadx-lab-app .lab-search-panel {
		padding: 38px 24px 46px;
		border-radius: 14px;
	}

	body.corivadx-lab-app .lab-search-panel__header {
		margin-bottom: 26px;
	}

	body.corivadx-lab-app .lab-search-form {
		grid-template-columns: 1fr;
		gap: 10px;
		overflow: visible;
		background-color: transparent;
	}

	body.corivadx-lab-app .lab-search-form__input {
		border-radius: 6px;
	}

	body.corivadx-lab-app .lab-search-form__button {
		width: 100%;
		min-height: 54px;
		margin: 0;
		border: 1px solid rgb(255 255 255 / 60%);
		border-radius: 5px;
	}

	body.corivadx-lab-app .corivadx-lab-footer__legal {
		text-align: center;
	}

	body.corivadx-lab-app .lab-test-page {
		padding-top: 10px;
		padding-bottom: 70px;
	}

	body.corivadx-lab-app .lab-test-header {
		padding: 32px 24px 28px;
	}

	body.corivadx-lab-app .lab-test-details {
		padding: 8px 24px 24px;
	}

	body.corivadx-lab-app .lab-test-section {
		padding: 22px 0;
	}

	body.corivadx-lab-app .lab-test-footer {
		padding: 0 24px 32px;
	}

	body.corivadx-lab-app .lab-test-footer .button,
	body.corivadx-lab-app
		.lab-test-footer
		.corivadx-lab-button {
		width: 100%;
	}

	body.corivadx-lab-app .lab-results-panel {
		margin-top: var(
			--corivadx-lab-space-3
		);
	}

	body.corivadx-lab-app .lab-results-header {
		padding: 24px;
	}

	/*
	 * Convert the result table into stacked cards.
	 */

	body.corivadx-lab-app .lab-results-table,
	body.corivadx-lab-app .lab-results-table tbody,
	body.corivadx-lab-app .lab-results-table tr,
	body.corivadx-lab-app .lab-results-table td {
		display: block;
		width: 100%;
	}

	body.corivadx-lab-app .lab-results-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	body.corivadx-lab-app .lab-results-table tr {
		padding: 18px 24px;
		border-top:
			1px solid
			var(--corivadx-lab-color-border);
	}

	body.corivadx-lab-app .lab-results-table td {
		display: grid;
		grid-template-columns:
			110px minmax(0, 1fr);
		gap: 14px;
		padding: 5px 0;
		border: 0;
	}

	body.corivadx-lab-app
		.lab-results-table
		td::before {
		content: attr(data-label);
		color: var(
			--corivadx-lab-color-heading
		);
		font-size: var(
			--corivadx-lab-font-size-sm
		);
		font-weight: var(
			--corivadx-lab-font-weight-bold
		);
	}

	body.corivadx-lab-app .lab-results-empty {
		padding: 30px 24px;
	}

	body.corivadx-lab-app .corivadx-lab-login {
		padding-top: 10px;
		padding-bottom: 70px;
	}

	body.corivadx-lab-app
		.corivadx-lab-login__panel {
		padding: 34px 24px;
	}

	body.corivadx-lab-app
		.lab-test-included-tests-table,
	body.corivadx-lab-app
		.lab-test-included-tests-table
		tbody,
	body.corivadx-lab-app
		.lab-test-included-tests-table
		tr,
	body.corivadx-lab-app
		.lab-test-included-tests-table
		td {
		display: block;
		width: 100%;
	}

	body.corivadx-lab-app
		.lab-test-included-tests-table
		thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	body.corivadx-lab-app
		.lab-test-included-tests-table
		tr {
		padding: 16px 0;
		border-bottom:
			1px solid
			var(--corivadx-lab-color-border);
	}

	body.corivadx-lab-app
		.lab-test-included-tests-table
		tr:last-child {
		border-bottom: 0;
	}

	body.corivadx-lab-app
		.lab-test-included-tests-table
		td {
		display: grid;
		grid-template-columns:
			100px minmax(0, 1fr);
		gap: 12px;
		width: 100% !important;
		padding: 5px 0;
		border: 0;
	}

	body.corivadx-lab-app
		.lab-test-included-tests-table
		td::before {
		content: attr(data-label);
		color: var(
			--corivadx-lab-color-heading
		);
		font-size: var(
			--corivadx-lab-font-size-sm
		);
		font-weight: var(
			--corivadx-lab-font-weight-bold
		);
	}
}

/*--------------------------------------------------------------
Small mobile
--------------------------------------------------------------*/

@media (max-width: 640px) {
	body.corivadx-lab-app .corivadx-lab-footer {
		padding-top: 32px;
		padding-bottom: 20px;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__content {
		grid-template-columns: 1fr;
		gap: 22px;
		text-align: center;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__column--logo,
	body.corivadx-lab-app
		.corivadx-lab-footer__column--address,
	body.corivadx-lab-app
		.corivadx-lab-footer__column--contact {
		justify-self: center;
		justify-content: center;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__logo-image {
		width: 180px;
		max-width: 100%;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__column
		p {
		font-size: 13px;
	}

	body.corivadx-lab-app
		.corivadx-lab-footer__legal {
		text-align: center;
	}
	
	header {
        margin-top: 0px;
    }
}

/*--------------------------------------------------------------
Reduced motion
--------------------------------------------------------------*/

@media (prefers-reduced-motion: reduce) {
	body.corivadx-lab-app,
	body.corivadx-lab-app *,
	body.corivadx-lab-app *::before,
	body.corivadx-lab-app *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}