/*
 Theme Name:   LMPR (GeneratePress Child Theme)
 Theme URI:    https://lamper-design.nl
 Description:  GeneratePress child theme
 Author:       Team Lamper Design
 Author URI:   https://lamper-design.nl
 Template:     generatepress
 Version:      0.1
*/

/* Globals */

:root {
    --sitewidth: 1320px;
    --narrow-content: 78ch;
    --container-padding: 1rem;
    --border-radius: .25rem;
    --border-radius-small: .25rem;
    --max-text-width: 85ch;
    interpolate-size: allow-keywords;
}

@media (width >=769px) {

    :root {
        --container-padding: 2rem;
    }

}

html {
    overflow-x: clip;
}

html.mobile-menu-open.slide-opened,
html:has(.facetwp-flyout.active) {
    overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {

    /* html {
        scroll-behavior: smooth;
    } */

    @view-transition {
        navigation: auto;
    }

}

h1,
h2,
h3,
h4,
h5,
h6,
.h1-style,
.h2-style,
.h3-style,
.h4-style {
    overflow-wrap: anywhere;
    text-wrap: balance;
}

:is(h1, h2, h3, h4, h5, h6) a {
    text-decoration: none;
}

:is(h1, h2, h3, h4, h5, h6) a:hover {
    text-decoration: underline;
}

p,
li:not(.comment),
figcaption {
    text-wrap: pretty;
}

a {
    text-underline-offset: .125em;
}

ul {
    margin-left: 1em;
}


input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--accent);
}

a:not([href]) {
    cursor: pointer;
}

.container-padding {
    padding-inline: var(--container-padding);
}

.entry-content p+:is(h2, h3, h4) {
    margin-top: .75em;
}

.entry-content>figure:not(.wp-block-gallery) img {
    margin-bottom: 1.5rem;
}

.wp-block-gallery {
    margin-block: 1.25rem;
}

.wp-block-gallery img {
    transition: opacity 250ms ease-in-out;
}

.wp-block-gallery img:hover {
    opacity: .8;
}

.entry-content ol li::marker {
    font-weight: 600;
}

.entry-content .wp-block-embed {
    margin-block: 1.5em;
}

.gb-container p:last-child:last-of-type {
    margin-bottom: 0;
}

figcaption {
    margin-top: .375rem;
    font-weight: 500;
    text-align: center;
}

.list-nostyle {
    list-style-type: '';
    margin: 0;
}

.list-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
}

.list-checkmark {
    margin-bottom: 1.5rem;
    font-weight: 400;
}

.list-checkmark li {
    display: flex;
    gap: .75rem;
    padding: .25rem 0;
}

.list-checkmark li::before {
    content: '';
    flex-shrink: 0;
    display: block;
    background-color: var(--accent);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
    width: 1rem;
    height: 1rem;
    margin-top: .35rem;
}

.scroll-offset,
[id] {
    scroll-margin-top: 2rem;
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
}

.fkcart-shortcode-icon-wrap svg {
    width: 25px;
    height: 25px;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder {
    font-style: normal !important;
}

a.wp-block-read-more {
    font-weight: 600;
    margin-top: 1rem;
    display: flex;
}

a.wp-block-read-more:hover {
    text-decoration: underline;
}

a.wp-block-read-more::after {
    content: '';
    background-color: var(--contrast-2);
    mask: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_18980501'%3E%3Cpath clip-rule='evenodd' d='m12.3464 7.50716c.2722-.31222.746-.34467 1.0582-.07248l4.5883 4.00002c.1633.1424.2571.3486.2571.5653 0 .2168-.0938.4229-.2571.5653l-4.5883 4c-.3122.2722-.786.2398-1.0582-.0724-.2722-.3123-.2397-.786.0725-1.0582l3.0795-2.6847h-8.9984c-.41421 0-.75-.3358-.75-.75s.33579-.75.75-.75h8.9984l-3.0795-2.68466c-.3122-.27219-.3447-.74596-.0725-1.05818z' fill='%23363853' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50% / 1.5em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_18980501'%3E%3Cpath clip-rule='evenodd' d='m12.3464 7.50716c.2722-.31222.746-.34467 1.0582-.07248l4.5883 4.00002c.1633.1424.2571.3486.2571.5653 0 .2168-.0938.4229-.2571.5653l-4.5883 4c-.3122.2722-.786.2398-1.0582-.0724-.2722-.3123-.2397-.786.0725-1.0582l3.0795-2.6847h-8.9984c-.41421 0-.75-.3358-.75-.75s.33579-.75.75-.75h8.9984l-3.0795-2.68466c-.3122-.27219-.3447-.74596-.0725-1.05818z' fill='%23363853' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50% / 1.5em;
    width: 1.5em;
    height: 1.5em;
}

a.tekst-link span:hover {
    text-decoration: underline;
}

p.product-sku {
    color: var(--contrast-3);
    font-size: .9rem;
}

.separate-containers.no-sidebar .site-main {
    margin-top: 0;
}

.category-hover a:focus-visible+div h2 {
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 1px;
}

a.wishlist-link {
    margin-left: auto;
}

.wishlist-icon {
    border: 1px solid #ddd;
    height: 50px;
    width: 50px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--base-2);
}

.wishlist-icon:hover {
    border: 1px solid #000;
}

/* Fibocart */
#fkcart-mini-toggler {
    background: var(--base-2);
    padding: 0 14px;
    border-radius: .25rem;
    border: 1px solid var(--border-color);
    height: 54px;
}

@media (width <=768px) {

    #fkcart-mini-toggler {
        padding-inline: 9px;
        height: 45px;
    }

}

#fkcart-mini-toggler:hover {
    border: 1px solid #000;
    opacity: 0.8;
}


#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button .fkcart-checkout--text {
    font-weight: 600;
}

#fkcart-modal .backorder_notification,
#fkcart-modal .fkcart-select-options {
    display: none;
}

