/*
Theme Name: Pix.nl
Theme URI: https://pix.nl/
Description: Main theme for Pix.nl
Template: woodmart
Version: 1.0.0
Text Domain: parenttheme-child
*/

body {
	color-scheme: light;
    --bgcolor-white: #FFFEF4;
}

.star-rating { 
    color: #FAB816 !important;
}

#reviews .cr-summaryBox-wrap {
    background-color: #f0f0e1;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row {
    background-color: #f0f0e1;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.ivole-meter {
    background: #e2e3d0 !important;
    box-shadow: none !important;
}

.ivole-meter .ivole-meter-bar {
    background: #fab816 !important;
    box-shadow: none !important;
}

#reviews.cr-reviews-ajax-reviews .cr-input-text, .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text, .cr-ajax-search input[type="text"] {
    background: #fffef4 !important;
    border-radius: 5px !important;
    border-color: #bbbbbb !important;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search .cr-ajax-search-icon, .cr-all-reviews-shortcode .cr-ajax-search .cr-ajax-search-icon, .cr-ajax-search .cr-ajax-search-icon {
    fill: #bbbbbb;
}

.crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
    fill: #fab816 !important;
}

.crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
    stroke: #fab816 !important;
}

.acpt-form .acpt-admin-meta-field-input, .acpt-form .acpt-form-control {
    padding: 10px 15px !important;
    max-width: 100% !important;
    width: 100% !important;
    height: var(--wd-form-height) !important;
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color) !important;
    border-radius: var(--wd-form-brd-radius) !important;
    background-color: var(--wd-form-bg) !important;
    box-shadow: none !important;
    color: var(--wd-form-color) !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    transition: border-color .5s ease !important;
}
.acpt-form .acpt-form-label {
    font-weight: 400 !important;
    color: var(--wd-title-color) !important ;
}

.acpt-form .acpt-form-button {
    color: var(--wd-widget-title-color) !important;
    outline: 0 !important;
    background: var(--btn-accented-bgcolor) !important;
}
.acpt-form .acpt-form-button:hover {
    background: var(--btn-accented-bgcolor-hover) !important;
}

.small-button {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.ff-default .ff-el-form-control {
    font-family: var(--btn-font-family, inherit) !important;
}

.rounded {
    border-radius: 5px !important;
}

.whb-header_206444{
   padding-top: 0px !important;
}

/* Custom Loading Overlay Color */
.blockOverlay {
    background-color: rgba(240, 240, 225, 0.8) !important; /* Light beige overlay */
}

.woocommerce-MyAccount-navigation ul li.is-active>a {
    background-color: #f0f0e1;
    cursor: default;
}

.woocommerce-MyAccount-title {
    display: none !important;
}

.page-id-11 .wd-content-layout {
    padding-top: 0px !important;
}


/* Social Accounts icon in My Account navigation */
.wd-my-account-links .social-accounts-link a:before {
    content: '';
    display: block;
    height: 50px;
    margin-bottom: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="%23bbb" stroke-width="1.2" xmlns="http://www.w3.org/2000/svg"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><path d="M22 21v-2a4 4 0 0 0-3-3.87" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.25s ease;
}

/* Hover state for social accounts icon */
.wd-my-account-links .social-accounts-link a:hover:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="rgb(90,0,1)" stroke-width="1.2" xmlns="http://www.w3.org/2000/svg"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><path d="M22 21v-2a4 4 0 0 0-3-3.87" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /></svg>');
}

.social-link-card {
    --btn-bgcolor-hover: #E2E3D0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    background: #f0f0e1;
    padding: 10px;
    border: 0px !important;
}
.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
    border: 0px !important;
}

.wc-block-components-address-card, .wc-block-checkout__payment-method .wc-block-components-checkout-step__content, .wc-block-components-checkout-step__content, .wc-block-checkout__terms{
    font-size: .875em !important;
}

.is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    border-top: 0px !important;
}

.is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open {
    border-bottom: 0px !important;
}
.is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    padding: 0 0 12px 0 !important;
    border-bottom: 0px !important;
}

.wc-block-components-checkbox label {
    font-size: 1em !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted  {
    box-shadow: inset 0 0 0 1.5px var(--wd-primary-color) !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: var(--wd-primary-color) !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border: 1px solid var(--wd-primary-color) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
    outline: 1px solid var(--wd-primary-color) !important;
}
.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
    color: var(--wd-primary-color) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    border: 1px solid var(--wd-primary-color) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: var(--wd-primary-color) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
    outline: 1.5px solid var(--wd-primary-color) !important;
}

table.variations {
    display: none !important;
}

.wpo-options-container {
    --wpo-input-focus-color: rgb(90, 0, 1) !important; 
    --wpo-input-error-color:  rgb(90, 0, 1) ;
}


label.wpo-image-button div.wpo-image-active {
    border-width: 2px;
}

