/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: Mariener storefront child theme for Rey with a full-viewport WooCommerce PDP, editorial product storytelling and custom footer.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 3.1.5
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */

/*Menu - edits*/
.rey-stickySocial {
    z-index: 1;
}

/*product addon edits*/
.woocommerce div.product form.cart .variations tbody tr:last-child td, .woocommerce div.product form.cart .variations tbody tr:last-child th, .woocommerce div.product form.cart .variations thead tr:last-child td, .woocommerce div.product form.cart .variations thead tr:last-child th {
	display: block !important;
}

.woo-selected-variation-item-name {
		display: none !important;
}

.product-addon-totals { display: none;
}

/*Woocommerce - Swatches*/



/*Woocommerce - Forms*/

.woocommerce form .form-row,
.woocommerce-page form .form-row {
 padding-left: 0px;
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item {
    border-radius: 0px !important; 
}

.woocommerce div.product form.cart .variations label {
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--h3-font-size) !important;
	text-transform: inherit !important;
}


/*Woocommerce - Product Page edits*/
.rey-brandLink { display: none !important; }

.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}

/* Default (desktop) spacing */
.wc-pao-addon-image-swatch {
    margin-bottom: 8px !important;
    margin-right: 8px !important;
    padding: 2px !important;
}

/* Tweak for mobile only */
@media (max-width: 600px) {
  .wc-pao-addon-image-swatch {
    margin-bottom: 10px !important;
    margin-right: 6px !important;
    padding: 2px !important;
  }
  .wc-pao-addon-image-swatch img {
    min-width: 28px !important;
    min-height: 28px !important;
  }
}



/*Woocommerce - Center product images*/
@media (min-width: 1025px){
    .woocommerce.single-skin--fullscreen .rey-product .rey-productSummary {
        min-height: calc(100vh - var(--admin-bar)) !important;
    }
    .woocommerce.single-skin--fullscreen .rey-product div.images {
        align-self: center;
    }
}

/*Rey - Header*/

.rey-mobileNav-header .rey-siteLogo img {
    width: auto !important;
}

/*WEBWINKELKEUR FOOTER*/

.wwk-widget-button-stars-details {
    border: none !important;
}

html[lang^=en] .webwinkelkeur-rich-snippet { display: none; 
}
html[lang^=nl] .webwinkelkeur-rich-snippet { display: none; 
}
html[lang^=de] .webwinkelkeur-rich-snippet { display: none; 
}

/*my account */
.rey-langSwitcher.rey-langSwitcher--layout-list ul img[data-lazy-src] {
	width: 16px;
	height: 11px;
}

@media (orientation: portrait) and (max-width: 1024px) {
  .rey-mainNavigation.rey-mainNavigation--mobile {
    --full-vp-height: 100%;
  }
}

ul.rey-mobileNav--footerItem {
  padding: 0;
  margin: 0 0 10px;
}

ul.rey-mobileNav--footerItem li {
  margin-right: 20px;
}

ul.rey-mobileNav--footerItem li.--active a {
  text-decoration: underline;
}
ul.rey-mobileNav--footerItem img {
  margin-right: 10px;
}

/*checkout fix mobile */
.woocommerce .woocommerce-billing-fields, .woocommerce .woocommerce-shipping-fields .shipping_address, .woocommerce .woocommerce-additional-fields {
    margin-left: 14px !important;
}


.grecaptcha-badge { 
    opacity: 0 !important;
	visibility: hidden !important;
}

/* Homepage background color. Because video is selected, cannot add color in Elementor. */
.home-video-section  {
	background-color: #111;
}
/* Homepage background video height */
.home-video-section > .elementor-background-video-container {
	max-height: 80vh;
}


/* sign up mailpoet checkout margin */
.woocommerce form .form-row label, .woocommerce .wccf_field_container label {
  font-size: 16px !important;
  font-weight: var(--font-weight-regular) !important;
  text-transform: initial !important;
  margin-bottom: 5px;
	margin-left: -0px !important;
  color: #484f56 !important;
}

.elementor-kit-10860 p {
  margin-bottom: 10px !important;
}

.rey-productTitle-wrapper {
  margin-bottom: var(--summary-spacing, 20px);
  margin-top: -20px !important;
}

.variable-product .rey-siteContainer {padding-top: 50px!important;}

/* Viewport PDP owns its own flush hero — never inherit the 50px product offset. */
body.mariener-product-page .rey-siteContainer,
body.mariener-pdp-viewport .rey-siteContainer,
body.mariener-product-page.mariener-pdp-viewport .rey-siteContainer {
	padding-top: 0 !important;
}

/*
 * Rey fixed/absolute header spacer (site-wide).
 *
 * When Overlapping Content is on, Rey hides #rey-siteHeader-helper with
 * --dnone-* (display:none) on every breakpoint. An opaque nav then covers
 * catalog content (e.g. Accessories). Force the helper visible + sized —
 * same idea as Rey's .no-header-overlap, but always for this shop.
 *
 * @see https://support.reytheme.com/kb/gap-space-under-header-on-site-load/
 */