#fkcart-modal .fkcart-image-wrapper img {
    object-fit: contain;
    padding: .2rem;
}

html.fkcart-trigger-open .site-content,
html.fkcart-trigger-open .site-header,
html.fkcart-trigger-open .main-navigation,
html.fkcart-trigger-open .rank-math-breadcrumb,
html.fkcart-trigger-open .topbar-usps {
    filter: blur(4px);
}

/* Merken pagina */
.merken-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 6rem;
    align-items: center;
    justify-content: space-evenly;
}

.merken-logos a img {
    max-width: 150px;
    height: auto;

}

.merken-logos img:hover {
    opacity: 0.7;
}

/* Button styling */
a.secondary-button::after {
    content: '';
    background-color: var(--contrast-2);
    mask: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_18980501'%3E%3Cpath clip-rule='evenodd' d='m12.3464 7.50716c.2722-.31222.746-.34467 1.0582-.07248l4.5883 4.00002c.1633.1424.2571.3486.2571.5653 0 .2168-.0938.4229-.2571.5653l-4.5883 4c-.3122.2722-.786.2398-1.0582-.0724-.2722-.3123-.2397-.786.0725-1.0582l3.0795-2.6847h-8.9984c-.41421 0-.75-.3358-.75-.75s.33579-.75.75-.75h8.9984l-3.0795-2.68466c-.3122-.27219-.3447-.74596-.0725-1.05818z' fill='%23363853' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50% / 1.5em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_18980501'%3E%3Cpath clip-rule='evenodd' d='m12.3464 7.50716c.2722-.31222.746-.34467 1.0582-.07248l4.5883 4.00002c.1633.1424.2571.3486.2571.5653 0 .2168-.0938.4229-.2571.5653l-4.5883 4c-.3122.2722-.786.2398-1.0582-.0724-.2722-.3123-.2397-.786.0725-1.0582l3.0795-2.6847h-8.9984c-.41421 0-.75-.3358-.75-.75s.33579-.75.75-.75h8.9984l-3.0795-2.68466c-.3122-.27219-.3447-.74596-.0725-1.05818z' fill='%23363853' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50% / 1.5em;
    width: 1.5em;
    height: 1.5em;
}

#main .wp-block-button a,
.gform_button {
    font-weight: bold;
    border-radius: var(--border-radius) !important;
}

/* RankMath Breadcrumbs */

.rank-math-breadcrumb p a {
    text-decoration: none;
    font-size: .9rem;
    color: var(--contrast-3);
}

.rank-math-breadcrumb p a:hover {
    text-decoration: underline;
}

.rank-math-breadcrumb p a:last-of-type {
    color: #000;
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
}

.rank-math-breadcrumb p span {
    font-size: .9rem;
}

.rank-math-breadcrumb p span.separator {
    padding: 0 .3rem;
    color: var(--contrast-3);
}

/* Fibosearch */
#masthead input[type=search].dgwt-wcas-search-input {
    height: 50px;
}

/* Topbar */
.topbar-usps a {
    color: #fff;
    text-decoration: none;
}

.topbar-usps a:hover {
    text-decoration: underline;
}

/* Header */

.site-header {
    border-bottom: 1px solid var(--border-color);
}

.site-header .inside-header {
    flex-wrap: wrap;
    gap: 1.25rem .75rem;
}

.site-header .main-navigation.sub-menu-right {
    margin-left: 0 !important;
    margin-right: auto;
    flex-basis: 100%;
}

.site-header .main-navigation.sub-menu-right ul.menu>li:not(:last-child) {
    border-right: 1px solid var(--border-color);
}

.site-header .main-navigation.sub-menu-right ul.menu li:first-child>a {
    padding-left: 0;
}

@media (width <=1025px) {

    .site-header .inside-header {
        row-gap: .5rem;
    }

    .site-header a>.wishlist-icon {
        margin-left: auto;
    }

    .site-header .mobile-menu-control-wrapper {
        margin-right: 0;
        margin-left: 0;
    }

    .site-header .dgwt-wcas-search-wrapp {
        order: 4;
        flex-basis: 100%;
        max-width: 100%;
    }

    .site-header .menu-toggle {
        background: var(--base-2);
        padding: 0 20px;
        border-radius: .25rem;
        border: 1px solid #ddd;
        height: 50px;
    }

}

@media (width <=768px) {

    .site-header .header-image {
        max-width: 67px;
    }

    .wp-block-site-logo.is-default-size img {
        max-width: 90px;
    }

    .custom-category-banner-wrapper {
        display: none;
    }

}

/* Slideout menu */

#generate-slideout-menu {
    --gp-slideout-width: 600px;
    max-width: 85%;
    overflow-x: clip;
    padding: .5rem;
}

/* FacetWP */

.facetwp-counter {
    display: none;
}

.facetwp-facet:is(.facetwp-type-sort, .facetwp-type-reset) {
    margin-bottom: 1.25rem;
}

.facetwp-type-reset .facetwp-reset:is(:hover, :focus-visible) {
    text-decoration: none;
}

.facetwp-type-slider {
    padding-inline: .125rem;
}

.facetwp-type-slider .noUi-touch-area {
    cursor: pointer;
}

.facetwp-type-slider .facetwp-slider-reset {
    box-shadow: none;
    background-color: var(--contrast-2);
    color: var(--text-base);
    font-weight: 600;
    margin-top: 1rem;
}

.facetwp-type-checkboxes .facetwp-checkbox {
    padding-left: 1.75rem;
    margin-bottom: .5rem;
    background: url(/wp-content/themes/generatepress_child/assets/images/empty-checkbox.svg) 0 50% no-repeat;
    background-size: 18px 18px;
}

.facetwp-type-checkboxes .facetwp-checkbox:hover {
    background: url(/wp-content/themes/generatepress_child/assets/images/empty-checkbox-highlighted.svg) 0 50% no-repeat;
    background-size: 18px 18px;

}

