/*
Theme Name:    Storefront Child Theme
Template:      storefront
Description:   Blank child theme for Storefront
Version:       1.0.0
Text Domain:   storefront
*/

/* ---------------- Base / Layout ---------------- */

#order_review { float:left; width:100%; }

/* Single product: add to cart button */
.product-type-simple .product_type_simple{
  width:20% !important; border:none; display:inline-block; float:none;
  background:#E0F3FF; border-left:1px solid #ddd; color:#000; line-height:38px;
  font-weight:bold; text-align:center; text-transform:uppercase; padding:0;
}
.product-type-simple .product_type_simple:hover{ background:#99CCFF; }

/* Verberg hoeveelheidveld op product */
.product .cart .quantity{ display:none; }

/* Verberg bedragen */
.wpmenucartli .amount,
li.wpmenucartli a.wpmenucart-contents .amount,
.site-header-cart .amount{ display:none !important; }

/* Verberg prijs/subtotaal in tabel */
.shop_table .product-price,
.shop_table .product-subtotal{ display:none; }

/* Product gallery marge */
.woocommerce-product-gallery{ margin-top:15px !important; }

/* Verberg "posted in" */
.product_meta .posted_in{ display:none !important; }

/* Verberg tabs op product */
.storefront-full-width-content .woocommerce-tabs ul.tabs{ display:none; }

/* Verberg shipping estimate */
.woocommerce-shipping-estimate-html{ display:none; }

/* Cart badge positie */
.site-header-cart .cart-contents .count{
  opacity:1; right:30px !important; position:absolute !important; padding-top:6px !important;
}

/* "Bekijk winkelwagen" knop na toevoegen verbergen */
a[title="Bekijk winkelwagen"]{ display:none; }

/* Producttitels max 3 regels */
.woocommerce ul.products li.product h2{
  line-height:2.5ex; height:7.5ex; overflow:hidden;
}

/* Mini-cart: checkout button verbergen */
.woocommerce-mini-cart__buttons .checkout{ display:none !important; }

/* "Added" status */
.type-product .added{ background:green !important; }

/* Checkout review verbergen */
.woocommerce-checkout-review-order-table{ display:none; }
#order_review_heading{ display:none; }

/* Buttons */
button, input[type="button"], input[type="reset"], input[type="submit"],
.button, .widget a.button{
  background:#E0F3FF; border-color:#E0F3FF; color:black;
}
.widget a.button:hover, .entry-summary .button:hover{
  background:#99CCFF; border-color:#99CCFF; color:black;
}

/* Mini-cart achtergrond desktop */
@media (min-width:768px){
  .site-header-cart .widget_shopping_cart{ background:#fff; }
}

/* Paginatitel + footer info verbergen */
.page .entry-title{ display:none; }
.site-info{ display:none; }

/* ---------------- Productafbeeldingen ---------------- */

/* Standaard schaduw + sizing (overal) */
ul.products li.product img{
  box-shadow:4px 4px 12px grey;
  height:240px;
  width:auto;
  object-fit:contain;
}

/* Hover-schaduw ALLEEN op archief/shop/categorie (niet op single product) */
.archive .type-product:hover,
.woocommerce-shop .type-product:hover,
.tax-product_cat .type-product:hover{
  box-shadow:2px 1px 10px #cccccc;
}

/* Content area breedte */
.right-sidebar .content-area{ width:100%; }

/* Helpers */
.hm-image{ min-height:260px; }
.woocommerce-loop-product__link{ color:black; font-weight:400; }

/* Filters sticky (desktop) */
@media (min-width:768px){
  #wpfwoofilterswidget-2{ position:fixed; }
}

/* Login button */
.login-btn{
  background:#0073aa; color:#fff; padding:10px 20px; border-radius:5px;
  text-decoration:none; font-size:16px;
}
.login-btn:hover{ background:#005177; }

/* Zoekvelden breedte auto */
.widget_search form:not(.wp-block-search) input[type=text],
.widget_search form:not(.wp-block-search) input[type=search],
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_product_search form:not(.wp-block-search) input[type=search]{ width:auto; }

/* Menu spacing + VZL button */
.menu-item-10176{ margin-left:60px !important; }
.btnVZL{ padding:16px 15px; color:#fff !important; text-decoration:none; background:#009fff; }

/* ---------------- Header / Navigatie ---------------- */

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a{ padding:16px 15px; color:white; }
.main-navigation ul.menu>li>a:hover,
.main-navigation ul.nav-menu>li>a:hover{ padding:16px 15px; color:black; }
.main-navigation ul li, .secondary-navigation ul li{ background:#009fff; }
.menu-item-10320{ background:#ffffff !important; }
.main-navigation ul li:hover, .secondary-navigation ul li:hover{ background:#0078c1; }

/* Menu knop verbergen op mobiel */
@media (max-width:767px){
  #site-navigation-menu-toggle{ display:none; }
}

/* Zoom-effect op thumbnails bij hover (optioneel) */
.size-woocommerce_thumbnail:hover{
  transform:scale(1.1); transition:transform .3s;
}

/* Productafbeelding breedte override */
.woocommerce ul.products li.product img{ width:auto !important; }

/* Carousel styles */
.random-products-carousel .carousel-item{ padding:10px; text-align:center; }
.random-products-carousel .product-image img{ width:100%; height:auto; }
.random-products-carousel .product-title{ font-size:16px; margin-top:10px; }
.random-products-carousel .price{ font-size:14px; color:#333; margin-top:5px; }
.random-products-carousel .slick-prev,
.random-products-carousel .slick-next{
  background-color:rgba(0,0,0,.5); color:#fff; border-radius:50%; padding:10px;
}

/* Verberg alleen "Facturering en verzending" */
.woocommerce-billing-fields__field-wrapper::before {
    content: none !important;
}

/* Sticky checkout knop - STERK */
.woocommerce-cart .wc-proceed-to-checkout {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    padding: 15px 20px !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15) !important;
    z-index: 9999 !important;
    text-align: center !important;
    margin: 0 !important;
    width: 100% !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Verberg Totalen winkelwagen blok */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals {
    display: none !important;
}

/* Verberg footer op product, winkelwagen en checkout pagina */
.single-product .site-footer,
.single-product .footer-widgets,
.woocommerce-cart .site-footer,
.woocommerce-cart .footer-widgets,
.woocommerce-checkout .site-footer,
.woocommerce-checkout .footer-widgets {
    display: none !important;
}

/* Verberg filters en titel op Limburg pagina */
.term-limburg .wbwpf_product_filter_container {
    display: none !important;
}
.term-limburg .woocommerce-products-header__title,
.term-limburg .page-title {
    display: none !important;
}
.term-limburg form[action*="zoek-folders-op-afstand"] {
    text-align: center !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
}

/* ================================================================
   FIX: Badges positionering + gelijke hoogte kaarten
   ================================================================ */

/* Productkaart: relative voor badges */
.woocommerce ul.products li.product {
    position: relative !important;
}

/* Productlink: static zodat badges op li.product positioneren */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    position: static !important;
    display: block;
}

/* Producttitel */
.woocommerce ul.products li.product h2 {
    text-align: center;
}

/* ================================================================
   TAALVLAGGEN: Vlaggetje rechts boven, NIEUW badge links boven
   Beide positioneren relatief aan li.product
   ================================================================ */

/* Taalvlag badge: rechts boven op productafbeelding */
.fb-taalvlag-badge {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    padding: 3px 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
    line-height: 0;
}

.fb-taalvlag-badge svg {
    display: block;
    border-radius: 2px;
}

/* NIEUW badge: LINKS boven met rood blokje */
.nieuw-badge-categorie {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    background: #e63946;
    color: #fff;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(230, 57, 70, 0.4);
    letter-spacing: 0.5px;
    border: 3px solid #fff;
}

/* Ook standaard WooCommerce sale/new badges naar links */
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .wc-new-badge,
.woocommerce span.onsale {
    left: 8px !important;
    right: auto !important;
    top: 8px !important;
}

/* Single product pagina: vlaggetje */
.woocommerce div.product div.images {
    position: relative;
}

.fb-taalvlag-badge.fb-taalvlag-single {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10;
    padding: 4px 6px;
}

.fb-taalvlag-badge.fb-taalvlag-single svg {
    width: 44px;
    height: 29px;
}

/* Responsive NIEUW badge */
@media (max-width: 768px) {
    .nieuw-badge-categorie {
        padding: 6px 12px;
        font-size: 11px;
        top: 5px !important;
        left: 5px !important;
        border-width: 2px;
    }
}