/* Reviewcard: gewone pagina's en WooCommerce in de donkere huisstijl. */

/* Pagina's */
.page-main{padding:140px 0 110px;min-height:70vh}
.wrap.narrow{max-width:860px}
.entry h1{margin-bottom:34px}
.entry-content{color:#D8DCE4;font-size:18px}
.entry-content h2,.entry-content h3{font-family:var(--display);color:#fff;margin:40px 0 12px;font-size:26px;letter-spacing:-.01em}
.entry-content a{color:var(--blue-soft)}
.entry-content p,.entry-content li{max-width:68ch}

/* Homepage-aanvullingen */
.reveal-media{position:absolute;inset:0}
.reveal-media img,.reveal-media video{width:100%;height:100%;object-fit:cover}
.pack-more{display:block;text-align:center;margin-top:12px;font-size:15px;color:var(--muted);text-decoration:none}
.pack.feat .pack-more{color:#DCE5FF}
.pack-more:hover{color:#fff}
.face img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
.face.front,.face.back{padding:0;overflow:hidden}

/* Knoppen en velden van WooCommerce */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #payment #place_order,.wc-block-components-button{
  background:var(--blue)!important;color:#fff!important;border:0!important;border-radius:999px!important;font:600 17px var(--body)!important;padding:16px 28px!important;line-height:1.2!important;transition:background .2s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce #payment #place_order:hover{background:var(--blue-hover)!important}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.select2-container--default .select2-selection--single{
  background:#0B0D11!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.18)!important;border-radius:12px!important;min-height:52px;padding:12px 16px!important;font:16px var(--body)!important}
.woocommerce form .form-row textarea{min-height:120px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff!important;line-height:26px!important}
.select2-dropdown{background:#151820!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.woocommerce input.input-text:focus,.woocommerce textarea:focus{border-color:var(--blue)!important;outline:none}
.woocommerce form .form-row label{color:#D8DCE4;font-weight:600;font-size:15px;margin-bottom:6px}
.woocommerce form .form-row .required{color:var(--gold)}
.woocommerce-checkout #order_comments_field .description,.woocommerce form .form-row .description{color:var(--muted)!important;background:none!important;padding:0!important}

/* Meldingen */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.rct-b2b{background:var(--ink-2)!important;color:#D8DCE4!important;border:0!important;border-left:3px solid var(--blue)!important;border-radius:12px;padding:16px 20px!important}
.woocommerce-message:before,.woocommerce-info:before{color:var(--blue-soft)!important}
.woocommerce-error{border-left-color:#FF7A66!important}
.woocommerce-info a,.woocommerce-message a{color:var(--blue-soft)}

/* Productpagina */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.single-product div.product>*{min-width:0}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{float:none!important;width:auto!important;margin:0!important}
.single-product div.product .woocommerce-tabs,.single-product div.product .related,.single-product div.product .up-sells{grid-column:1/-1}
.woocommerce-product-gallery img{border-radius:22px;background:#fff}
.single-product .product_title{font:800 clamp(34px,4vw,56px) var(--display);letter-spacing:-.02em;line-height:1.05;margin:0 0 14px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#fff!important;font:700 32px var(--display)}
.woocommerce div.product p.price del{color:var(--muted);font-size:20px;opacity:1}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce span.onsale{background:var(--gold)!important;color:#111!important;font-weight:700;border-radius:999px!important;min-height:0!important;min-width:0!important;padding:6px 14px!important;line-height:1.2!important;top:16px!important;left:16px!important}
.woocommerce-product-details__short-description{color:#D8DCE4;font-size:18px}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;margin:22px 0}
.woocommerce .quantity .qty{background:#0B0D11;color:#fff;border:1.5px solid rgba(255,255,255,.18);border-radius:12px;height:54px;width:76px}
.single-product form.cart .single_add_to_cart_button{background:var(--blue)!important}
.rct-staffel{border-color:rgba(255,255,255,.1)!important;background:var(--ink-2)}
.rct-staffel-title{background:var(--ink-3)!important;color:#fff}
.rct-staffel td{border-top-color:rgba(255,255,255,.07)!important;color:#D8DCE4}
.rct-staffel tr.is-current td{background:rgba(79,123,255,.16)!important;color:#fff}
.rct-staffel a{color:var(--blue-soft)}
.rct-tag{background:var(--gold)!important;color:#111!important}
.rct-info li:before{color:var(--gold)!important}
.rct-info{color:#D8DCE4}
.rct-sticky{background:var(--ink-2)!important;box-shadow:0 -1px 0 rgba(255,255,255,.08)!important}
.rct-sticky span{color:var(--muted)!important}
.rct-btn{background:var(--blue)!important;border-radius:999px!important}
.woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 20px!important;border:0!important}
.woocommerce-tabs ul.tabs:before{display:none!important}
.woocommerce-tabs ul.tabs li{background:none!important;border:0!important;padding:0!important;margin:0 18px 0 0!important}
.woocommerce-tabs ul.tabs li:before,.woocommerce-tabs ul.tabs li:after{display:none!important}
.woocommerce-tabs ul.tabs li a{color:var(--muted)!important;font:600 18px var(--display)!important;padding:8px 0!important}
.woocommerce-tabs ul.tabs li.active a{color:#fff!important;box-shadow:inset 0 -2px 0 var(--gold)}
.woocommerce-Tabs-panel{color:#D8DCE4;font-size:18px}
.woocommerce-Tabs-panel h2:first-child{display:none}
.woocommerce-Tabs-panel h3{color:#fff;font-size:24px;margin:28px 0 10px}

/* Lijsten (winkel, gerelateerd) */
.woocommerce ul.products li.product{background:var(--ink-2);border-radius:20px;padding:16px!important;text-align:center}
.woocommerce ul.products li.product img{border-radius:14px;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font:700 20px var(--display)!important}
.woocommerce ul.products li.product .price{color:#fff!important;font-size:18px!important}
.woocommerce ul.products li.product .price del{color:var(--muted)}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:var(--muted)}
.woocommerce-breadcrumb{color:var(--muted)!important;margin-bottom:24px!important}
.woocommerce-breadcrumb a{color:var(--muted)!important}
.page-title,.woocommerce-products-header__title{font:800 clamp(38px,5vw,64px) var(--display);margin:0 0 30px}

/* Winkelmand en afrekenen */
.woocommerce table.shop_table{border:0!important;border-radius:18px;background:var(--ink-2);overflow:hidden;color:#D8DCE4}
.woocommerce table.shop_table th{color:#fff;font-weight:600;border-color:rgba(255,255,255,.07)!important}
.woocommerce table.shop_table td{border-color:rgba(255,255,255,.07)!important}
.woocommerce table.shop_table img{border-radius:10px;background:#fff}
.woocommerce a.remove{color:var(--muted)!important}
.woocommerce a.remove:hover{background:#FF7A66!important;color:#fff!important}
.woocommerce-checkout h3,.cart_totals h2{font:700 26px var(--display);color:#fff;margin:0 0 18px}
.woocommerce-checkout #payment{background:var(--ink-2)!important;border-radius:18px}
.woocommerce-checkout #payment div.payment_box{background:var(--ink-3)!important;color:#D8DCE4!important}
.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:var(--ink-3)!important}
.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:rgba(255,255,255,.07)!important}
.woocommerce-checkout #payment ul.payment_methods li{color:#fff}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{color:var(--muted)}
.woocommerce-privacy-policy-text a,.woocommerce-terms-and-conditions-wrapper a{color:var(--blue-soft)}
.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border-color:rgba(255,255,255,.12)!important;border-radius:16px}
.woocommerce-checkout .col2-set{width:auto}

@media (max-width:900px){
  .single-product div.product{grid-template-columns:1fr}
  .page-main{padding-top:110px}
}

/* Hero-film: segmenten liggen boven de stills */
.hero video.seg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;z-index:1}
.hero video.seg.on{opacity:1}
.hero .layer{z-index:0}

/* 1.0.3 */
.woocommerce-message,.woocommerce-info,.woocommerce-error{padding-left:52px!important;position:relative}
.woocommerce-message:before,.woocommerce-info:before,.woocommerce-error:before{left:20px!important;top:16px!important}
.rct-b2b{padding-left:20px!important}
html body.single-product form.cart .quantity{display:none!important}
html body.single-product form.cart .single_add_to_cart_button,html body .rct-sticky .rct-btn{background:var(--blue)!important;border-radius:999px!important;font-size:17px!important;padding:16px 34px!important}
html body.single-product form.cart .single_add_to_cart_button:hover{background:var(--blue-hover)!important}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:48%!important}
#ship-to-different-address{font-size:18px}
@media (max-width:900px){.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%!important;float:none!important}}

/* 1.0.6 Blok "Klaar voor gebruik": foto naar rechts zodat de kaart vrij van de kop staat */
@media (min-width:901px){
  .reveal-media img{transform:translateX(17%)}
  .reveal-media:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#07080B 0,#07080B 17%,rgba(7,8,11,0) 34%)}
}

/* 1.0.8 Winkelmandje: waardebonveld breed genoeg */
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:10px;align-items:center}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:220px!important;min-height:48px}
@media (max-width:768px){.woocommerce-cart table.cart td.actions .coupon .input-text{width:100%!important}}