.facetwp-type-checkboxes .facetwp-checkbox.checked {
    background: url(/wp-content/themes/generatepress_child/assets/images/filled-checkbox.svg) 0 50% no-repeat;
    background-size: 18px 18px;
}

.facetwp-accordion-content .facetwp-facet {
    margin-bottom: 1rem;
}

.facetwp-accordion .gb-accordion__item:has(.facetwp-facet:empty) {
    display: none;
}

.facetwp-display-value {
    font-size: .9rem;
}

.facetwp-toggle {
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.8rem;
}

.facetwp-toggle:hover {
    text-decoration: underline;
}

.facetwp-facet .facetwp-color {
    box-shadow: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    transition: transform 250ms;
}

.facetwp-facet .facetwp-color[data-value="anthracite"] {
    background-color: #808080;
}

.facetwp-facet .facetwp-color[data-value="asphalt-castlerock-black"] {
    background-color: #1b1b1b;
}

.facetwp-facet .facetwp-color[data-value="black-black"] {
    background-color: #000;
}

.facetwp-facet .facetwp-color[data-value="blauw"] {
    background-color: #13046c;
}

.facetwp-facet .facetwp-color[data-value="bruin"] {
    background-color: #372700;
}

.facetwp-facet .facetwp-color[data-value="falcon-desert-tan-hyma-pink"] {
    background-color: #dd70b3;
}

.facetwp-facet .facetwp-color[data-value="green-peach"] {
    background-color: #d78f8f;
}

.facetwp-facet .facetwp-color[data-value="green-yellow"] {
    background-color: #def087;
}

.facetwp-facet .facetwp-color[data-value="demin"] {
    background-color: #434f5c;
}

.facetwp-facet .facetwp-color[data-value="grijs"] {
    background-color: #dddddd;
}

.facetwp-facet .facetwp-color[data-value="groen"] {
    background-color: #015e2b;
}

.facetwp-facet .facetwp-color[data-value="groen"] {
    background-color: #015e2b;
}

.facetwp-facet .facetwp-color[data-value="iron-etherea-tuc-sunlight"] {
    background-color: #979798;
}

.facetwp-facet .facetwp-color[data-value="martini-olive-gray-green-blue-nights"] {
    background-color: #615a42;
}

.facetwp-facet .facetwp-color[data-value="mineral-aloe"] {
    background-color: #b1a898;
}

.facetwp-facet .facetwp-color[data-value="nodye-offwhite"] {
    background-color: #e1e1e1;
}

.facetwp-facet .facetwp-color[data-value="oranje"] {
    background-color: #e17108;
}

.facetwp-facet .facetwp-color[data-value="rood"] {
    background-color: #f30000;
}

.facetwp-facet .facetwp-color[data-value="roze"] {
    background-color: #fcb2c8;
}

.facetwp-facet .facetwp-color[data-value="wit"] {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.facetwp-facet .facetwp-color[data-value="zwart"] {
    background-color: #000000;
}

.facetwp-facet .facetwp-color[data-value="nachtblau"] {
    background-color: #140447;
}

.facetwp-facet .facetwp-color[data-value="night-blue"] {
    background-color: #090221;
}

.facetwp-facet .facetwp-color[data-value="acai-sand"] {
    background-color: #EDE7CE;
}

.facetwp-facet .facetwp-color[data-value="acorn"] {
    background-color: #bb9678;
}

.facetwp-facet .facetwp-color[data-value="asphalt-melange"] {
    background-color: #36454F;
}

.facetwp-facet .facetwp-color[data-value="avocado-rose"] {
    background-color: #B2C248;
}

.facetwp-facet .facetwp-color[data-value="beige-beige-gold"] {
    background-color: #F5F5DC;
}

.facetwp-facet .facetwp-color[data-value="beige-beige-green"] {
    background-color: #2E8B57;
}

.facetwp-facet .facetwp-color[data-value="beige-black-grey"] {
    background-color: #808080;
}

.facetwp-facet .facetwp-color[data-value="black-asphalt-castlerock"] {
    background-color: #130a06;
}

.facetwp-facet .facetwp-color[data-value="black-monument-french-blue"] {
    background-color: #002F63;
}

.facetwp-facet .facetwp-color[data-value="black-mix"] {
    background-color: #000;
}

.facetwp-facet .facetwp-color[data-value="black-black-ebony"] {
    background-color: #555D50;
}

.facetwp-facet .facetwp-color[data-value="black-black-grey"] {
    background-color: #808080;
}

.facetwp-facet .facetwp-color[data-value="black-blue"] {
    background-color: #040720;
}

.facetwp-facet .facetwp-color[data-value="black-brown"] {
    background-color: #0B0100;
}



.facetwp-facet select {
    width: 100%;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    appearance: none;
    /* verwijdert de standaard pijl */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 32 32' height='15' viewBox='0 0 32 32' width='15' xmlns='http://www.w3.org/2000/svg' id='fi_6364586'%3E%3Cg id='Layer_1'%3E%3Cpath d='m29.6043 10.528-12.0735 12.8281c-.83.8819-2.2315.8819-3.0615 0l-12.0736-12.8281c-.9071-.9639-.2238-2.5455 1.0998-2.5455h25.0089c1.3237 0 2.007 1.5816 1.0999 2.5455z' fill='rgb(0,0,0)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: right 1rem center;
    /* afstand vanaf rechterrand */
    background-size: 15px;
    background-repeat: no-repeat;
    padding-right: 2.5rem;
    /* ruimte voor de pijl */
}

.facetwp-accordion-item:first-of-type {
    border-top: 1px solid var(--border-color);
}

.facetwp-selections ul {
    margin-left: 0;
    font-size: .875rem;
}

.facetwp-selections li {
    margin-bottom: .5rem;
}

.facetwp-selection-label {
    font-weight: 600;
    margin-right: .25rem;
}

.facetwp-selection-value {
    display: inline-block;
    line-height: 1;
    background: var(--base-2);
    padding: .375rem .5rem;
    padding-right: 1.5rem !important;
    margin: .25rem 0;
    border-radius: var(--border-radius);
    background-position: calc(100% - .375rem) center !important;
}

.facetwp-selection-value:is(:hover, :focus-visible) {
    background-color: var(--canvas-contrast);
}

.facetwp-facet .facetwp-color.checked::after {
    margin: 14px 0 0 10px;
}

.facetwp-facet .facetwp-color:hover {
    border: 1px solid #000;
    box-shadow: 0px 1px 4px 0px var(--contrast-3);
}

.facetwp-facet .facetwp-color[data-value="wit"].checked::after,
.facetwp-facet .facetwp-color[data-value="roze"].checked::after,
.facetwp-facet .facetwp-color[data-value="grijs"].checked::after,
.facetwp-facet .facetwp-color[data-value="nodey-offwhite"].checked::after,
.facetwp-facet .facetwp-color[data-value="green-yellow"].checked::after,
.facetwp-facet .facetwp-color[data-value="beige"].checked::after {
    border-color: var(--contrast);
}

/* FacetWP blogs */
.archive-facet-radio .facetwp-radio {
    flex-shrink: 0;
    background: none;
    background-color: var(--base);
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    border-radius: var(--border-radius);
    font-weight: 700;
    transition: background-color 100ms ease, color 100ms ease;
}

.archive-facet-radio .facetwp-radio:is(:hover, :focus-visible, .checked) {
    background: none;
    background-color: var(--contrast-2);
}

.archive-facet-radio .facetwp-type-radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

/* FacetWP mobile */
.facet-button {
    position: fixed !important;
    width: 100%;
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Gravity Forms */
.product_checkboxes {
    max-height: 200px;
    overflow-y: scroll;
}

/* Addonify */

#main .addonify-cp-button.selected {
    display: none;
}

.archive #main .addonify-cp-button,
#main .related .addonify-cp-button,
#main .up-sells .addonify-cp-button {
    top: 20px;
    position: absolute;
    right: 70px;
    background: var(--base-2);
    padding: 0.3rem 1rem;
    font-weight: 600;
    border-radius: 4px;
    color: #000;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: auto;
    font-size: .8rem;
    text-transform: uppercase;
    margin-top: 0;
}

