/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ==========================================================================
   Builders United — Client Feedback Fixes
   ========================================================================== */

/* 1. Hide social media icons (header + footer) until social pages are live */
#brxe-qyrczf { display: none !important; }
#brxe-yueqey { display: none !important; }

/* 2. Hide Industries section from main navigation */
#brxe-lvioix { display: none !important; }
#brxe-eshdjw { display: none !important; }

/* 3. Hide Main Brands Banner (placeholder logos — 4x BUSC logo repeats) */
#brxe-72212c { display: none !important; }

/* 4. Hide Featured Product template (hardcoded "Moderco Operable Walls" + Lorem ipsum) */
#brxe-c28d75 { display: none !important; }

/* 5. Hide FAQ section (placeholder Lorem ipsum answers — no real content yet) */
#brxe-puksdw { display: none !important; } /* Home page */

/* 6. Hide testimonial sections (John Doe placeholders — no real testimonials yet) */
#brxe-gkfted { display: none !important; } /* Home page */
#brxe-qrteai { display: none !important; } /* Industries Served page */
#brxe-lgtlhw { display: none !important; } /* Single Industry template */
#brxe-kpwwhh { display: none !important; } /* Product category template */
#brxe-a35a89 { display: none !important; } /* Reviews template */
/* Checkout disclaimers */
.woodfold-checkout-disclaimers {
	margin: 20px 12px;
	padding: 16px 18px;
	background: #fafafa !important;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-size: 0.9em;
}
/* Force dark text — the checkout column sits on a dark theme background that
   was overriding these to white (client reported a light card with unreadable
   light text). */
.woodfold-checkout-disclaimers,
.woodfold-checkout-disclaimers li,
.woodfold-checkout-disclaimers p,
.woodfold-checkout-disclaimers strong,
.woodfold-checkout-disclaimers em {
	color: #333 !important;
}
.woodfold-checkout-disclaimers h4 {
	margin: 0 0 10px;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #111 !important;
}
.woodfold-checkout-disclaimers ul {
	margin: 0;
	padding-left: 18px;
}
.woodfold-checkout-disclaimers li {
	margin-bottom: 6px;
	line-height: 1.5;
}
.woodfold-checkout-disclaimers li:last-child {
	margin-bottom: 0;
}

.woodfold-order-confirm-wrapper {
	margin: 18px 0 22px;
	padding: 18px 20px;
	background: #fff8f0 !important;
	border: 2px solid #FF6B35;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(255, 107, 53, 0.18);
}
.woodfold-order-confirm-wrapper .woodfold-order-confirm-label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	cursor: pointer;
	line-height: 1.55;
	margin: 0;
}
/* Force dark text — the checkout order-review sits on a dark theme background
   that was overriding the label to white (client reported it unreadable). */
.woodfold-order-confirm-wrapper .woodfold-order-confirm-text,
.woodfold-order-confirm-wrapper .woodfold-order-confirm-text strong {
	color: #2a2a2a !important;
	font-size: 0.95em;
}
.woodfold-order-confirm-wrapper .woodfold-order-confirm-text strong {
	display: block;
	margin-bottom: 4px;
	font-size: 1em;
	color: #c0392b !important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.woodfold-order-confirm-wrapper input[type="checkbox"] {
	flex-shrink: 0;
	margin-top: 2px;
	width: 22px;
	height: 22px;
	accent-color: #FF6B35;
	cursor: pointer;
}
/* Visually reinforce the gate on the theme's custom submit button. */
#complete-order-button.wf-disabled,
#place_order.wf-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

/* Cap the checkout order-review item list at a fixed height with internal
   scroll — Penco cart lines render every configuration field as its own
   meta row (~17 rows per line via display_cart_meta()), so with even one or
   two lockers in cart the panel grew to 2000px+ tall (client reported).
   Scoped to just the item list, not the whole panel, so the totals footer
   and payment/place-order section directly below stay fully visible and
   don't get pushed below the fold or trapped inside the scroll area. */
.woocommerce-checkout-review-order-body {
	max-height: 420px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/* Deposet: hide duplicate Due Today / Future Payments rows in totals
   (same info already shows in the deposit panel before payment) */
.deposet-breakdown {
	display: none !important;
}

/* Visible scrollbar on the checkout items summary — client: "no scroll bar
   showing" (2026-08-31). Pairs with the 420px max-height scroller above. */
.woocommerce-checkout-review-order-body {
	scrollbar-width: thin;
	scrollbar-color: #b6bec9 #eef1f5;
}
.woocommerce-checkout-review-order-body::-webkit-scrollbar {
	width: 8px;
}
.woocommerce-checkout-review-order-body::-webkit-scrollbar-thumb {
	background: #b6bec9;
	border-radius: 4px;
}
.woocommerce-checkout-review-order-body::-webkit-scrollbar-track {
	background: #eef1f5;
	border-radius: 4px;
}