/* === Vuur & Vlam — WooCommerce dark overlay op Fire & Frame === */
.storefront-breadcrumb, .site-header, .storefront-sorting .woocommerce-result-count { display: none; }
.site-footer, .footer-widgets { display: none; }
body, .site, .site-content, .hentry .entry-content { background: var(--void, #000); color: #fafafa; }
.site-main { padding-top: 90px; }
.col-full { max-width: 1200px; }

h1,h2,h3,h4 { font-family: 'Inter Tight','Inter',sans-serif; color: #fafafa; letter-spacing: -0.02em; }
.woocommerce-products-header__title.page-title, .entry-title {
  font-family: 'Inter Tight','Inter',sans-serif; font-weight: 900; font-size: 3rem; color:#fafafa;
}
a { color: #ffaa00; }
p, .woocommerce-Tabs-panel, .product_meta, .woocommerce-product-details__short-description { color:#bbb; }

ul.products li.product {
  background: #0a0a0a; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 0 0 18px; overflow: hidden; transition: transform .25s, border-color .25s;
}
ul.products li.product:hover { transform: translateY(-4px); border-color: rgba(255,170,0,0.45); }
ul.products li.product .woocommerce-loop-product__title { color:#fafafa; font-family:'Inter Tight',sans-serif; font-weight:700; font-size:1.15rem; padding: 12px 16px 0; }
ul.products li.product .price { color:#ffaa00 !important; font-weight:700; padding: 0 16px; }
ul.products li.product .button, .single_add_to_cart_button, .checkout-button, #place_order,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: #ffaa00; color: #000; font-weight: 700; border-radius: 100px; border: 0;
  padding: 12px 26px; transition: background .2s, transform .2s;
}
ul.products li.product .button:hover, .single_add_to_cart_button:hover, #place_order:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #fafafa; color:#000; transform: translateY(-1px); }

.single-product div.product .price { color: #ffaa00; font-size: 1.6rem; font-weight: 800; }
.single-product div.product .woocommerce-tabs ul.tabs li { background: #111; border-color: #222; }
.single-product div.product .woocommerce-tabs ul.tabs li a { color:#bbb; }
.single-product div.product .woocommerce-tabs .panel { background: #0a0a0a; color:#bbb; }

.woocommerce table.shop_table { background:#0a0a0a; border:1px solid rgba(255,255,255,0.08); border-radius:12px; color:#eee; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: rgba(255,255,255,0.07); color:#ddd; }
.cart_totals h2, #order_review_heading, .woocommerce-billing-fields h3 { color:#fafafa; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single {
  background:#111; border:1px solid #2a2a2a; color:#eee; border-radius:8px; padding:10px 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color:#eee; }
.woocommerce form .form-row label { color:#999; }
#payment, .woocommerce-checkout #payment { background:#0a0a0a; border-radius:12px; }
.woocommerce-checkout #payment div.payment_box { background:#161616; color:#ccc; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color:#161616; }
.wc_payment_method label { color:#eee; }
.woocommerce-info, .woocommerce-message, .woocommerce-error {
  background:#111; color:#eee; border-top-color:#ffaa00;
}
.woocommerce-message::before { color:#ffaa00; }
.woocommerce-info a, .woocommerce-message a { color:#ffaa00; }

span.onsale { background:#ffaa00; color:#000; }

.mwb-mbfw-booking-form, .mwb_mbfw_booking_form_wrapper { background:#0a0a0a; color:#ddd; border-radius:12px; padding:16px; }
.mwb-mbfw-booking-form input, .mwb-mbfw-booking-form select { background:#111; color:#eee; border:1px solid #2a2a2a; }

.woocommerce .quantity .qty { background:#111; color:#eee; border:1px solid #2a2a2a; border-radius:8px; }

.woocommerce-order-overview { background:#0a0a0a; border-radius:12px; padding:18px; color:#ddd; }
.woocommerce-thankyou-order-received { color:#fafafa; font-family:'Inter Tight',sans-serif; font-size:1.6rem; font-weight:800; }

/* === WD05: sidebar weg + volle breedte + zoek/meta-chrome weg === */
.widget-area, .storefront-handheld-footer-bar, .site-search { display: none !important; }
.content-area { width: 100% !important; float: none !important; margin-right: 0 !important; }
.woocommerce-products-header { padding-top: 0; }

/* === WD06: mandje-teller-badge in de nav === */
.vv-cart-count {
  display: inline-block;
  background: #ffaa00;
  color: #000;
  border-radius: 100px;
  padding: 1px 8px;
  margin-left: 7px;
  font-weight: 700;
  font-size: 0.72rem;
  line-height: 1.5;
  vertical-align: 1px;
  transition: transform .2s;
}
.nav-cine ul a.vv-cart-link:hover .vv-cart-count { transform: scale(1.08); }

/* === WD07: blocks-checkout & blocks-cart — donker met leesbare velden === */
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { color: #eaeaea; }

/* Invulvelden: donker vlak, lichte tekst, duidelijk kader */
.wp-block-woocommerce-checkout input:not([type=checkbox]):not([type=radio]),
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea,
.wp-block-woocommerce-cart input:not([type=checkbox]):not([type=radio]) {
  background: #121212 !important;
  color: #f2f2f2 !important;
  border: 1px solid #3a3a3a !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.wp-block-woocommerce-checkout input:focus,
.wp-block-woocommerce-checkout select:focus,
.wp-block-woocommerce-checkout textarea:focus {
  border-color: #ffaa00 !important;
  outline: none !important;
}

/* Zwevende labels: altijd zichtbaar grijs, amber bij actief veld */
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-components-country-input label,
.wc-block-components-state-input label,
.wc-block-components-textarea label,
.wc-block-components-combobox label {
  color: #a8a8a8 !important;
  opacity: 1 !important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input:focus-within label,
.wc-block-components-combobox.is-active label {
  color: #ffaa00 !important;
}

/* Stap-koppen en toelichting */
.wc-block-components-checkout-step__title { color: #fafafa; }
.wc-block-components-checkout-step__description { color: #969696; }

/* Keuzekaarten (verzending / betaling): donker, amber bij selectie */
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
  background: #101010 !important;
  border: 1px solid #2c2c2c !important;
  color: #eaeaea !important;
  border-radius: 10px;
}
.wc-block-components-radio-control__label,
.wc-block-components-radio-control__secondary-label,
.wc-block-components-radio-control__option-layout { color: #eaeaea !important; }
.wp-block-woocommerce-checkout input[type=radio],
.wp-block-woocommerce-checkout input[type=checkbox] { accent-color: #ffaa00; }
.wc-block-components-radio-control__option:has(input:checked),
.wc-block-components-radio-control-accordion-option:has(input:checked) {
  border-color: #ffaa00 !important;
}

/* Besteloverzicht + totalen */
.wc-block-components-order-summary .wc-block-components-product-name,
.wc-block-components-totals-item, .wc-block-components-totals-footer-item,
.wc-block-components-totals-coupon, .wc-block-components-panel__button { color: #eaeaea !important; }
.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount { color: #ffaa00; }
.wc-block-components-panel, .wc-block-components-totals-wrapper { border-color: #262626 !important; }

/* Afrekenknop */
.wc-block-components-checkout-place-order-button {
  background: #ffaa00 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
}
.wc-block-components-checkout-place-order-button:hover { background: #fafafa !important; }

/* === WD08: bedankpagina invite-blok === */
.vv-invite {
  background: #0f0f0f;
  border: 1px solid #2a2a2a;
  border-left: 3px solid #ffaa00;
  border-radius: 12px;
  padding: 26px 28px;
  margin: 28px 0;
}
.vv-invite h3 { font-family: 'Inter Tight','Inter',sans-serif; margin: 0 0 8px; }
.vv-invite h3 + p { margin-bottom: 22px; color: #bbb; }
.vv-invite p strong { color: #ffaa00; }
.vv-invite .btn-cine { display: inline-block; margin-top: 6px; }

/* === WD09: referral-link weergave === */
.vv-ref-link {
  display: inline-block;
  background: #161616;
  border: 1px dashed #ffaa00;
  border-radius: 8px;
  padding: 8px 14px;
  color: #ffaa00;
  font-size: 0.9rem;
  word-break: break-all;
}

/* === WD11: order-pay (betaallink-pagina) — volledig donker + mobiel leesbaar === */
.woocommerce-order-pay #order_review,
.woocommerce-order-pay #payment,
.woocommerce-order-pay table.shop_table,
.woocommerce-order-pay table.shop_table th,
.woocommerce-order-pay table.shop_table td,
.woocommerce-order-pay table.shop_table thead th,
.woocommerce-order-pay table.shop_table tfoot th,
.woocommerce-order-pay table.shop_table tfoot td {
  background: #0d0d0d !important;
  color: #eaeaea !important;
  border-color: #262626 !important;
}
.woocommerce-order-pay table.shop_table {
  width: 100%;
  border: 1px solid #262626 !important;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce-order-pay table.shop_table th,
.woocommerce-order-pay table.shop_table td { padding: 12px 14px; }
.woocommerce-order-pay .product-name, .woocommerce-order-pay .product-quantity { color: #eaeaea !important; }
.woocommerce-order-pay .woocommerce-Price-amount { color: #ffaa00 !important; }
.woocommerce-order-pay .includes_tax { color: #8a8a8a !important; font-size: 0.85em; }

.woocommerce-order-pay #payment { border-radius: 12px; padding: 6px 10px; }
.woocommerce-order-pay #payment ul.payment_methods { border: 0 !important; }
.woocommerce-order-pay #payment ul.payment_methods li {
  background: #101010 !important;
  border: 1px solid #2c2c2c !important;
  border-radius: 10px;
  margin: 8px 0;
  padding: 12px 14px;
}
.woocommerce-order-pay #payment ul.payment_methods li:has(input:checked) { border-color: #ffaa00 !important; }
.woocommerce-order-pay .wc_payment_method label { color: #eaeaea !important; }
.woocommerce-order-pay #payment div.payment_box { background: #181818 !important; color: #c8c8c8 !important; }
.woocommerce-order-pay #payment div.payment_box::before { border-bottom-color: #181818 !important; }
.woocommerce-order-pay #payment input[type=radio] { accent-color: #ffaa00; }

.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper,
.woocommerce-order-pay .woocommerce-privacy-policy-text,
.woocommerce-order-pay .woocommerce-privacy-policy-text p { background: transparent !important; color: #969696 !important; }

@media (max-width: 600px) {
  .woocommerce-order-pay table.shop_table th,
  .woocommerce-order-pay table.shop_table td { padding: 10px 8px; font-size: 0.92rem; }
  .woocommerce-order-pay .entry-title, .woocommerce-order-pay h1 { font-size: 2.2rem; }
}