/* Alleen op categorie-archieven */
.tax-product_cat .star-rating+.loop-reviews-link {
    margin-left: .35rem;
    font-size: .9em;
    vertical-align: middle;
    text-decoration: none;
}

img.category-thumbnail {
    max-height: 150px;
    float: right;
    width: auto;
}


/* Maak de knop zichtbaar als de <a> gehoverd wordt */
#main ul.products li.product a:hover~.addonify-cp-button {
    visibility: visible;
    opacity: 1;
}

#main ul.products li.product .addonify-cp-button:hover {
    visibility: visible;
    opacity: 1;
    background: var(--contrast-2);
}


#main .adfy-single-compare-product-btn-wrapper button {
    font-weight: 600;
    color: #000;
    background: var(--base);
    padding: 5px 20px;
    border-radius: var(--border-radius);
    font-size: .9rem;
}

#main .adfy-single-compare-product-btn-wrapper button:hover {
    background: var(--contrast-3);
    color: #fff;
    transition: all 0.2s ease;
}

#addonify-compare-dock-inner .addonify-compare-dock-thumbnail img {
    padding: .2rem;
    height: auto;
    mix-blend-mode: multiply;
}

#addonify-compare-dock-compare-btn:hover {
    background-color: var(--green-button);
    color: #fff;
}

#addonify-compare-dock-thumbnails .addonify-compare-dock-thumbnail {
    background: var(--base);
}

#addonify-compare-dock-add-item:hover {
    background-color: var(--contrast-3);
}

/* Woo category page */

.rating-wrapper {
    display: flex;
    align-items: center;
    column-gap: .25rem;
    font-size: .857em;
}

.woocommerce .products .star-rating {
    margin: 0;
}

#main .woocommerce-loop-product__title,
.custom-woo-producttitle,
h2.woocommerce-loop-product__title {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0;
    font-size: 1em;
    margin-top: 10px;
    /* min-height: 48px; */
}

.sale-percentage {
    position: absolute;
    right: 0;
    background: var(--green-button);
    color: #fff;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    top: 20px;
    right: auto;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    left: .5em;
}

@media (width < 769px) {

    .sale-percentage {
        padding: .375rem .5rem;
        font-size: .75rem;
    }

}

.single .inside-article span.onsale {
    position: absolute;
    background: var(--green-button);
    color: #fff;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    top: 3rem;
    left: auto;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
}

#main .woocommerce-loop-product__title:hover {
    color: #000;
    text-decoration: underline;
}

.woocommerce-loop-product__link span.price bdi {
    font-size: 1.2rem;
}

.woocommerce ul.products li.product a img,
.wp-block-woocommerce-product-image img {
    margin-bottom: 0;
    aspect-ratio: 1 / 1;
    object-fit: scale-down !important;
    padding: 2rem;
    /* padding: 1.75rem .75rem .75rem; */
    mix-blend-mode: multiply;
}

.woocommerce-text-align-left .wc-product-image,
.wc-block-components-product-image,
.wc-product-image {
    background: var(--base);
    border-radius: .25rem;
}

.product img {
    border-radius: .25rem;
}

.woocommerce-LoopProduct-link:is(:hover, :focus-visible) .woocommerce-loop-product__title {
    text-decoration: underline;
}

.woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0 !important;
}

.woocommerce #main ul.products li.product .price {
    margin-top: 0;
}