.wpo-image-buttons label.wpo-image-button.pix-barn2-active:focus-within {
    border: 0 !important;

}

.wpo-image-buttons {
    align-items: start !important;
}

.wpo-image-button:has(input:checked) {
    pointer-events: none !important;
}

.wd-event-hover:hover>.wd-dropdown, .wd-event-click.wd-opened>.wd-dropdown, .wd-dropdown.wd-opened {
    background: white;
    border: 2px #dddddd solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.08);
}

.wapf-field-container[data-minc="1"][data-maxc="1"] .wapf-card.wapf-checked {
    pointer-events: none;
}

@media (max-width: 768px) {
    .page-id-9 .wd-page-wrapper .footer-container {
      display: none;
    }
}

.wapf-pricing-hint {
   color: #5a0001;
}

.wapf-card:has(input[data-wapf-price="0"]) .wapf-pricing-hint {
    font-size: 0;
}

.wapf-card:has(input[data-wapf-price="0"]) .wapf-pricing-hint::after {
    content: "GRATIS";
    font-size: 0.9rem; 
}

.woocommerce-message {
    background-color: #f1f0e1;
    color: #22181c;
}

.product_list_widget>li .wd-entities-title {
    text-overflow: ellipsis;
    text-wrap-mode: nowrap;
    overflow: hidden;
}

.cart-info {
    overflow: hidden;
}

ul.variation .item-variation-name {
    display: block;
}

.cart-widget-side { 
    background: #FFFEF4;
}

.woocommerce-mini-cart__buttons .btn-cart {
    background: #F1F0E1 !important;
}

.cr-all-reviews-shortcode {
    font-family: 'Open Sans', sans-serif;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap {  
    background-color: #F1F0E1;
    border-radius: 8px;
}

.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta {
    width: 100%;
}

.cr-voting-cont{
    width: 100%;
}

.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text, .cr-all-reviews-shortcode ol.commentlist li .comment-text {
    border-bottom: 0px !important;
    padding: 0 !important;
}

.cr-all-reviews-shortcode ol.commentlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.cr-all-reviews-shortcode ol.commentlist li {
    break-inside: avoid;
    margin: 0 0 30px 0;
    list-style: none;
    width: 100%;
    padding: 20px;
    background: #f0f0e1;
    border-radius: 8px;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

@media (max-width: 992px) {
    .cr-all-reviews-shortcode ol.commentlist {
        grid-template-columns: 1fr;
    }
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int, .cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-int {
    background: #E2E3D0;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-total-rating-count {
    text-align: center;;
}

.cr-all-reviews-shortcode .cr-show-more-button {
    font-size: 14px;
    background-color: #f0f0e1;
    color: #0E252C;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 0;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.cr-all-reviews-shortcode .cr-button-search  {
    font-size: 14px !important;
    background: #f0f0e1 !important;
    border: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-left: 20px;
}

.cr-all-reviews-shortcode .cr-show-more-button:hover {
    border: 0; 
    background-color: #e2e3d0;
    color: #0E252C;
}

.wd-product.wd-hover-standard .wd-add-btn>a {
    padding: 10px 20px !important;
    font-size: 14px !important;
}

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span {
    font-size: 14px !important;
    min-height: unset !important;
}

.blockUI.blockOverlay {
    opacity: 0 !important;
}


h3 span, h3 div span {
    line-height: 1.6;
    background-color: #F1F0E1;
    margin-left: 6px;
    box-shadow: -6px 0 0 6px #F1F0E1, 6px 0 0 6px #F1F0E1;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  
  h3.terms-h3::before,
  h3.terms-h3::after {
    content: '';
    display: block;
  }
  
  h3.terms-h3::before {
    margin-top: 20px;
  }
  
  h3.terms-h3::after {
    margin-top: 10px;
  }

/* Tiled product - make entire wrapper clickable */
a.product-wrapper-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Ensure buttons remain clickable */
a.product-wrapper-link-top .wd-buttons,
a.product-wrapper-link-top .wd-buttons * {
    position: relative;
    z-index: 10;
}

.wd-product.wd-hover-tiled .product-wrapper {
    box-shadow: none !important;
}



.product-image-wrapper img {
    border-radius: 12px;
}

.product-wrapper:hover img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2), 
    0 10px 30px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

/* Optional: Add transition to the img itself for smoother effect */
.product-wrapper img {
  transition: box-shadow 0.3s ease;
}

.wd-product.wd-hover-tiled .product-element-top { 
    overflow: visible;
}

@media (max-width: 768px) {
  .wd-product :where(.product-wrapper) {
    display: flex !important;
    flex-direction: row !important;
  }
  .wd-products[class*="wd-stretch-cont"] .wd-product :is(.price,.wrap-price,.product-rating-price) {
    margin-top: 0 !important;
  }
  .wd-product.wd-hover-tiled .product-element-top { 
    max-width: 200px;
    width: 30%;
    }
}