/* ===== Schil: WooCommerce + MDesign Veiling in de nieuwe stijl ===== */
.sh-hero { background: var(--navy); color: #fff; padding: 60px 0 110px; position: relative; overflow: hidden; }
.sh-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 15%, rgba(226,12,32,.35), transparent 45%), radial-gradient(circle at 0% 100%, rgba(250,185,33,.12), transparent 40%); pointer-events: none; }
.sh-hero--slim { padding: 44px 0 100px; }
.sh-hero__in { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.sh-hero .h2 { margin: 6px 0 10px; font-size: clamp(38px, 5vw, 70px); }
.sh-shopnav { display: flex; gap: 6px; background: rgba(255,255,255,.08); border-radius: 999px; padding: 5px; }
.sh-shopnav a { color: rgba(255,255,255,.8); text-decoration: none; padding: 10px 16px; border-radius: 999px; font: italic 800 15px/1 var(--heading); text-transform: uppercase; display: inline-flex; gap: 6px; align-items: center; }
.sh-shopnav a[aria-current="page"] { background: var(--gold); color: var(--navy); }
.sh-shopnav b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; border-radius: 99px; background: var(--red); color: #fff; font-size: 12px; padding: 0 5px; }

.sh-body { position: relative; z-index: 2; margin-top: -70px; padding-bottom: 100px; }
.sh-card { background: #fff; border-radius: 24px; padding: clamp(18px, 3vw, 40px); box-shadow: 0 20px 44px -28px rgba(14,50,79,.55); color: #22394d; }

/* --- algemene formulieren en knoppen van de plugins --- */
.sh-card input[type="text"], .sh-card input[type="email"], .sh-card input[type="tel"], .sh-card input[type="password"], .sh-card input[type="number"], .sh-card select, .sh-card textarea,
.sh-card .input-text { border: 2px solid var(--ice-2); border-radius: 12px; padding: 11px 14px; font: 15px var(--body); color: var(--navy); background: #fff; box-shadow: none; max-width: 100%; }
.sh-card input:focus, .sh-card select:focus, .sh-card textarea:focus { outline: none; border-color: var(--navy); }
.sh-card label { font-weight: 700; color: var(--navy); }
.sh-card .button, .sh-card button[type="submit"], .sh-card input[type="submit"], .sh-card .checkout-button, .sh-card .wc-block-components-button,
.sh-card [class*="mv-"] button, .sh-card a.mv-terug-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 999px; background: var(--red); color: #fff !important; text-decoration: none;
  padding: 13px 24px; font: italic 900 16px/1 var(--heading); text-transform: uppercase; letter-spacing: .03em; cursor: pointer; transition: background .2s, transform .2s;
}
.sh-card .button:hover, .sh-card button[type="submit"]:hover, .sh-card input[type="submit"]:hover, .sh-card [class*="mv-"] button:hover, .sh-card a.mv-terug-btn:hover { background: var(--red-d); transform: translateY(-2px); }
.sh-card .button.alt, .sh-card .checkout-button { background: var(--red); font-size: 18px; padding: 16px 30px; }
.sh-card a { color: var(--red); }
.sh-card h2, .sh-card h3 { font: italic 900 26px/1.05 var(--heading); text-transform: uppercase; color: var(--navy); }

/* --- meldingen --- */
.sh-card .woocommerce-message, .sh-card .woocommerce-info, .sh-card .woocommerce-error, .sh-card .cart-empty {
  list-style: none; margin: 0 0 20px; padding: 16px 20px; border-radius: 14px; border: 0; background: var(--ice); color: var(--navy); font-weight: 600;
}
.sh-card .woocommerce-message { background: #e8f7ef; color: #11743f; }
.sh-card .woocommerce-error { background: #fdecee; color: var(--red-d); }
.sh-card .woocommerce-message::before, .sh-card .woocommerce-info::before, .sh-card .woocommerce-error::before { display: none; }
.sh-card .return-to-shop .button { margin-top: 6px; }

/* --- shop-overzicht --- */
.sh-card .woocommerce-result-count { color: var(--muted); margin: 0 0 16px; }
.sh-card .woocommerce-ordering { margin: 0 0 20px; float: right; }
.sh-card ul.products { list-style: none; margin: 0; padding: 0; clear: both; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.sh-card ul.products::before, .sh-card ul.products::after { display: none; }
.sh-card ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; background: var(--ice); border-radius: 18px; overflow: hidden; padding-bottom: 16px; text-align: left; transition: transform .25s, box-shadow .25s; }
.sh-card ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 20px 36px -22px rgba(14,50,79,.55); }
.sh-card ul.products li.product a img { width: 100%; aspect-ratio: 1; object-fit: cover; margin: 0 0 12px; background: #fff; }
.sh-card ul.products li.product .woocommerce-loop-product__title { padding: 0 16px; font: italic 900 20px/1.05 var(--heading); text-transform: uppercase; color: var(--navy); }
.sh-card ul.products li.product .price { display: block; padding: 6px 16px 12px; font: italic 900 22px/1 var(--heading); color: var(--red); }
.sh-card ul.products li.product .button { margin: auto 16px 0; }
.sh-card ul.products li.product a { text-decoration: none; }

/* --- productpagina --- */
.sh-card div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 50px); }
.sh-card div.product .woocommerce-product-gallery { width: auto !important; float: none !important; border-radius: 18px; overflow: hidden; }
.sh-card div.product .summary { width: auto !important; float: none !important; }
.sh-card div.product .product_title { font: italic 900 clamp(30px, 4vw, 46px)/.95 var(--heading); text-transform: uppercase; color: var(--navy); margin: 0 0 12px; }
.sh-card div.product p.price { font: italic 900 32px/1 var(--heading); color: var(--red); }
.sh-card div.product form.cart { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 20px 0; }
.sh-card div.product form.cart .qty { width: 80px; }
.sh-card .woocommerce-tabs, .sh-card .related { grid-column: 1 / -1; }
.sh-card .woocommerce-tabs ul.tabs { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0 0 16px; }
.sh-card .woocommerce-tabs ul.tabs li { background: var(--ice); border-radius: 999px; padding: 8px 16px; }
.sh-card .woocommerce-tabs ul.tabs li a { text-decoration: none; color: var(--navy); font-weight: 700; }
.sh-card .woocommerce-tabs ul.tabs li.active { background: var(--navy); }
.sh-card .woocommerce-tabs ul.tabs li.active a { color: #fff; }

/* --- winkelwagen, afrekenen, account --- */
.sh-card table.shop_table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ice-2); border-radius: 16px; overflow: hidden; }
.sh-card table.shop_table th { background: var(--navy); color: #fff; font: 800 12px/1 var(--heading); letter-spacing: .1em; text-transform: uppercase; padding: 14px; text-align: left; }
.sh-card table.shop_table td { padding: 14px; border-top: 1px solid var(--ice); vertical-align: middle; }
.sh-card table.shop_table img { width: 64px; border-radius: 10px; }
.sh-card .cart-collaterals .cart_totals { margin-top: 24px; background: var(--ice); border-radius: 18px; padding: 20px; max-width: 460px; margin-left: auto; }
.sh-card .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sh-card .woocommerce-MyAccount-navigation li a { display: block; background: var(--ice); color: var(--navy); text-decoration: none; padding: 10px 16px; border-radius: 999px; font: italic 800 15px/1 var(--heading); text-transform: uppercase; }
.sh-card .woocommerce-MyAccount-navigation li.is-active a { background: var(--navy); color: #fff; }
.sh-card .woocommerce-form-login, .sh-card .woocommerce-form-register { max-width: 480px; }
.sh-card .form-row { margin: 0 0 14px; display: flex; flex-direction: column; gap: 6px; }

/* --- shirtveiling (MDesign Veiling) --- */
.sh-card .mv-veiling-titel, .sh-card .mv-veiling-titelrij h1, .sh-card .mv-veiling-titelrij h2 { font: italic 900 clamp(28px, 3.6vw, 42px)/1 var(--heading); text-transform: uppercase; color: var(--navy); }
.sh-card .mv-veiling-photos img { border-radius: 18px; }
.sh-card .mv-current-bid, .sh-card .mv-countdown { background: var(--ice); border-radius: 16px; padding: 14px 18px; }
.sh-card .mv-current-bid-amount, .sh-card .mv-countdown-value { font: italic 900 30px/1 var(--heading); color: var(--red); }
.sh-card .mv-countdown-label { font: 800 12px/1 var(--heading); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.sh-card .mv-closed-notice { background: #fdecee; color: var(--red-d); border-radius: 14px; padding: 14px 18px; font-weight: 700; }
.sh-card .mv-auth-tabs { display: inline-flex; gap: 6px; background: var(--ice); border-radius: 999px; padding: 5px; margin-bottom: 18px; }
.sh-card .mv-auth-tab { border-radius: 999px; padding: 10px 18px; font: italic 800 15px/1 var(--heading); text-transform: uppercase; color: var(--muted); cursor: pointer; background: transparent !important; color: var(--muted) !important; }
.sh-card .mv-auth-tab-actief { background: var(--navy) !important; color: #fff !important; }
.sh-card .mv-auth-form { max-width: 560px; }
.sh-card .mv-auth-logo { display: none; }

@media (max-width: 800px) {
  .sh-card div.product { grid-template-columns: 1fr; }
  .sh-card .woocommerce-ordering { float: none; }
  .sh-card table.shop_table_responsive tr td::before { font-weight: 700; color: var(--navy); }
}

/* dubbele titels weg (de hero toont ze al) */
.se-shell .sh-card .woocommerce-products-header, .se-shell .sh-card > h1.page-title, .se-shell--veiling .sh-card .mv-veiling-titelrij h1, .se-shell--veiling .sh-card .mv-veiling-titelrij h2, .se-shell--veiling .sh-card .mv-veiling-titel { display: none; }
/* shirts van de laatste veiling */
.sh-note { background: var(--ice); border-radius: 14px; padding: 14px 18px; font-weight: 600; color: var(--navy); margin: 0 0 20px; }
.sh-shirts { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.sh-shirt { display: flex; flex-direction: column; background: var(--ice); border-radius: 16px; overflow: hidden; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.sh-shirt:hover { transform: translateY(-4px); box-shadow: 0 18px 32px -20px rgba(14,50,79,.55); }
.sh-shirt img, .sh-shirt__ph { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: linear-gradient(160deg, #1b4a70, var(--navy-d)); display: block; }
.sh-shirt b { padding: 12px 14px; font: italic 900 17px/1.1 var(--heading); text-transform: uppercase; color: var(--navy); }

/* ===== WooCommerce: leesbaarheid (overschrijft de standaardkleuren van WooCommerce/Oxygen) ===== */
.se-shell .sh-card table.shop_table thead th { background: var(--navy) !important; color: #fff !important; }
/* rij-kopjes in totalen en besteloverzicht: licht met donkere tekst */
.se-shell .sh-card table.shop_table tbody th,
.se-shell .sh-card table.shop_table tfoot th,
.se-shell .sh-card .cart_totals table th { background: var(--ice) !important; color: var(--navy) !important; font: 700 15px/1.3 var(--body) !important; text-transform: none !important; letter-spacing: 0 !important; width: 40%; }
.se-shell .sh-card table.shop_table td { color: var(--navy) !important; background: #fff; }
.se-shell .sh-card table.shop_table td small, .se-shell .sh-card .includes_tax { color: var(--muted) !important; }
.se-shell .sh-card .cart_totals h2 { color: var(--navy) !important; }
.se-shell .sh-card .cart_totals table { border-top: 0 !important; }
/* alle knoppen in clubstijl, ook de "alt"-knoppen van WooCommerce */
.se-shell .sh-card a.button, .se-shell .sh-card button.button, .se-shell .sh-card input.button,
.se-shell .sh-card .button.alt, .se-shell .sh-card a.checkout-button, .se-shell .sh-card #place_order,
.se-shell .sh-card .wc-proceed-to-checkout .checkout-button, .se-shell .sh-card .single_add_to_cart_button {
  background: var(--red) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
  font: italic 900 17px/1 var(--heading) !important; text-transform: uppercase !important; letter-spacing: .03em !important; padding: 15px 26px !important; text-shadow: none !important;
}
.se-shell .sh-card a.button:hover, .se-shell .sh-card button.button:hover, .se-shell .sh-card .button.alt:hover,
.se-shell .sh-card a.checkout-button:hover, .se-shell .sh-card #place_order:hover, .se-shell .sh-card .single_add_to_cart_button:hover { background: var(--red-d) !important; }
.se-shell .sh-card .button:disabled, .se-shell .sh-card .button.disabled { opacity: .5 !important; }
.se-shell .sh-card .wc-proceed-to-checkout .checkout-button { display: flex !important; width: 100%; justify-content: center; font-size: 19px !important; }
/* afrekenen: velden en besteloverzicht */
.se-shell .sh-card #order_review, .se-shell .sh-card #payment { background: var(--ice) !important; border-radius: 18px !important; }
.se-shell .sh-card #payment .payment_box { background: #fff !important; color: var(--navy) !important; border-radius: 12px; }
.se-shell .sh-card #payment .payment_box::before { display: none; }
.se-shell .sh-card .woocommerce-billing-fields h3, .se-shell .sh-card #order_review_heading { font: italic 900 26px/1 var(--heading) !important; text-transform: uppercase; color: var(--navy) !important; }
.se-shell .sh-card td.actions .coupon .input-text { min-width: 180px; }

/* compacte knoppen in het productoverzicht en de winkelwagen */
.se-shell .sh-card ul.products li.product .button,
.se-shell .sh-card ul.products li.product a.button,
.se-shell .sh-card ul.products li.product .added_to_cart {
  align-self: flex-start; margin: auto 16px 0 !important; padding: 9px 14px !important; font-size: 13px !important; line-height: 1 !important; white-space: nowrap; width: auto !important;
}
.se-shell .sh-card td.actions .button { padding: 10px 16px !important; font-size: 14px !important; }
.se-shell .sh-card .single_add_to_cart_button { padding: 13px 22px !important; font-size: 15px !important; }
.se-shell .sh-card .wc-proceed-to-checkout .checkout-button, .se-shell .sh-card #place_order { font-size: 16px !important; padding: 14px 22px !important; }