/**
Theme Name: Snaakontwerp
Author: Imagewize
Author URI: https://imagewize.com
Description: Snaakontwerp Astra child theme

Child theme to support WooCommerce and Fancy Product Designer for the snaakontwerp.nl website.

This child theme has been build and customized by Imagewize.

Version: 1.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: snaakontwerp
Template: astra
*/

.fpd-product-designer-wrapper .fpd-container {
    min-height: 700px;
}

.woocommerce .elementor-add-to-cart .cart .e-atc-qty-button-holder {
    display: flex;
}

.single_add_to_cart_button.button.alt {
    margin-left: 20px;
}


.ast-mobile-svg.ast-close-svg {
    width: 20px !important;
    height: 20px !important;
}

/**
* Hide pricing so price can be dealt with later post order

*/
.woocommerce-Price-amount.amount, 
.product-total, .cart-subtotal, 
.order-total, .product-subtotal,
.product-price {
    display: none;
}

.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-quantity,
.woocommerce table.cart td.product-subtotal {
    visibility: hidden;
}

.single-product form.cart .single_add_to_cart_button {
    padding: 6px 7px 5px 7px;
    font-size: 0.8em;
}

/* Hide WooCommerce Price Details */

.woocommerce-order-overview__total.total {
    display: none;
}

.woocommerce-shipping-totals.shipping {
    display: none;
}

.woocommerce-checkout tfoot {
    display: none;
}

/* Fancy Product Designer logos background */

.fpd-grid-columns-2 .fpd-grid>.fpd-item,
.fpd-thumbnail-preview {
    background: #B5B5B5;
}

/* Fancy Product Designer logos background */

.fpd-grid-columns-2 .fpd-grid>.fpd-item,
.fpd-thumbnail-preview {
    background: #B5B5B5;
}

/* Hide Category on Home and Products Page */

.home ul.products li.product .ast-woo-product-category,
.post-type-archive-product ul.products li.product .ast-woo-product-category {
	display:none;
}

/* Dynamic Product Link Button Shortcode button styling */

div.elementor-shortcode a.dynamic-product-link-button {
	background-color: #1C3E48;
	border-radius: 10px 10px 10px 10px;
}

div.elementor-shortcode a.dynamic-product-link-button:hover {
    background-color:#E68543;
}

/** cart video banner aspect ratio */
.woocommerce-cart .e-hosted-video.elementor-wrapper.elementor-open-inline {
aspect-ratio: 7.2/1;
}

/* Checkout Product Quantity */
.woocommerce-checkout .product-quantity {
	display:none;
}


 /* Stijl voor FPD */

.fpd-container .fpd-grid>.fpd-category.fpd-item>span{white-space:unset}
.fpd-modal-product-designer fpd-actions-bar .fpd-total-price{display:none!important}
/* Apply the initial styles */

.fpd-blue-btn {
    background: #e68543;
    color: #fff;
    padding: 10px 20px;
    font-size: 19px;
    letter-spacing: 1.5px;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s;
}

/* fancy product designer next step and style button styling */

.fpd-container fpd-actions-bar .fpd-btn.fpd-btn-fill {
    background:#E68543;
}

.fpd-blue-btn:hover {
    background: #ffbc71;
    color: #fff; /* Text color remains white when hovered */
}


.fpd-container fpd-actions-bar .fpd-btn.fpd-btn-fill:hover {
    background-color: #ffbc71;
    color: #fff; /* Text color remains white when hovered */
}



/* Shop & Category Category Dropdown Styling */
.woocommerce-js .select2-container .select2-selection--single, 
.woocommerce-js select, 
.woocommerce-page .select2-container .select2-selection--single, 
.woocommerce-page select {
	border-color:white !important;
}

.single-product .wcpa_row select {
    border-color: #c6d0e9 !important;
}

/* desktop */
@media (min-width:767px) {
    .woocommerce-js .select2-container .select2-selection--single, 
    .woocommerce-js select, 
    .woocommerce-page .select2-container .select2-selection--single, 
    .woocommerce-page select {
        display: none;
    }
    /* WooCommerce Addons Select boxes should display */
    .single-product .wcpa_row select {
        display:inline-block;
    }
}

/* mobile view*/
@media (max-width:544px) {
	.woocommerce .woocommerce-ordering, 
	.woocommerce-page .woocommerce-ordering {
	float: none;
	margin-bottom: 0em;
	}
	.elementor-element .woocommerce .woocommerce-result-count {
	margin-left:10px;
    }
    .woocommerce-product-gallery__image {
        width: 100vw;
    }
    /* .wcpa_wrap {
        width: 330px;
        } */
}

/* debug */
/* * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
  } */

  /* remove product quantity in cart & checkout */
.product-quantity {
    display: none;
}

/* keep notices displayed while hiding other elements like pricing and such */
.woocommerce .woocommerce-notices-wrapper {
    display: inherit;
}

@media only screen and (max-width: 435px) {
    .woocommerce table.shop_table_responsive tr, 
    .woocommerce-page table.shop_table_responsive tr {
          display: grid !important;
      }
}

/* CSS for mobile devices shop page for thumbnail shrinking for a better fit */
@media only screen and (max-width: 767px) {
    /* Target WooCommerce shop page */
    body.woocommerce-shop ul.products li.product a img {
        max-width: 40vw;
    }
    body.woocommerce-shop ul.products li.product .acf-field-content {
        font-size: 0.9em;
        }
}

/* vier daagse menu item */
.vier-daagse.menu-item {
    text-decoration: underline;
}