.footer-tekst h2,
.woocommerce-Tabs-panel h2,
.up-sells h2,
.custom-description h2,
.custom-category-extra-content h2,
.related h2,
.custom-woo-block h2 {
    margin-bottom: .375em;
    font-size: clamp(1.4rem, 0.8125rem + 3vw, 1.7rem);
    margin-top: .75em;
}

/* Category USP bar */
ul.products .product.usps-bar {
    grid-column: 1 / -1;
    padding: .1rem 1.5rem !important;
    font-size: .9rem;
    overflow: hidden;
}

.usp-item {
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

/* Lijn links van het eerste item */
.usp-item:first-of-type::before {
    content: "";
    position: absolute;
    left: -70px;
    width: 85px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: var(--border-color);
}

/* Lijn rechts van het laatste item */
.usp-item:last-of-type::after {
    content: "";
    position: absolute;
    right: -70px;
    width: 85px;
    /* pas deze waarde aan naar wens */
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: var(--border-color);
}

#main .usps-bar strong {
    display: initial;
}

/* Custom banner productcategory */
.custom-category-extra-content,
.product-cat-banner {
    background-color: var(--accent);
    padding: 2rem;
    border-radius: .25rem;
    color: #000;
    display: flex;
    margin: 2rem 0;
    column-gap: 2rem;
}

.custom-category-banner-wrapper {
    max-width: 1328px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 32px;
}

.custom-category-extra-content p,
.banner-tekst p {
    margin-bottom: 0;
}

.custom-category-extra-content img,
.banner-thumbnail {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    max-width: 150px;
}

/* WooCommerce block */
.wc-block-components-product-image:hover+h2 a {
    text-decoration: underline;
}

/* Wishlist styling */
#main .yith-wcwl-add-to-wishlist-button svg,
#main .yith-wcwl-add-button svg {
    width: 24px;
    height: 24px;
    right: 1rem;
}

.archive .yith-wcwl-add-to-wishlist,
#main .related .yith-wcwl-add-to-wishlist-button,
#main .up-sells .yith-wcwl-add-to-wishlist-button {
    right: 20px;
    left: auto;
    top: 20px;
    padding: 0;
    margin-top: 0;
    z-index: 0;
}

.archive .yith-wcwl-add-to-wishlist:hover,
.yith-wcwl-add-to-wishlist-button:hover {
    opacity: 0.8;
}

.yith-add-to-wishlist-button-block {
    margin: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

.yith-wcwl-add-to-wishlist-button:is(button) {
    background: none;
    color: var(--contrast);
    padding: 1rem;
}

.archive #main .yith-wcwl-add-to-wishlist-button:is(button) {
    right: 20px;
    left: auto;
    padding: 0;
    margin-top: 0;
    z-index: 0;
    background: none;
}

.archive #main .yith-wcwl-add-to-wishlist-button:is(button) {
    top: 20px !important;
}

.yith-wcwl-add-to-wishlist-button__label {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal !important;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

.product-template-default .single-product .yith-wcwl-add-to-wishlist-button svg {
    color: #000;
}

.yith-add-to-wishlist-button-block--single {
    min-width: 58px;
}

/* Single product */
.single-product form.cart .single_add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Optioneel: om de tekst te centreren */
    /* padding: .5rem; */
    flex-basis: auto;
    border-radius: var(--border-radius);
    width: 100%;
    /* ➤ Zorgt dat de button net zo breed wordt als de container */
    box-sizing: border-box;
    /* ➤ Houdt padding binnen de 100% breedte */
    font-weight: 600;
}

.gb-proxy-add-to-cart {
    color: #000;
}

.gb-proxy-add-to-cart:disabled {
    opacity: 0.2;
    cursor: not-allowed;
    pointer-events: none;
}

#main form.cart {
    margin-bottom: .5em;
}

.spaar-bericht {
    margin-bottom: 0;
    font-size: .9rem;
}

.spaar-bericht a {
    text-decoration: none;
}

.spaar-bericht a:hover {
    text-decoration: underline;
}

.uitleg-maten {
    margin: 0 0 1rem 0;
    font-style: italic;
    font-size: .9rem;
}

.sale ins bdi {
    color: #e52130;
}

.single-product #main h1.product_title {
    margin-block: 1rem;
}

.single-product #main .woocommerce-product-rating {
    margin-top: -1rem;
}

.acf-pluspunten ul,
.acf-minpunten ul,
ul.wc-block-product-template__responsive {
    margin-left: 0;
    /* of jouw gewenste waarde voor die lijsten */
}

.woocommerce button.button.alt {
    font-weight: 600;
    border-radius: var(--border-radius);
}

p.usp-text {
    margin-bottom: 0;

    font-size: .9rem;
}

.usp-image {
    width: 20px;
    height: 20px !important;
}

.woocommerce #main form .quantity.buttons-added .minus {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.woocommerce #main form .quantity.buttons-added .plus {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.woocommerce-variation-price bdi {
    font-weight: 700;
}

#main .woocommerce-variation-add-to-cart {
    flex-wrap: nowrap;
    column-gap: 1rem;
}

#main .woocommerce-variation-add-to-cart .quantity,
.single-product .quantity {
    display: none !important;
}


.single-product .woocommerce-product-gallery .flex-viewport img {
    aspect-ratio: 1;
    object-fit: contain;
    mix-blend-mode: multiply;
    padding: 2rem;
}

.flex-active-slide {
    background: var(--base);
    border-radius: .25rem;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 600;
}


.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 1px solid var(--border-color);
    padding: .5rem;
    opacity: 1;
}

.woocommerce #main div.product div.images .flex-control-thumbs li {
    padding-top: 12px;
    padding-right: 12px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:is(.active, :hover, :focus-visible) {
    border-bottom: 1px solid #000;
}

.woocommerce #main div.product .woocommerce-tabs ul.tabs li.active a {
    font-weight: bold;
    color: #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-left: none;
    border-top: none;
    border-right: none;
}

.woocommerce #main div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    padding-left: 0;
    margin-right: 1rem;
}

