/* _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
*/

/* ================================================
source order (.filter-fieldset .xyz {}):

0	.filter-brand {}
1	.filter-color {} ... *** saf is 'color-family', wg is 'color' ***
2	.filter-availability {}
3	.filter-size {} ... ??? combo-format size; will this be changed ??? 
4	.filter-shape {}
5	.filter-gender {}
6	.filter-frame-material {}
7	.boolean-filters {}
8	.range-filter filter-a-size {}
9	.range-filter filter-b-size {}
10	.range-filter filter-ed-size {}
11	.range-filter filter-dbl-size {}

/* ================================================
	custom order
================================================ */

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

.boolean-filters { order: 0 !important; /* just fyi, 'cause it's in filters.css */ }

.filter-brand { order: 1; }
.filter-gender { order: 2; }
.filter-shape { order: 3; }
.filter-color { order: 4; } /* saf is 'color-family', wg is 'color' */
.filter-size { order: 5; }
.filter-frame-material { order: 6; }
.filter-availability { order: 7; }
.filter-a-measurement {}
.filter-b-measurement {}
.filter-ed-measurement {}
.filter-dbl-measurement {}


.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; }