/*
 Theme Name:   Shoptimizer child
 Theme URI:    https://www.bearwood.be/
 Description:  Shoptimizer Child Theme
 Author:       Evi Verstraeten
 Author URI:   https://www.bearwood.be/
 Template:     shoptimizer
 Version:      2.4.5
 Tags:         houthandel, tuinhuizen, hardhout, poorten, omheining, speeltuigen, paardenstal
 Text Domain:  shoptimizer-child
*/

/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */
.header-widget-region a {
    text-decoration: none !important;
}
body .price del {
 opacity: 1;
    }
    .site-content .woocommerce-breadcrumb {
    color: black;
 opacity: 1;
    }
    .wp-gr .wp-google-time {
    color: black!important;
}
 .wp-gr .wp-google-rating {
    color: #816b00!important;
}
.wp-gr.wpac a.wp-google-name {
    color: #005781!important;
}
.wp-gr .wp-google-wr a {
    background: #005781!important;
}
.wp-google-wr   {
    display: none!important;
}
.stock.available-on-backorder {
    display:none;
}
.woocommerce-product-details__short-description p {
    display:none;
}
.widget.woocommerce.widget_shopping_cart {
    color: black;
}
body .image-feature a::before {
   background-color: rgba(0,0,0,0.35);
}
@media (max-width: 600px) {
ul.products li.product {
float: none;
width: 100%;
}
}


/* Normally Blue */
.woocommerce-info {
    background-color: #4c7294!important;
}

/* Normally Green */
.woocommerce-message {
    background-color: #4c7294!important;
}

/* Normally Green */
body.single-product .woocommerce-message .message-inner {
    background-color: #4c7294!important;
}
.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;
}

@media (min-width: 993px) {
.image-exists .term-description {
    width: 100%;
}
}
#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;
}
/* =========================================================
   Bearwood Hero
   ========================================================= */

.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 echt forceren als overlay */
.bw-hero__media > .bw-hero__cta,
.bw-hero__media > a.bw-hero__cta{
  position:absolute !important;
  left:24px !important;
  bottom:18px !important;
  z-index:10 !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;
}

/* subtiele donkere overlay voor leesbaarheid */
.bw-hero__media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0) 40%,
    rgba(0,0,0,0.25)
  );
  pointer-events:none;
  z-index:2;
}

/* CTA boven overlay houden */
.bw-hero__media > .bw-hero__cta{
  z-index:11 !important;
}

@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;
  }
}
/* =========================================
   Callback knop verplaatsen op desktop
   Mobiel volledig ongemoeid laten
   ========================================= */
@media (min-width: 769px){

  /* wrapper NIET verplaatsen, zodat popup normaal blijft werken */
  .call-back-feature{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    translate: none !important;
    margin: 0 !important;
  }

  /* alleen de knop zelf vastzetten */
  .call-back-feature button[data-trigger="callBack"],
  button[data-trigger="callBack"]{
    position: fixed !important;
    right: 150px !important;
    bottom: 25px !important;
    left: auto !important;
    top: auto !important;
    z-index: 99999 !important;

    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    inset: auto 150px 25px auto !important;
  }

  /* ook alle knopstates forceren */
  .call-back-feature button[data-trigger="callBack"]:hover,
  .call-back-feature button[data-trigger="callBack"]:focus,
  .call-back-feature button[data-trigger="callBack"]:active,
  button[data-trigger="callBack"]:hover,
  button[data-trigger="callBack"]:focus,
  button[data-trigger="callBack"]:active{
    position: fixed !important;
    right: 150px !important;
    bottom: 25px !important;
    left: auto !important;
    top: auto !important;
    z-index: 99999 !important;

    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    inset: auto 150px 25px auto !important;
  }
}
.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;
}