/* _ModernOptical_Footer.cshtml > modern_overrides.css */


/* ================================================
	- Filter (fieldsets) sequence;
	- all the following classes are secondary w/.filter-fieldset
	- p.s. .boolean-filters is order: 0; in filters.css
*/

/* ================================================
	custom order (JIModern catalog filter layout)
	Two-column flex wrap: odd orders -> col 1, even orders -> col 2.
	.boolean-filters (Best Sellers / Polarized / Optical Supplies)
	stays pinned above the grid at order: 0.
================================================ */

[class*=" filter-"] { order: 99; }

.boolean-filters       { order: 0 !important; /* pinned above grid; see filters.css */ }

.filter-brand          { order: 1; }
.filter-price-group    { order: 2; }
.filter-shape          { order: 3; }
.filter-gender         { order: 4; }
.filter-color-family   { order: 5; }
.filter-frame-material { order: 6; }
.filter-eye-size       { order: 7; }
.filter-temple-length  { order: 8; }
.filter-bridge-size    { order: 9; }
.filter-bridge-type    { order: 10; }
.filter-hinge-type     { order: 11; }
.filter-rim-type       { order: 12; }
.filter-lens-material  { order: 13; }
.filter-a-measurement  { order: 14; }
.filter-b-measurement  { order: 15; }
.filter-ed-measurement { order: 16; }
.filter-dbl-measurement{ order: 17; }


.customer-service .hours { display: none; }



/* ============ PRICE ELEMENTS ============ */

/* CATALOG: */
.container-catalog .show-prices-wrapper, /* the checkbox */
.style-item .prices-wrapper > .price, /* √ */

/* CART, CHECKOUT: */
.unit-price-wrapper .unit-price,
.cart-item .line-item-math-wrapper,
.subtotal-wrapper { display: none; }

.unit-price-wrapper .unit-price
.parts-item-price-qualifier {}


/*
.unit-price-wrapper.parts-item-unit-price-wrapper {
	.unit-price {} ... DND
	.parts-item-price-qualifier {} ... "package of x pieces"
} /* .unit-price-wrapper.parts-item-unit-price-wrapper ...
*/

/* .checkout-view-cart-wrapper .parts-item .quantity-wrapper, */
.unit-price-wrapper.parts-item-unit-price-wrapper {
	display: flex;
	/* width: fit-content; */
	.unit-price {} /* remains un-displayed */
	.parts-item-price-qualifier {} /* display ... e.g., "package of x pieces" */
} /* .unit-price-wrapper.parts-item-unit-price-wrapper  */


/*
.line-item-math-wrapper {
	.line-item-math {
		.quantity {}
		.units {}
		.at-sign {}
		.unit-price {}
	} /* .line-item-math ...
	.line-item-total {}
} /* .line-item-math-wrapper ...
*/

.checkout-view-cart-wrapper .cart-items .line-item-math-wrapper {
	display: flex;
	justify-content: flex-start;

	.line-item-math {
		.quantity {}
		.units {}
		.at-sign,
		.unit-price { display: none; }
	}
	.line-item-total { display: none; }
}


/* ============ .section.section-testimonials {} ============  */
.section-testimonials {
	margin-bottom: 6rem;
	.heading {}
}

/*
	<div class="testifiers-wrapper">
		<div class="testifier-wrapper">
			<h3 class="heading heading-testifier">Ronnie C., Territory Manager</h3>
			<img class="img testifier-img" src="" alt="" />
			<p>
*/

/* ============ .section.section-testimonials {} ============  */
.section-testimonials {
	margin-bottom: 6rem;
	.heading {
		display: none;
		font-size: 1.35rem;
		color: #fff;
	}

	.testimonial-wrapper {
		top: 6rem;
		&:nth-of-type(1) img { object-fit: cover; }
		&:nth-of-type(2) img { object-fit: unset; }
		&:nth-of-type(3) img { object-fit: unset; }
	}

	.slide-nav-wrapper {
		top: 1.5rem;
	}
} /* section-testimonials */



@media screen and (min-width: 870px) {
} /* MQ */

.filter-selection { text-transform: uppercase; }
.specs dt { color: #000; }
.brand-hdr { gap: 1vw; }



.collections-reps-section {
	--rep-list-grid-template-min: 30ch;
	--rep-list-grid-template-max: 33ch;

	--rep-list-list-item-max-width: 210px;
	--rep-list-list-item-max-height: 75px;
}

.collections-reps-section {
	& .collections-reps-list {
		& .collection-item.close-out,
		/* go figure; no joy re: .collection-item.optical-supplies w/nth-child, nth-of-type ...  */
		& .collection-item:nth-of-type(1n+20):nth-of-type(-1n+24) { display: none; }
	}
}



/* display availability filter only if logged-in */
.modern-optical-auth {
	width: 0;
	height: 0;
	opacity: 0;
	border: 0;
}
.filter-fieldset.filter-availability { display: none; }
.modern-optical-auth ~ main .filter-fieldset.filter-availability { display: block; }