/*
Theme Name: Aandrijftechniek.nl
Author: Innovatie Media
Author URI: https://innovatiemedia.nl
Description: Maatwerk WooCommerce webshop voor Aandrijftechniek/Spruit B.V.
Version: 1.0c
*/

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #373737;
}

.tax-product_cat del .wts-price-wrapper bdi {
    font-size: 16px;
}

.woocommerce ul.products li.product .price {
    display: flex;
}

.mega-menu .mega-dropdown .right-side {
    max-width: 295px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}


.facetwp-type-checkboxes .facetwp-checkbox {
    height: 36px !important;
}

.category-header .image img {
    max-height: 170px !important;
}

@media screen and (min-width: 1024px) {
    .category-header {
        margin-bottom: -50px !important;
    }
}






/* POPUP NIEUWSBRIEF */
.global-discount-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0, 0.35);
    z-index: 10000;
}
.global-discount-overlay.overlay-hidden {
    display: none;
}

.global-discount-overlay .container {
    box-sizing: border-box;
    position: absolute;
    margin: 30px auto;
    max-width: 500px;
    width: calc(100% - 40px);
    padding: 50px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: white;
    border-radius: 10px;
    text-align: left;
    overflow: hidden;
}
.global-discount-overlay .container::before {
    position: absolute;
    left: 75px;
    top: 50px;
    content: url("data:image/svg+xml,%3Csvg width='670' height='844' viewBox='0 0 670 844' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M267.099 625.276C86.9591 432.814 34.1174 188.734 149.078 80.1116C261.209 -25.8387 491.563 36.2426 670 217.97C663.416 210.319 656.65 202.739 649.653 195.263C465.82 -1.14494 209.552 -59.0322 77.2598 65.9659C-55.0317 190.964 -13.2498 451.519 170.583 647.927C319.647 807.188 516.335 875.356 655.934 828.808C536.941 828.235 388.587 755.077 267.099 625.276Z' fill='%23ED1C24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M475.062 642.655C472.406 615.098 488.245 600.06 510.221 608.108C532.051 616.104 552.87 644.317 556.988 672.077C561.261 700.884 546.073 718.452 522.766 710.262C499.292 702.013 477.822 671.268 475.062 642.655Z' fill='%23ED1C24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M246.971 420.779C263.447 411.062 288.339 420.568 303.263 442.147C318.488 464.162 318.231 491.269 301.965 502.584C285.194 514.248 258.45 504.408 243.01 480.733C227.894 457.559 230.002 430.789 246.971 420.779Z' fill='%23ED1C24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M201.408 190.859C220.225 198.584 234.245 217.631 232.773 233.875C231.258 250.62 213.942 258.136 194.036 250.145C174.016 242.107 159.89 221.82 162.517 205.345C165.066 189.369 182.489 183.093 201.408 190.859Z' fill='%23ED1C24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M307.476 94.5912C318.633 108.1 318.449 122.466 306.679 126.573C294.647 130.775 275.424 122.606 264.147 108.442C253.043 94.4921 254.203 80.405 266.347 76.86C278.235 73.3898 296.481 81.2807 307.476 94.5912Z' fill='%23ED1C24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M472.623 129.578C474.34 141.472 463.643 146.071 448.63 139.562C433.548 133.024 420.377 118.003 419.299 106.298C418.243 94.872 429.168 90.9751 443.616 97.327C458.001 103.651 470.949 117.968 472.623 129.578Z' fill='%23ED1C24'/%3E%3C/svg%3E%0A");
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0.05;
}

.global-discount-overlay .container .section-hidden {
    display: none;
}


.global-discount-overlay h2 {
    font-size: 55px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.global-discount-overlay.form-success h2,
.global-discount-overlay.form-success h3,
.global-discount-overlay h2.form-success,
.global-discount-overlay h3.form-success {
    display: none;
}
.global-discount-overlay.form-success h2.form-success,
.global-discount-overlay.form-success h3.form-success  {
    display: block;
}

.global-discount-overlay h3 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 50px;
}


.global-discount-overlay .global-discount-section span {
    display: block;
    background-color: #EFEFEF;
    border-radius: 25px;
    text-align: center;
    padding-top: 15px;
}
.global-discount-overlay strong {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    opacity: 0.65;
}

.global-discount-overlay button {
    outline: none;
    appearance: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.global-discount-overlay button.primary-button {
    padding: 0 20px;
    background-color: #ED1C24;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    display: block;
    transition: all 0.3s ease;
}
.global-discount-overlay button.primary-button:hover {
    background-color: #262626;
}

.global-discount-overlay button.secondary-button {
    margin: 30px auto 0 auto;
}
.global-discount-overlay.form-success button.secondary-button,
.global-discount-overlay button.secondary-button.form-success {
    display: none;
}
.global-discount-overlay.form-success button.secondary-button.form-success {
    display: flex;
}
.global-discount-overlay button.secondary-button span {
    margin-left: -10px;
}

.global-discount-overlay button.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
}
.global-discount-overlay button.close-button * {
    transition: all 0.3s ease;
}
.global-discount-overlay button.close-button:hover svg rect:nth-of-type(1) {
    fill: #ED1C24;
}
.global-discount-overlay button.close-button:hover svg rect:nth-of-type(2),
.global-discount-overlay button.close-button:hover svg rect:nth-of-type(3) {
    fill: #FFFFFF;
}

.global-discount-overlay form {
    position: relative;
}
.global-discount-overlay form input[type="email"] {
    height: 50px;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #DDDDDD;
    outline: none;
    box-sizing: border-box;
    box-shadow: none;
    padding: 0 20px;
    font-size: 16px;
}
.global-discount-overlay form .gform-footer {
    position: absolute;
    top: 6px;
    right: 7px;
    margin: 0;
}
.global-discount-overlay form .gform-footer button {
    content: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.647949' width='30' height='30' rx='15' fill='%23ED1C24'/%3E%3Cpath d='M17.0475 15L13.9808 11.9333L14.9142 11L18.9142 15L14.9142 19L13.9808 18.0667L17.0475 15Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: #ED1C24 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    transition: all 0.3s ease;
}
.global-discount-overlay .gform_validation_errors {
    display: none !important;
}
.global-discount-overlay .gfield_validation_message {
    margin-bottom: 15px !important;
}
.global-discount-overlay .gform_confirmation_message {
    padding: 15px 20px 30px 20px;
    font-weight: 600;
    line-height: 1.45em;
    font-size: 18px;
}

.global-discount-overlay ul {
    margin: 0 0 5px 0;
    padding: 10px 25px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}
.global-discount-overlay ul li {
    margin: 5px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    list-style-type: none;
    line-height: 1.35em;
}
.global-discount-overlay ul li::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='%2316A14B'/%3E%3C/svg%3E%0A");
}


@media screen and (max-width: 960px) {
    .global-discount-overlay .container {
        padding: 40px;
    }
    .global-discount-overlay h2 {
        font-size: 45px;
    }
    .global-discount-overlay h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 768px) {
    .global-discount-overlay .container {
        padding: 30px;
    }
    .global-discount-overlay h2 {
        font-size: 35px !important;
    }
    .global-discount-overlay h3 {
        font-size: 20px !important;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 550px) {
    .global-discount-overlay .container {
        padding: 25px;
    }
    .global-discount-overlay h2 {
        font-size: 24px !important;
    }
    .global-discount-overlay h3 {
        font-size: 18px !important;
    }
    .global-discount-overlay strong {
        font-size: 14px;
    }
    .global-discount-overlay button.secondary-button span {
        display: none;
    }
}