:root {
	--header-default--height: 120px;
}

/*
 * Catalog always keeps the spacer. Phone PDP too (≤767px). Tablet/desktop PDP
 * collapses the helper in pdp-3-1.css so the gallery can sit behind the menu.
 */
body:not(.mariener-pdp-viewport):has(.rey-siteHeader.header-pos--fixed) #rey-siteHeader-helper,
body:not(.mariener-pdp-viewport):has(.rey-siteHeader.header-pos--absolute) #rey-siteHeader-helper,
body:not(.mariener-pdp-viewport):has(.rey-siteHeader.--fixed) #rey-siteHeader-helper {
	display: block !important;
	height: var(--header-default--height) !important;
	max-height: none !important;
	min-height: var(--header-default--height) !important;
	visibility: visible !important;
}

@media (max-width: 767px) {
	body.mariener-pdp-viewport:has(.rey-siteHeader.header-pos--fixed) #rey-siteHeader-helper,
	body.mariener-pdp-viewport:has(.rey-siteHeader.header-pos--absolute) #rey-siteHeader-helper,
	body.mariener-pdp-viewport:has(.rey-siteHeader.--fixed) #rey-siteHeader-helper {
		display: block !important;
		height: var(--header-default--height) !important;
		max-height: none !important;
		min-height: var(--header-default--height) !important;
		visibility: visible !important;
	}
}

/*Woocommerce - Center product images*/
@media (min-width: 1025px){
    .woocommerce.single-skin--fullscreen .rey-product .rey-productSummary {
        min-height: calc(100vh - var(--admin-bar)) !important;
    }
    .woocommerce.single-skin--fullscreen .rey-product div.images {
        align-self: start;
        margin-top: 0px 
    }
}


/* Example: Style the checkout link as a button */
.wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  background-color: #ff4400;
  color: #ffffff;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
}

.wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #292929;
}


/* Ensure each variation row stacks vertically and fills width */
.woocommerce div.product form.cart .variations tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


/* Product Addon Fixes */
.woocommerce .wc-pao-addon-name,
form.cart .wc-pao-addon-name,
.product-addon .wc-pao-addon-name {
    text-transform: none !important;
    font-size: var(--h3-font-size) !important;
    color: #222 !important;
	margin-left: -7px; 
}

.wc-pao-addon {
    margin-top: 0px !important; 
	margin-left: -5px !important; 
}

.wc-pao-addon-image-swatch:first-child { display: none !important; 
  outline: 1px solid #b2b2b2 !important;
}



.wc-pao-addon-image-swatch-select {
  display: none !important;
}

.wc-pao-addon-image-swatch.selected {
    outline-color: #000000 !important; 
    outline-width: 2px !important; 
}

.wc-pao-addon-image-swatch:hover {
 outline:3px solid #000000 !important;
}

.wc-pao-addon-image-swatch {
	outline: 1px solid #b2b2b2 !important;
	margin-bottom: 15px !important; 
	height: 30px !important; 
	width: 30px !important; 
}

.wc-pao-addon-image-swatch img {
    width: 100% !important; 
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
	padding-bottom: 2px !important;
	padding-right: 2px !important;
}

.wc-pao-addon-image-swatch-price {
  display: none !important;
}

/* For image swatches */
.wc-pao-addon-image-swatch {
  margin: 4px !important;
}

.variable-item .swatch-out-of-stock {
  /* you can use JS to traverse up and add a class to the parent */
}

.woocommerce div.product form.cart .variations label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.single-product .rey-swatches form.cart .reset_variations,
.single-product .rey-swatches form.cart .rey-resetVariations {
  display: none !important;
}



  .rey-swatches form.cart tr.--label-i {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    --vari-attr-label-w: 300px!important;
  }

body.wcsr-lookup-active .wcsr-account-col{display:none;}
body.wcsr-lookup-active .wcsr-guest-col{width:100%;max-width:100%;flex:0 0 100%;}

/* Prevent horizontal scroll on body */
body {
    overflow-x: hidden;
}

/* Fix related products container */
.related.products,
.upsells.products {
    overflow-x: hidden;
    max-width: 100%;
}

/* Ensure product grid doesn't overflow */
.related.products ul.products,
.upsells.products ul.products {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

/* Fix individual product items if using negative margins */
.related.products ul.products li,
.upsells.products ul.products li {
    margin-left: 0;
    margin-right: 0;
}



/* Fix mollie icons */
/* Mollie Payment Icons */
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method img,
#add_payment_method #payment ul.payment_methods .wc_payment_method img {
  margin-left: 15px;
}

.payment_method_mollie_wc_gateway_creditcard .mollie-gateway-icon {
  margin-left: 10px !important;
  margin-right: 0px !important;
  display: inline-block;
  vertical-align: middle;
}