.woocommerce #main div.product .woocommerce-tabs ul.tabs li:first-of-type {
    padding: 0;
    margin-right: 1rem;
}

.woocommerce #main div.product .woocommerce-tabs ul.tabs li a {
    font-weight: normal;
}

.woocommerce #main div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #000;
}

.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    border: 1px solid #000;
}

.single-product .single_add_to_cart_button::before {
    content: '\002b';
    font-size: 1.5em;
    font-weight: 400;
    margin-right: .25em;
}

/* Alternatief (algemener, veiliger voor toekomstige HTML wijzigingen): */
.woocommerce-variation.single_variation:has(.woocommerce-variation-price:not(:empty))~p.price {
    display: none !important;
}

.archive .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    display: block !important;
    width: 50px;
    height: 50px;
    padding: 10px;
}

/* .archive #main ul.products .image-variable-item {
    width: 34px !important;
    height: 34px !important;
} */

.archive .woo-variation-items-wrapper .variable-item:first-of-type {
    margin-left: 0;
}

.archive .wvs-archive-variations-wrapper .woo-variation-items-wrapper img.variable-item-image {
    padding: 0 !important;
    max-height: 40px;
}

.merk-logo {
    padding: .25rem;
    right: 0;
    margin-top: -20px;
}

#main th.label {
    display: flex;
    align-items: center;
}

.woocommerce table.shop_attributes th {
    text-align: left;
    font-weight: 600;
    width: 200px;
}

.woocommerce table.shop_attributes td p {
    margin-left: 1rem;
    font-style: normal;
}

.woocommerce table.shop_attributes td {
    border-right: 0;
}

.woocommerce table.shop_attributes td p,
.woocommerce table.shop_attributes th {
    padding: 5px;
}

.woocommerce ul.products li.product .price del {
    text-decoration: none;
}

.woocommerce ul.products li.product .price del bdi {
    text-decoration: line-through;
}

/* Reviews */
#main #reviews .comment-text {
    margin: 0 !important;
}

/* Maattabel popup */
.woocommerce div.product form.cart table.acf-maattabel {
    width: auto;
    min-width: 300px;
}

.acf-maattabel {
    width: 100%;
    border-collapse: collapse;
    /* voorkomt dubbele borders */
    border: 1px solid var(--border-color);
    /* buitenrand van de tabel */
}

.acf-maattabel th,
.acf-maattabel td {
    border: 1px solid var(--border-color);
    /* randen tussen cellen */
    padding: 8px 12px;
    text-align: center;
}

.acf-maattabel thead {
    background-color: var(--base);
}

.maattabel-omschrijving p a:hover {
    text-decoration: none;
}

/* Popup styling */
#maattabel-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    background: none;
    border: none;
    color: #000;
}

#close-popup:hover {
    color: #ff0000;
}

#open-maattabel {
    background: transparent;
    coloR: #000;
    font-weight: 400;
    font-size: 0.8rem;
    text-decoration: underline;
    padding: 0;
    margin-left: 8px;
}

#open-maattabel::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M256 0C114.509 0 0 114.496 0 256c0 141.489 114.496 256 256 256 141.491 0 256-114.496 256-256C512 114.511 397.504 0 256 0zm0 476.279c-121.462 0-220.279-98.816-220.279-220.279S134.538 35.721 256 35.721 476.279 134.537 476.279 256 377.462 476.279 256 476.279z' fill='%23000000' opacity='1' data-original='%23000000'%3E%3C/path%3E%3Cpath d='M256.006 213.397c-15.164 0-25.947 6.404-25.947 15.839v128.386c0 8.088 10.783 16.174 25.947 16.174 14.49 0 26.283-8.086 26.283-16.174V229.234c0-9.434-11.793-15.837-26.283-15.837zM256.006 134.208c-15.501 0-27.631 11.12-27.631 23.925 0 12.806 12.131 24.263 27.631 24.263 15.164 0 27.296-11.457 27.296-24.263 0-12.805-12.133-23.925-27.296-23.925z' fill='%23000000' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    content: '';
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    margin-top: 5px;
    margin-left: 3px;
}

#open-maattabel:hover {
    background: transparent;
    text-decoration: none;
    color: #000;
}

#maattabel-popup[hidden] {
    display: none !important;
}

.maattabel-tabs-nav {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    list-style: none;
    padding: 0;
    margin-left: 0;
    flex-wrap: wrap;
}

.maattabel-tab-button {
    border: none;
    padding: 0.2rem 0.8rem;
    color: #000;
    font-size: 0.8rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    background: transparent;
}

.maattabel-tab-button:hover {
    text-decoration: underline;
    background: none;
    color: #000;
}

.maattabel-tabs-nav {
    border-bottom: 1px solid var(--base);
}

.maattabel-tab-button.active {
    background: var(--base);
    font-weight: bold;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    color: #000;
}

.maattabel-tab-content {
    display: none;
}

.maattabel-tab-content.active {
    display: block;
}

/* Algemene popup-overlay */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* semi-transparante overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    /* zorg dat het boven alles ligt */
}

/* Inhoud van de popup */
.popup-content {
    background: #fff;
    padding: 2rem;
    max-width: 900px;
    width: 90%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
    outline: none;
    font-size: 1rem;
    line-height: 1.5;
    height: 90%;
    overflow: auto;
}

/* Sluitknop */
.popup-content .close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: #333;
}

.popup-content .close-button:hover {
    color: #000;
}

[hidden] {
    display: none !important;
}


/* ACF pluspunten single product */
.acf-pluspunten li,
.acf-minpunten li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.acf-pluspunten img.icon,
.acf-minpunten img.icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Custom archive swatches */
span.swatch-circle {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: block;
}

span.swatch-circle:hover {
    border: 1px solid #000;
    box-shadow: 0px 1px 4px 0px var(--contrast-3);
}

