/*
 Theme Name:   SLR Store Child
 Theme URI:    https://silverlakeresearch.com/
 Description:  Child theme for the Silver Lake Research store, built on Bricks. Contains custom Bricks elements, ACF field definitions (acf-json), and WooCommerce template overrides.
 Author:       Webringly
 Author URI:   https://webringly.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ============================================================
   Quantity-discount table (Tier Pricing Table) — frontend polish
   NOTE: site root font-size is 10px, so size relative to the page
   content (inherit/em), NOT rem, to match surrounding text.
   ============================================================ */
.tiered-pricing-wrapper { margin: 1.25em 0; }
.tiered-pricing-wrapper > h3 { font-size: 1.1em; font-weight: 700; margin: 0 0 .5em; }
.tiered-pricing-table,
.tiered-pricing-table th,
.tiered-pricing-table td { font-size: inherit; }
.tiered-pricing-table { width: 100%; border-collapse: collapse; }
.tiered-pricing-table thead th {
	font-weight: 600; text-align: left; padding: .45em .7em;
	border-bottom: 2px solid var(--primary, #2179BD);
}
.tiered-pricing-table tbody td { padding: .45em .7em; border-bottom: 1px solid #e5e7eb; }
.tiered-pricing-table tbody tr:last-child td { border-bottom: 0; }
/* plugin highlights the active row with the brand colour — leave that intact */

/* Static caption shown under the table */
.tiered-pricing-caption { margin: .6em 0 0; font-size: .85em; font-style: italic; color: #6b7280; }

/* Hide the "Clear" (reset variations) link on variable products (#9) */
.woocommerce .reset_variations { display: none !important; }

/* Product summary (price + add-to-cart) should scroll with the page,
   not stay pinned and cover the description (Manouk request) */
.fr-woo-product-bravo__body { position: static !important; }

/* Product gallery prev/next arrows (chevron SVG).
   Base (every width): on the image's left/right edges - never clips or overflows.
   Wide desktop (>=1500px): enough page margin to sit them fully outside the image. */
.woocommerce-product-gallery { position: relative; }
.woocommerce-product-gallery .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.woocommerce-product-gallery .flex-direction-nav a {
	position: absolute; top: 30%; z-index: 5;
	display: block; width: 50px; height: 50px;
	background: url('/wp-content/uploads/2026/04/chevron_forward_16dp_000000_FILL0_wght400_GRAD0_opsz20-1.svg') no-repeat center / 50px 50px;
	font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden;
	opacity: .7; transition: opacity .15s ease;
}
.woocommerce-product-gallery .flex-direction-nav a:hover { opacity: 1; }
.woocommerce-product-gallery .flex-prev { left: 0; transform: translateY(-50%) rotate(180deg); }
.woocommerce-product-gallery .flex-next { right: 0; transform: translateY(-50%); }
.woocommerce-product-gallery .flex-direction-nav a.flex-disabled { opacity: 0; pointer-events: none; }

@media (min-width: 1500px) {
	.woocommerce-product-gallery .flex-direction-nav a { width: 75px; height: 75px; background-size: 75px 75px; }
	.woocommerce-product-gallery .flex-prev { left: -82px; }
	.woocommerce-product-gallery .flex-next { right: -82px; }
}

/* Remove the "hover to zoom" hint - a Frames ::after overlay on the gallery
   viewport that covered part of the image (Manouk request). */
.fr-single-product-alpha__gallery .woocommerce-product-gallery .flex-viewport::after {
	content: none !important;
}

/* Variation swatches: one consistent selected colour (brand blue) instead of the
   Frames per-position rotating colours, which looked random (Manouk request). */
.fr-woo-product-bravo__cart table.variations li.bricks-swatch-selected,
.fr-woo-product-bravo__cart table.variations li.bricks-swatch-selected:nth-child(1),
.fr-woo-product-bravo__cart table.variations li.bricks-swatch-selected:nth-child(2),
.fr-woo-product-bravo__cart table.variations li.bricks-swatch-selected:nth-child(3) {
	border-color: var(--primary) !important;
	background: var(--primary-10) !important;
}