/*
 Theme Name:   Shoptimizer child
 Theme URI:    https://www.bearwood.be/
 Description:  Shoptimizer child theme for the Bear Wood network (BE / NL / FR / DE / PT).
 Author:       Evi Verstraeten
 Author URI:   https://www.bearwood.be/
 Template:     shoptimizer
 Version:      2.5.0
 Text Domain:  shoptimizer-child
*/

/* --------------------------------------------------------------
   Removed 2026-09-07, with the evidence:

   - .wp-gr / .wp-google-time / .wp-google-rating / .wp-google-name /
     .wp-google-wr  — styling for the old "Widget for Google Reviews"
     plugin, which is no longer installed. Zero such elements on any
     page; the live widget (bw-google-reviews-live.php) renders
     bw-grev-* instead (54 of them on the NL homepage).

   - .woocommerce-product-details__short-description p { display:none }
     — a no-op today and a landmine tomorrow. All 400 BE products write
     their short description as a <ul>, so nothing is hidden; the moment
     someone writes a paragraph there it would silently disappear. Its
     original job (hiding the free-delivery claim) was solved at source
     on 2026-08-13.

   - body .image-feature a::before — Shoptimizer no longer has an
     "image feature"; no such setting exists among its 318 customizer
     settings, and no .image-feature element on any page.

   - the whole @media (min-width:769px) call-back block (51 lines) —
     same story: no call_back setting in the customizer, and no
     .call-back-feature element on homepage, product page or category
     archive.

   - .image-exists .term-description — .image-exists never appears, not
     even on a category archive that does have a header image.
   -------------------------------------------------------------- */


/* ==============================================================
   Header / navigation
   ============================================================== */

.header-widget-region a {
	text-decoration: none !important;
}


/* ==============================================================
   Prices
   ============================================================== */

/* Struck-through "was" price stays fully legible. */
body .price del {
	opacity: 1;
}

#page table.cart.woocommerce-cart-form__contents td.product-price {
	display: table-cell;
}

#page table.cart.woocommerce-cart-form__contents td.product-price del {
	opacity: 0.5;
	font-size: 13px;
	margin-right: 3px;
}


/* ==============================================================
   Product & catalogue
   ============================================================== */

.site-content .woocommerce-breadcrumb {
	color: black;
	opacity: 1;
}

/* Fires only when a product actually is on backorder. */
.stock.available-on-backorder {
	display: none;
}

.widget.woocommerce.widget_shopping_cart {
	color: black;
}

/* One product per row on small phones. */
@media (max-width: 600px) {
	ul.products li.product {
		float: none;
		width: 100%;
	}
}


/* ==============================================================
   Category archive header — image above, description below
   ============================================================== */

.tax-product_cat header.woocommerce-products-header {
	flex-wrap: wrap;
}

.content-area header.woocommerce-products-header img {
	order: 1;
	width: 100%;
}

.term-description {
	order: 2;
}


/* ==============================================================
   Notices — Shoptimizer's blue instead of its default blue/green
   ============================================================== */

.woocommerce-info,
.woocommerce-message {
	background-color: #4c7294 !important;
}

body.single-product .woocommerce-message .message-inner {
	background-color: #4c7294 !important;
}


/* ==============================================================
   Bearwood hero — live on all five sites
   ============================================================== */

.bw-hero {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}

.bw-hero__media {
	position: relative !important;
	display: block;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
	background: #000;
}

.bw-hero__img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1200 / 380;
	object-fit: cover;
	vertical-align: middle;
	transition: opacity .6s ease;
	will-change: opacity;
	backface-visibility: hidden;
	transform: translateZ(0);
}

/* CTA forced as an overlay on the image. */
.bw-hero__media > .bw-hero__cta,
.bw-hero__media > a.bw-hero__cta {
	position: absolute !important;
	left: 24px !important;
	bottom: 18px !important;
	z-index: 11 !important;
	display: inline-block !important;
	padding: 10px 14px !important;
	background: rgba(0, 87, 129, .95) !important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	border-radius: 4px !important;
}

/* Subtle darkening at the bottom so the CTA stays readable. */
.bw-hero__media:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .25));
	pointer-events: none;
	z-index: 2;
}

@media (max-width: 768px) {
	.bw-hero {
		padding: 0 16px;
	}

	.bw-hero__img {
		aspect-ratio: 1200 / 500;
	}

	.bw-hero__media > .bw-hero__cta,
	.bw-hero__media > a.bw-hero__cta {
		left: 14px !important;
		bottom: 12px !important;
		padding: 9px 12px !important;
	}
}


/* ==============================================================
   SEO-hub FAQ (bearwood-seo-stack)
   ============================================================== */

.bearwood-seo-faq {
	margin: 40px 0 0;
}

.bearwood-seo-faq h2 {
	margin: 0 0 18px;
	font-size: 28px;
	line-height: 1.2;
}

.bearwood-seo-faq-item {
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.bearwood-seo-faq-item h3 {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.3;
}

.bearwood-seo-faq-item p {
	margin: 0;
}