/* Massive Pro AV – Rental shop (Supergaaf-style layout, Massive gold accent) */
:root{ --mpv-gold:#E8A33D; --mpv-gold-dark:#c9862a; --mpv-ink:#1a1a1a; --mpv-line:#e6e6e6; --mpv-muted:#7a7a7a; }

/* ---- Shared button style ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt{
  background:var(--mpv-gold); color:#fff; border:0; border-radius:4px;
  font-weight:700; letter-spacing:.2px; padding:.75em 1.4em; text-transform:none;
  transition:background .15s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ background:var(--mpv-gold-dark); color:#fff; }

/* ---- Product grid cards ---- */
.woocommerce ul.products{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0; }
.woocommerce ul.products li.product{ width:auto!important; margin:0!important; float:none!important;
  border:1px solid var(--mpv-line); border-radius:6px; padding:18px 18px 22px; text-align:left;
  background:#fff; display:flex; flex-direction:column; transition:box-shadow .15s ease, transform .15s ease; }
.woocommerce ul.products li.product:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); transform:translateY(-2px); }
.woocommerce ul.products li.product a img{ margin:0 0 14px; object-fit:contain; aspect-ratio:1/1; background:#fff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:1.02rem; font-weight:700; color:var(--mpv-ink); padding:0 0 6px; line-height:1.3; }
.woocommerce ul.products li.product .price{ color:var(--mpv-gold); font-weight:700; font-size:1rem; margin-top:auto; }
.woocommerce ul.products li.product .price .mpv-huur-vanaf{ display:block; }
.woocommerce ul.products li.product .price del{ color:var(--mpv-muted); font-weight:400; }
.woocommerce ul.products li.product .button{ margin-top:12px; align-self:flex-start; }

/* 'Huur vanaf' + btw line */
.mpv-huur-vanaf{ color:var(--mpv-gold); font-weight:700; }
.mpv-btw{ display:block; font-size:.72rem; color:var(--mpv-muted); font-weight:400; margin-top:2px; }

/* ---- Category tiles ---- */
.woocommerce ul.products li.product-category{ border:1px solid var(--mpv-line); border-radius:6px; padding:0; overflow:hidden; text-align:center; }
.woocommerce ul.products li.product-category:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); }
.woocommerce ul.products li.product-category a img{ aspect-ratio:4/3; object-fit:cover; margin:0; width:100%; }
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title{ font-size:1.15rem; font-weight:800; color:var(--mpv-gold); padding:16px 10px; margin:0; }
.woocommerce ul.products li.product-category h2 .count{ background:transparent; color:var(--mpv-muted); font-size:.85rem; }

/* ---- Sort / result bar ---- */
.woocommerce .woocommerce-ordering select{ border:1px solid var(--mpv-line); border-radius:4px; padding:.5em 2em .5em .8em; }
.woocommerce .woocommerce-result-count{ color:var(--mpv-muted); }

/* ---- Single product ---- */
.woocommerce div.product .product_title{ font-weight:800; letter-spacing:-.5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--mpv-gold); font-size:1.6rem; font-weight:800; }
.woocommerce div.product p.price .mpv-btw, .woocommerce div.product span.price .mpv-btw{ font-size:.8rem; }
.woocommerce div.product form.cart{ margin-top:14px; }
.woocommerce div.product form.cart .button{ font-size:1.05rem; padding:.9em 1.8em; }
.woocommerce div.product .quantity input.qty{ height:44px; border:1px solid var(--mpv-line); border-radius:4px; }