ul.swatch-opties {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 1em 0 0 0 !important;
    gap: 0.5rem;
}

#main ul .swatch-opties:before {
    display: none;
}

/* Swatches */
.single.woo-variation-swatches .variable-items-wrapper .variable-item {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

.single.woo-variation-swatches .variable-items-wrapper .variable-item.selected,
.single.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
    border-bottom: none;
    background-color: #efeff0 !important;
}

.single.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
    border-bottom: none;
}

.single.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item {
    border: none;
    min-height: 50px;
}


table.variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

table.variations th {
    padding: 0;
}

.single-product .woo-variation-swatches .variable-items-wrapper {
    gap: 10px;
}

/* .mixed-variable-items-wrapper .variable-item-contents {
    background: var(--base-2);
} */

#main .variable-item-contents:before {
    display: none;
}

#main ul.products .variable-item-contents,
.custom-woo-block .variable-item-contents {
    width: auto;
    background: transparent;
    padding: 5px;
}

#main ul.products .image-variable-item,
.custom-woo-block .variable-item-contents {
    width: 40px !important;
    height: 40px !important;
    -webkit-box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #a8a8a8);
    box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #a8a8a8);
}

.custom-woo-block ul.products {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.custom-woo-block li.product {
    width: 100% !important;
}

.woocommerce .custom-woo-block ul.products::before {
    content: none;
    display: table;
}

.woocommerce .custom-woo-block .woo-variation-swatches-variable-item-more {
    margin-top: 1rem;
}

.variations_form .mixed-variable-items-wrapper,
.variable-item-image {
    mix-blend-mode: multiply;
}

/* .single .variations_form .mixed-variable-items-wrapper, .single .variable-item-image{
        min-height: 50px;
}  */


#main .woo-variation-items-wrapper img.variable-item-image {
    padding: .2rem;
    width: auto;
    height: auto;
    max-height: 30px;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 0;
    height: auto;
}

.disabled .variable-item-contents span {
    text-decoration: line-through;
}

.custom-woo-block ul.variations {
    margin-top: 1rem;
}

#wc-column-container .product {
    margin-bottom: 1rem !important;
}

.facetwp-page {
    display: inline-block;
    text-decoration: none;
    padding: 0 20px;
    margin-right: 6px;
    cursor: pointer;
    min-width: 3rem;
    min-height: 3rem;
    line-height: 1.5;
    background: var(--base);
    align-content: space-evenly;
    justify-content: space-between;
    justify-items: start;
    border-radius: .25rem;
    text-align: center;
    font-weight: 600;
}

.facetwp-page.active,
.facetwp-page:hover {
    background: var(--contrast-3);
    color: white;
}

.facetwp-pager {
    text-align: right;
    padding: 1rem 0 1rem 1rem;
    border-top: 1px solid #ddd;
    color: #000;
}

.facetwp-flyout-open {
    gap: 5px;
    display: inline-flex;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: var(--border-radius);
}

/* Custom stock status */

.verzend-melding {
    font-size: 0.9em;
    /* margin: .5em 0 2em 0; */
    color: #000 !important;
}

.stock.in-stock::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' x='0' y='0' viewBox='0 0 500 500' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(1.04,0,0,1.04,-9.9978747558593,-9.999985961913978)'%3E%3Ccircle cx='250' cy='250' r='237' transform='rotate(-45 249.973 250.064)' fill='%23008000' opacity='1' data-original='%23000000' class=''%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.beperkte-voorraad-voorraad::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' x='0' y='0' viewBox='0 0 500 500' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(1.04,0,0,1.04,-9.9978747558593,-9.999985961913978)'%3E%3Ccircle cx='250' cy='250' r='237' transform='rotate(-45 249.973 250.064)' fill='%23cf4506' opacity='1' data-original='%23000000' class=''%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

.stock.out-of-stock::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' x='0' y='0' viewBox='0 0 500 500' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(1.04,0,0,1.04,-9.9978747558593,-9.999985961913978)'%3E%3Ccircle cx='250' cy='250' r='237' transform='rotate(-45 249.973 250.064)' fill='%23ff0000' opacity='1' data-original='%23000000' class=''%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;

}

.voorraad-status,
.stock {
    font-size: 0.9rem;
    margin: .5em 0;
    display: flex;
    align-items: center;
    column-gap: .5rem;
    width: 100%;
}

.stock.custom-melding {
    padding: .5em 0;
    margin: 0;
}

.voorraad-status.op-voorraad,
#main p.in-stock {
    color: green;
}

.voorraad-status.niet-op-voorraad,
#main p.out-of-stock {
    color: #ff0000;
}

#main p.available-on-backorder {
    color: #cf4506;
}

#main p.available-on-backorder::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15" x="0" y="0" viewBox="0 0 500 500" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><circle cx="250" cy="250" r="237" transform="rotate(-45 249.973 250.064)" fill="%23cf4506" opacity="1" data-original="%23000000" class=""></circle></g></svg>');
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

.woocommerce-variation-availability {
    min-height: 80px;
    margin-bottom: 2rem;
}

/* Opsomming checkmark */
.single-post .inside-article li {
    position: relative;
    list-style: none;
    padding: 0;
}

.single-post .inside-article p li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: .8em;
    height: .8em;
    background: currentColor;
    -webkit-mask-image: url('/wp-content/themes/generatepress_child/assets/images/tick.svg');
    mask-image: url('/wp-content/themes/generatepress_child/assets/images/tick.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-left: -20px;
}

/* Checkout styling */
.woocommerce-checkout th,
.woocommerce-checkout td {
    padding: 10px !important;
}

#ship-to-different-address {
    font-weight: normal;
    margin: 1rem 0;
}

/* footer */
.footer-list li {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5rem;
}

.site-footer a {
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer .wp-block-table table,
.site-footer .wp-block-table table * {
    border: none;
    padding: 0;
}

.site-footer .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0;
}

