/**
 * Theme Name:     Vantage Child
 * Author:         SiteOrigin
 * Template:       vantage
 * Text Domain:	   vantage-child
 * Description:    Vantage is a flexible multipurpose theme. Its strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, Smart Slider 3 for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store. We offer free support on our forum (https://siteorigin.com/thread/).
 */
 /* === Custom WooCommerce styling door Janet & Sandra === */
 
 .woocommerce-Tabs-panel > h2:first-of-type {
	display: none;
}

.related-products h2 {
    overflow-wrap: normal;
}
.woocommerce ul.products li.product {
  border: 2px solid #000;
  padding: 10px; /* Adjust padding as needed */
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #bbbbbb;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

h3.entry-title a { font-size: 25px; }

.woocommerce ul.products li.product h2.woocommerce-loop-category__title {
  font-size: 18px; /* Pas dit aan naar wens */
  font-weight: 600; /* Optioneel: maakt het iets vetter */
  color: black; 
  text-align: center;
}

.woocommerce ul.products li.product-category a {
  display: block !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.woocommerce ul.products li.product-category a img:hover {
  border: 5px solid red !important;
  border-radius: 12px !important; /* Maak de hoeken rond */
  box-sizing: border-box !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important; /* Sterkere, diepere schaduw */
  transition: box-shadow 0.3s ease, border 0.3s ease, border-radius 0.3s ease !important;
}

.woocommerce ul.products li.product-category a:hover {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Basisstijl voor productafbeelding */
.archive.woocommerce ul.products li.product img {
  border:5px solid transparent;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

/* Rode kader bij hover over het hele product */
.archive.woocommerce ul.products li.product:hover img {
  border-color: #c62828; /* Dieprood */
}

/* Verwijder standaard hover-border van het hele productblok */
.archive.woocommerce ul.products li.product:hover {
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.archive.woocommerce ul.products li.product:hover {
  box-shadow: none !important;
  outline: none !important;
}

.woocommerce-loop-product__link:focus,
.woocommerce-loop-product__link:hover {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 18px !important; /* Pas aan naar wens: 18px, 22px, enz. */
    font-weight: 200;
    line-height: 1.3;
}

ul.products li.product h2.woocommerce-loop-product__title {
    color: #000 !important;
}

.related ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.related ul.products li.product .woocommerce-loop-product__title {
  min-height: 3em;
}

.related ul.products li.product .price {
  margin-top: auto;
}

.related ul.products li.product {
  min-height: 380px; /* pas aan naar wat visueel werkt */
}

.related ul.products li.product .price {
  font-size: 18px; /* Pas aan naar wens: 16px, 20px, enz. */
  font-weight: bold;
  color: #ffffff; /* optioneel: opvallende kleur */
  text-shadow: 1px 1px #000;
}

/*mobiel*/

@media (max-width: 768px) {
  .related ul.products {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* Sidebar volledig uitschakelen */
#secondary.widget-area {
  display: none !important;
}

/* Content breder maken zodat er geen lege ruimte overblijft */
.content-area,
.site-content {
  width: 100% !important;
}

/* MailPoet popup close button - conflict proof */
.mailpoet_form_popup .mailpoet_close {
  display: block !important;
  position: absolute !important;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  z-index: 99999 !important;
  cursor: pointer;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;   /* zorg dat het klikbaar blijft */
  overflow: visible !important;      /* voorkomt dat het wordt afgesneden */
}

/* fallback styling voor het icoon */
.mailpoet_form_popup .mailpoet_close::before {
  content: "✕";
  font-size: 20px;
  color: #000;
  line-height: 24px;
  text-align: center;
  display: block;
}


/* Fix WooCommerce price visibility */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 1.2em !important;
    color: #000 !important;
    opacity: 1 !important;
}

.woocommerce a.button,
.woocommerce button.button {
    background: #ffffff;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px 20px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: #2a497e;
    color: #fff;
    border-color: #2a497e;
}

/* Center the add-to-cart button in SiteOrigin product loop */
.sow-wc-product .sow-wc-product-button {
    text-align: center !important;
}

.sow-wc-product .button.add_to_cart_button {
    display: inline-block !important;
    margin: 0 auto !important;
}