/* USP checklist */
ul.mpv-usp{ list-style:none; margin:22px 0 0; padding:18px 0 0; border-top:1px solid var(--mpv-line); }
ul.mpv-usp li{ position:relative; padding:0 0 10px 30px; color:var(--mpv-ink); }
ul.mpv-usp li:before{ content:"✓"; position:absolute; left:0; top:-1px; color:#3aaa35; font-weight:800; font-size:1.1rem; }

/* ---- Rental period / delivery fields at checkout ---- */
.mpv-rental-fields{ background:#faf7f0; border:1px solid #efe4cf; border-radius:6px; padding:18px 20px 6px; margin:0 0 22px; }
.mpv-rental-fields h3{ margin-top:0; }
.mpv-rental-fields .form-row{ margin-bottom:14px; }

/* ---- Coming-soon note tidy (dev) ---- */
.woocommerce-breadcrumb{ color:var(--mpv-muted); font-size:.85rem; }

/* ---- Responsive ---- */
@media (max-width:1024px){ .woocommerce ul.products{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:768px){ .woocommerce ul.products{ grid-template-columns:repeat(2,1fr); gap:16px;} }
@media (max-width:480px){ .woocommerce ul.products{ grid-template-columns:1fr;} }


/* ============ v2 tweaks: sidebar menu, cart button, spacing ============ */

/* ---- Left category menu ---- */
.astra-woo-shop-sidebar .widget-title,
.widget_product_categories .widget-title{ font-size:1.05rem; font-weight:800; color:var(--mpv-ink); text-transform:uppercase; letter-spacing:.4px; padding-bottom:12px; margin-bottom:8px; border-bottom:2px solid var(--mpv-gold); }
.widget_product_categories ul.product-categories{ list-style:none; margin:0; padding:0; }
.widget_product_categories ul.product-categories li{ list-style:none; margin:0; border-bottom:1px solid var(--mpv-line); }
.widget_product_categories ul.product-categories li a{ display:inline-block; padding:9px 2px; color:var(--mpv-ink); font-weight:600; text-decoration:none; transition:color .12s ease; }
.widget_product_categories ul.product-categories li a:hover{ color:var(--mpv-gold); }
.widget_product_categories .count{ color:var(--mpv-muted); font-weight:400; float:right; padding:9px 2px; }
.widget_product_categories li.current-cat > a,
.widget_product_categories li.current-cat-parent > a,
.widget_product_categories li.current-cat-ancestor > a{ color:var(--mpv-gold); font-weight:800; }
.widget_product_categories ul.children{ margin:0; padding-left:14px; border-top:1px solid var(--mpv-line); }
.widget_product_categories ul.children li{ border-bottom:0; }
.widget_product_categories ul.children li a{ padding:6px 2px; font-weight:400; font-size:.94em; color:#555; }
.widget_product_categories ul.children li a:hover{ color:var(--mpv-gold); }
.widget_product_categories ul.children .count{ padding:6px 2px; font-size:.85em; }
/* search widget */
.astra-woo-shop-sidebar .widget_product_search{ margin-top:22px; }
.astra-woo-shop-sidebar .widget_product_search input[type=search]{ border:1px solid var(--mpv-line); border-radius:4px; padding:.6em .8em; width:100%; }

/* ---- Floating 'Mijn setup' cart button ---- */
.mpv-cart-fab{ position:fixed; right:86px; bottom:24px; min-height:50px; box-sizing:border-box; z-index:9990; display:inline-flex; align-items:center; gap:10px; background:var(--mpv-gold); color:#fff!important; font-weight:700; padding:12px 20px; border-radius:40px; box-shadow:0 6px 20px rgba(0,0,0,.22); text-decoration:none; transition:background .15s ease, transform .15s ease; }
.mpv-cart-fab:hover{ background:var(--mpv-gold-dark); transform:translateY(-2px); color:#fff!important; }
.mpv-cart-ico{ width:20px; height:20px; display:inline-block; background:no-repeat center/contain; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/></svg>"); }
.mpv-cart-count{ background:#fff; color:var(--mpv-gold-dark); font-weight:800; min-width:22px; height:22px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; padding:0 6px; }
/* sits left of the back-to-top arrow (#mpv-totop: 50px at right 24px, 46px at right 16px under 782px), 12/10px gap. 2026-09-30 */
@media (max-width:782px){ .mpv-cart-fab{ right:72px; bottom:16px; min-height:46px; } }
@media (max-width:600px){ .mpv-cart-fab .mpv-cart-txt{ display:none; } .mpv-cart-fab{ right:72px; bottom:16px; padding:12px 14px; } }

/* ---- Reduce whitespace between header and body ---- */
.woocommerce-page #primary,
.archive.woocommerce #primary,
.post-type-archive-product #primary{ padding-top:18px!important; }
.woocommerce-page .woocommerce-breadcrumb,
.archive.woocommerce .woocommerce-breadcrumb{ margin-top:0; margin-bottom:10px; }
.woocommerce-products-header{ margin-top:0; padding-top:0; }
.woocommerce-products-header__title.page-title,
.woocommerce .term-description + .products{ margin-top:10px; }
.ast-woocommerce-container{ padding-top:10px!important; }

/* ---- Kill Astra's big top gap on shop pages ---- */
.woocommerce-page #primary.content-area,
.archive.woocommerce #primary.content-area,
.post-type-archive-product #primary.content-area,
.woocommerce-page.single-product #primary.content-area{ margin-top:12px!important; padding-top:0!important; }
.woocommerce-page .site-content,
.archive.woocommerce .site-content,
.post-type-archive-product .site-content{ padding-top:8px!important; }

.mpv-delivery-note{font-size:.85em;color:#666;margin-top:.6em;line-height:1.45;}

/* MPV cart UX v2 css */
td.product-quantity .quantity{display:inline-flex;align-items:center;}
.mpv-qty-btn{width:32px;height:38px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer;font-size:18px;line-height:1;color:#333;}
.mpv-qty-btn:hover{background:#eee;}
.mpv-qty-minus{border-radius:4px 0 0 4px;}
.mpv-qty-plus{border-radius:0 4px 4px 0;}
td.product-quantity .quantity input.qty{width:48px;text-align:center;height:38px;border-left:0;border-right:0;border-radius:0;}
.mpv-cart-enhanced .woocommerce-cart-form td.product-remove,.mpv-cart-enhanced .woocommerce-cart-form th.product-remove{width:0;max-width:0;padding:0;border:0;overflow:hidden;}
td.product-subtotal a.remove.mpv-remove-right{float:right;margin-left:12px;color:#c00;font-weight:700;text-decoration:none;}
.mpv-btw-note td{font-size:.85em;color:#666;font-weight:400;text-align:right;}

/* Jouw evenement - layout fix 2026-07-01 */
.mpv-rental-fields{ overflow:hidden; }
.mpv-rental-fields .mpv-date-row{ display:flex; gap:16px; flex-wrap:wrap; }
.mpv-rental-fields .mpv-date-row .mpv-col{ flex:1 1 200px; float:none; width:auto; margin-bottom:14px; }
.mpv-rental-fields #mpv_fulfilment_field{ clear:both; margin-bottom:6px; }
.mpv-rental-fields .mpv-block-label{ display:block; font-weight:600; margin-bottom:8px; }
.mpv-rental-fields .mpv-radio-list{ display:flex; flex-direction:column; gap:10px; }
.mpv-rental-fields .mpv-radio{ display:flex; align-items:flex-start; gap:10px; font-weight:400; cursor:pointer; margin:0; }
.mpv-rental-fields .mpv-radio input{ margin:3px 0 0; flex:0 0 auto; width:auto; }
.mpv-rental-fields .mpv-radio span{ line-height:1.4; }

/* mpv-rental-fields spacing 2026-07-01 */
.mpv-rental-fields{ margin-top:28px; }

.mpv-rental-fields .mpv-rental-note{ font-size:.9em; color:#3a3a3a; background:#fff; border-left:3px solid #E8A33D; padding:8px 12px; margin:2px 0 16px; line-height:1.5; border-radius:3px; }

/* ---------- Shop/category live product search (top-right) ---------- */
.mpv-shop-search{float:right;width:320px;max-width:100%;margin:0 0 18px 24px;position:relative;z-index:20}
.mpv-shop-search-form{position:relative;display:flex;align-items:center}
.mpv-shop-search-input{width:100%;padding:11px 44px 11px 14px;border:1px solid #d9d9d9;border-radius:6px;font-size:15px;line-height:1.3;background:#fff;transition:border-color .15s,box-shadow .15s}
.mpv-shop-search-input:focus{outline:none;border-color:#E8A33D;box-shadow:0 0 0 3px rgba(232,163,61,.18)}
.mpv-shop-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#E8A33D;cursor:pointer;padding:0}
.mpv-shop-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden;max-height:70vh;overflow-y:auto}
.mpv-ss-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #f0f0f0;text-decoration:none;color:#222}
.mpv-ss-item:last-child{border-bottom:0}
.mpv-ss-item:hover,.mpv-ss-item.is-active{background:#faf3e6}
.mpv-ss-item img{width:44px;height:44px;object-fit:contain;flex:0 0 44px;background:#f7f7f7;border-radius:4px}
.mpv-ss-txt{display:flex;flex-direction:column;min-width:0}
.mpv-ss-name{font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpv-ss-price{font-size:12px;color:#E8A33D;margin-top:2px}
.mpv-ss-empty{padding:14px;font-size:14px;color:#777;text-align:center}
@media (max-width:782px){.mpv-shop-search{float:none;width:100%;margin:0 0 16px}}

/* ---------- Producten per pagina selector ---------- */
.mpv-ppp{display:inline-flex;align-items:center;gap:8px;float:left;margin:0 0 0 22px}
.mpv-ppp-label{font-size:14px;color:#555}
.mpv-ppp select{padding:8px 10px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}
.mpv-ppp select:focus{outline:none;border-color:#E8A33D;box-shadow:0 0 0 3px rgba(232,163,61,.18)}
@media (max-width:782px){.mpv-ppp{float:none;margin:8px 0 0}}


/* ============ CHAT8: breadcrumbs, product-tabs, sidebar-pijltjes ============ */

/* ---- Breadcrumbs productpagina ---- */
.mpv-crumbs{ font-size:.88em; color:#777; margin:0 0 20px; }
.mpv-crumbs a{ color:#555; text-decoration:none; font-weight:600; }
.mpv-crumbs a:hover{ color:var(--mpv-gold); }
.mpv-crumb-sep{ margin:0 8px; color:var(--mpv-gold); font-weight:700; }

/* ---- Product-tabs: actieve tab goud ---- */
.woocommerce div.product .woocommerce-tabs ul.tabs{ display:flex; gap:6px; border-bottom:2px solid var(--mpv-gold); margin:0 0 24px; padding:0 0 0 2px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ margin:0; padding:0; background:#f5f5f5; border:1px solid var(--mpv-line); border-bottom:0; border-radius:8px 8px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ display:block; padding:11px 22px; font-weight:700; color:#555; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{ color:var(--mpv-ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:var(--mpv-gold); border-color:var(--mpv-gold); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:#1b1b1b; }

/* ---- Zwevende pijltjes bij parent-categorieen in sidebar verbergen ---- */
.widget_product_categories ul.product-categories li.cat-parent::before{ display:none !important; }
/* ---- CHAT8b: parent-categorieen (Dj gear, Lights) als vetgedrukte tussenkoppen ---- */
.widget_product_categories ul.children > li.cat-parent > a{ font-weight:800; color:var(--mpv-ink); font-size:1em; padding-top:12px; }
.widget_product_categories ul.children > li.cat-parent{ border-bottom:1px solid var(--mpv-line); }
.widget_product_categories ul.children > li.cat-parent > .count{ font-weight:600; padding-top:12px; }
/* Categorie boven de producttitel: vet, en wat lucht erboven (20-09-2026) */
.woocommerce div.product .summary .single-product-category{display:block;margin-top:1.25rem;margin-bottom:.35rem;font-weight:700}
.woocommerce div.product .summary .single-product-category a{font-weight:700;text-decoration:none}

/* btw-aanduiding per regel 2026-09-22 */
.mpv-vat-hint{font-size:.78em;color:#777;font-weight:400;white-space:nowrap;}
.shop_table .mpv-vat-hint,.cart_totals .mpv-vat-hint{margin-left:4px;}

/* mpv-adresrij: labels naast elkaar even hoog houden 2026-09-22 */
@media (min-width:783px){
.woocommerce form .form-row-first > label,
.woocommerce form .form-row-last > label{min-height:1.5em;}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last{display:flex;flex-direction:column;justify-content:flex-end;}
}

/* mpv-placeholder: lichtgrijze voorbeeldteksten 2026-09-22 */
.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder,
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder{color:#a3a3a3;opacity:1;font-style:normal;}

/* mpv-bedankt: bevestigingsregel op de bedankpagina 2026-09-22 */
.woocommerce-order-received .woocommerce-notice--success{display:block;margin:3rem 0 1.5rem;font-size:1rem;line-height:1.5;font-weight:400;color:#1b1b1b;}
.mpv-bedankt-kop{display:block;font-size:1.45rem;font-weight:700;line-height:1.3;margin-bottom:.7rem;}
.mpv-bedankt-sub{display:block;font-size:1rem;line-height:1.55;}
.mpv-bedankt-sub a{color:#E8A33D;font-weight:600;text-decoration:none;}
.mpv-bedankt-sub a:hover{text-decoration:underline;}
@media (max-width:782px){.woocommerce-order-received .woocommerce-notice--success{margin-top:2rem;font-size:1.2rem;}}

/* huurperiode in besteloverzicht 2026-09-23 */
.woocommerce-checkout .order-rental-period{margin:0 0 10px;}
.woocommerce-checkout .order-rental-period p{margin:0;font-weight:700;color:#1b1b1b;}