.site-footer p {
    margin-bottom: 0;
}

.site-footer .nieuwsbrief .gform-body input {
    height: 59px;
    width: 250px;
    padding-inline: 1rem !important;
    border-radius: var(--border-radius);
}


.site-footer .nieuwsbrief input.gform_button {
    margin-bottom: 0px !important;
    height: 100%;
    border-radius: var(--border-radius);
    background-color: var(--contrast);
    color: var(--base);
    font-weight: 600;
    transition: all 0.2s ease 0s;
}

@media (max-width:767px) {

    h1.product_title {
        font-size: 1.5rem;
    }

    .custom-category-banner-wrapper {
        padding: 0 16px;
    }

    .custom-category-extra-content img {
        display: none;
    }

    #woo-custom-block .custom-woo-block ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .facetwp-pager {
        text-align: center;
    }

    .facetwp-page {
        min-width: 2rem;
        min-height: 2rem;
    }

    #main .cover-image {
        object-fit: cover;
    }

    .custom-header .facetwp-facet-tips_advies {
        display: none;
    }

}

@media (min-width: 1025px) {
    .woocommerce.archive .page-title {
        font-size: 2rem;
    }

    h1.product_title {
        font-size: 2rem;
    }

    .menu li>a:not(.gb-button):hover,
    .menu li.current-menu-item>a:not(.gb-button) {
        text-decoration: underline;
        text-underline-offset: .25em;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        border-bottom: 1px solid var(--border-color);
    }
}

/* Megamenu */

.main-navigation .gp_mega_item,
.main-navigation .inside-navigation {
    position: static !important;
}

.main-navigation #primary-menu {
    position: relative;
}

.main-navigation .gp_mega_item .custom-mega-menu {
    left: 0 !important;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
}

.main-navigation .gp_mega_item .custom-mega-menu>li {
    background-color: var(--base-3);
    border-radius: var(--border-radius);
    padding: 1rem 0 1.5rem 0;
}

.custom-mega-menu .menu-custom-content a {
    display: inline-flex !important;
    color: var(--text-base) !important;
    padding: 0px !important;
    font-size: 1em !important;
}

.custom-mega-menu .menu-custom-content a:hover {
    text-decoration: underline;
}

.menu-custom-content .mega-menu-cta-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.menu-custom-content svg {
    max-height: 50px;
}

@media only screen and (max-width:767px) {
    .gp_mega_item ul.sub-menu {
        padding-inline: 0px;
    }

    .main-navigation .gp_mega_item .custom-mega-menu>li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .usp-item::after {
        content: "";
        position: absolute;
        right: -70px;
        width: 85px;
        /* pas deze waarde aan naar wens */
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        background-color: var(--border-color);
    }

    .archive #main .addonify-cp-button,
    .archive #main .star-rating {
        /* opacity:1;
        visibility:visible; */
        display: none;
    }

    .archive #left-sidebar {
        display: none;
    }
}

@media (min-width: 1025px) {


    .menu li>a:not(.gb-button):hover {
        text-decoration: underline;
        text-underline-offset: .25em;
    }

    .main-navigation .gp_mega_item .custom-mega-menu>li {
        margin-top: 1rem;
        box-shadow: 0px 8px 80px 0px rgba(0, 0, 0, 0.08);
        padding: 2.5rem;
    }

    .menu>.menu-item-has-children:not(.gp_mega_item) {
        padding-bottom: 2.5rem;
        margin-bottom: -2.5rem;
    }

    .menu>.menu-item-has-children:not(.gp_mega_item)>.sub-menu {
        top: 100%;
        border-radius: var(--border-radius);
        padding-block: 1rem;
        box-shadow: 0px 8px 80px 0px rgba(0, 0, 0, 0.08);
    }

}

.menu-highlighted a {
    background-color: var(--accent);
    color: var(--text-base);
    border-radius: 100vw;
    padding: 1rem 1.5rem;
    line-height: initial !important;
    margin-left: 1rem;
}

.slideout-navigation .menu-highlighted a {
    margin-left: 0;
    width: 200px;
    text-align: center;
    margin: 1rem auto;
}

.menu-highlighted a:is(:hover, :focus-visible) {
    background-color: var(--canvas-contrast);
    color: var(--text-contrast) !important;
    text-decoration: none !important;
}

.mega-menu-promo-block .gb-container-link:is(:hover, :focus-visible)~.gb-button {
    background-color: var(--canvas-base);
    border-color: var(--canvas-base);
}

/* Single blog */
.blog h2.entry-title {
    font-size: clamp(1.125rem, 0.8571rem + 0.8571vw, 1.5rem);
}

.post-image img {
    border-radius: var(--border-radius);
}

#main .paging-navigation .nav-links .current,
a.page-numbers:hover {
    background: var(--contrast-3);
}

a.page-numbers,
.paging-navigation .nav-links .current {
    display: inline-block;
    text-decoration: none;
    padding: 0 20px;
    margin-right: 6px;
    cursor: pointer;
    min-width: 3rem;
    min-height: 3rem;
    line-height: 1.5;
    background: var(--base);
    align-content: space-evenly;
    justify-content: space-between;
    justify-items: start;
    border-radius: .25rem;
    text-align: center;
    font-weight: 600;
}

.nav-links {
    text-align: right;
}

/* Custom winkelmededeling */
#winkel-mededeling-banner {
    background-color: var(--contrast-2);
    color: #111827;
    /* Donkergrijs/zwart */
    padding: 12px 20px;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 9999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#winkel-mededeling-banner a {
    color: inherit;
    text-decoration: underline;
}

.winkel-mededeling-banner .sluit-mededeling {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    color: #111827;
}

@media (min-width: 780px) {
    .facet-button {
        display: none;
    }

    .facetwp-facet-tips_advies_mobiel {
        display: none;
    }
}

.woocommerce-variation-availability .stock.in-stock:not(.custom-melding) {
    display: none;
}