/*hidden elements*/
body:not(.medische-beroepskleding) div.materiaal,
.woocommerce-variation-price,
div:not(.woocommerce-variation-availability)>.stock.available-on-backorder,
.medical-werff-bv .logo_brand,
.w-grid .extra-options,
.studentenpakket.product-type-bundle #main_price,
.site-1.postid-27045 #main_price,
.site-1.postid-28836 #main_price,
.studentenpakket .bundle_availability,
.site-1.postid-27045 .bundle_availability,
.site-1.postid-28836 .bundle_availability,
.custom_bundle_product .sku>div:nth-child(2),
a.merkloos-universeel,
.custom_bundle_product .from,
.pswp__caption,
.cart[data-title*="Graveren"] .stock,
.woocommerce-ordering:after,
.woocommerce-select:after,
.select2-selection:after {
    display: none !important;
}

/*image popup*/
.pswp .pswp__bg {
    background: #fff;
}

.bundle_sells_form .image.zoom {
    pointer-events: none;
}

/*loading effect add to cart*/
.g-preloader.type_1 {
    position: absolute;
    width: -webkit-fill-available;
    width: -moz-available;
    height: -webkit-fill-available;
    height: -moz-available;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.g-preloader.type_1:before,
.g-preloader.type_1:after {
    width: 1em;
    height: 1em;
    margin: auto;
}

#page-content .button .g-preloader {
    transform: none;
}

/*disabled bundle sells*/
.bundled_product_optional_checkbox.disabled {
    position: relative;
}

.bundled_product_optional_checkbox.disabled:before {
    position: absolute;
    content: 'Selecteer eerst een product';
    left: 0;
    background: white;
    padding: 0.25rem;
    z-index: 1;
    font-weight: 700;
    display: flex;
    flex-direction: revert-layer;
    bottom: -0.2rem;
    color: red;
}

/*product details tabs*/
.w-tabs.style_radio3>.w-tabs-list .w-tabs-list-h {
    border-radius: unset !important;
    width: 100%;
}

#product_details .g-cols {
    margin: 0;
}

.product-information .w-post-elm.post_custom_field {
    margin: 0.25rem 0;
}

.product-information .w-post-elm-before {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    font-weight: 700;
}

.product-information .w-post-elm-value {
    display: inline-block;
    width: auto;
    vertical-align: top;
}

#materiaal:before {
    content: 'Materiaal: ';
}

#katoen:before {
    content: 'Katoen:';
    margin-right: 0.3rem;
}

#polyester:before {
    content: 'Polyester:';
    margin: 0 0.3rem;
}

#katoen:after,
#polyester:after {
    content: '%, ';
}

.w-post-elm.attributes .w-post-elm-before:before {
    content: 'Beschikbare';
    padding-right: 0.3rem;
}

#page-content .woocommerce-product-attributes-item__value {
    padding: 0.6rem 0;
}

.tab-maatvoering table {
    table-layout: fixed;
}

.tab-maatvoering table:after {
    content: 'Maatdetails zijn in centimeters';
    display: block;
    font-style: italic;
    font-weight: 700;
    margin-top: 1.5rem;
}

.w-post-elm-before,
.woocommerce-product-attributes-item__value {
    border-bottom: none !important;
}

/*ean sku*/
.product_field.sku .w-post-elm-before {
    display: inline-block;
    width: 98px;
    margin-right: 0.5rem;
    font-weight: 700;
}

/*levertijd*/
.verzendtijd .w-post-elm-before {
    font-weight: 700;
}

/*swatches*/
.swatch-wrapper,
.swatch-wrapper a,
.swatch-wrapper img {
    border-radius: 100%;
}

table.variations th.label {
    font-size: 1.2rem;
}

table.variations tr {
    display: grid;
}

table.variations tr:not(:first-child) {
    margin-top: 0.75rem;
}

body.laryngoscopen table.variations th.label,
body.laryngoscopen table.variations td.value,
body.otoscopen table.variations th.label,
body.otoscopen table.variations td.value {
    display: table;
    width: 100%;
    margin-bottom: 1rem !important;
}

body.laryngoscopen table.variations .label label:after {
    content: ' keuze:';
}

body.laryngoscopen table.variations .label label,
body.otoscopen table.variations .label label {
    font-size: 1.2rem;
    display: inline-block;
}

table.variations .radio-select ul {
    display: flex;
}

table.variations .radio-select li {
    display: inline-flex;
    align-items: center;
    flex-basis: max-content;
    flex-wrap: nowrap;
    margin-bottom: 0;
    margin-right: 1.5rem;
}

table.variations .radio-select label {
    padding: 0 !important;
    margin-left: 0.3rem !important;
}

table.variations th.label label {
    padding: 0 !important;
    display: inline-block;
}

.swatch-label:before {
    content: 'Gekozen:';
    margin-right: 0.3rem;
}

.swatch-label {
    font-size: small;
    margin-top: 0.5rem;
}

/*attribute description*/
.woocommerce-variation-description:not(:empty) {
    padding: 0.5rem;
    font-style: italic;
    background-color: #fff;
    font-size: 90%;
    border: 1px solid #cdcdcd;
}

/*availability*/
#page-content .woocommerce-variation-availability,
#page-content .woocommerce-variation-availability .stock.available-on-backorder {
    color: var(--content-text);
    font-size: small;
    margin-bottom: 1rem;
    font-weight: 700;
}

.heine .woocommerce-variation-availability:empty:after {
    content: 'Levertijd 1 - 2 werkdagen';
}

/*price*/
#main_price .price {
    width: max-content;
    text-align: center;
}

#main_price .price .from {
    font-size: 1.2rem;
    text-transform: lowercase;
}

#main_price .price-prefix {
    font-size: 1rem !important;
    text-transform: lowercase;
}

.merk span:after {
    content: 'f25d';
    font-weight: 100;
    font-family: fontawesome;
    font-size: 1.2rem;
    padding-left: 0.2rem;
    vertical-align: top;
}

#main_price .woocommerce-price-suffix {
    display: block;
    padding-top: 1rem;
    font-size: 1.3rem;
    opacity: 0.5;
    text-align: left;
}

#main_price .woocommerce-price-suffix:after {
    content: ' excl. btw';
    font-size: 0.8rem;
}

body:not(.littmann) #main_price .from {
    display: none;
}

/*custom bundle items*/
.custom_bundle_product .woocommerce-product-gallery {
    max-width: 150px;
}

.custom_bundle_product .flex-control-nav li {
    width: 70px !important;
}

.custom_bundle_product>.product:after {
    content: '';
    display: block;
    clear: both;
}

.add_bundle_wrapper {
    width: calc(100% - 150px - 1.5rem);
    float: right
}

.custom_bundle_product .product_meta {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1.5rem;
}

.bundle_options:before {
    content: 'Voeg optioneel toe:';
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

#page-content .bundled_product_checkbox {
    margin-bottom: 0;
}

.custom_bundle_product div.bundled_product_summary:not(.thumbnail_hidden) .details {
    width: 100%;
    float: unset;
}

/*uitvoeringen*/
.uitvoeringen,
.uitvoeringen .woocommerce-price-suffix {
    display: none;
    margin-bottom: 3rem;
}

.acfvc_product_data {
    padding-left: 1rem;
}

.uitvoeringen .repeater-wrapper {
    margin-top: 1.5rem;
}

.sw-acf-field-label {
    font-size: 1.3rem;
    font-weight: 600;
}

.uitvoeringen .reapeter-column {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    background-color: #fff;
}

.uitvoeringen .reapeter-column:after {
    content: '';
    display: block;
    clear: both;
}

.acfvc_thumbnail {
    width: 150px;
    float: left;
}

.acfvc_product_data {
    width: calc(100% - 150px - 1.5rem);
    float: right;
}

.acfvc_price:after {
    content: 'incl. btw';
    font-size: 0.8rem;
}

.acfvc_product_data a h2 {
    transition: color 0.3s;
}

.acfvc_product_data a h2:hover {
    color: var(--color-alt-content-link-hover);
}

/*checkbox add on product*/
#page-content .bundled_product_checkbox {
    vertical-align: bottom;
    width: var(--inputs-checkbox-size, 1.5em);
}

#page-content .wc-pao-addon-description {
    font-style: normal;
    font-weight: 700;
}

#page-content .bundle_form.bundle_sells_form {
    padding-top: 0;
}

.bundled_product_optional_checkbox .price {
    font-size: 1rem !important;
    font-weight: normal !important;
}

.bundled_product_title.product_title {
    margin-bottom: 1rem !important;
}

.bundled_product_excerpt.product_excerpt {
    margin-bottom: 1.5rem;
}

.acfvc_price {
    width: 130px;
}

.studentenpakket .bundle_price {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    font-size: 1.2rem;
    padding: 0.5rem 0;
    text-align: center;
    z-index: 20;
    border-top: 1px solid var(--color-content-primary);
}

.studentenpakket .bundle_price p.price {
    margin-bottom: 0 !important;
}

body.studentenpakket .bundle_button button.bundle_add_to_cart_button {
    text-transform: uppercase;
}

.studentenpakket .bundle_add_to_cart_button:before {
    content: 'Keuzes ';
    position: unset;
}

/*graveren*/
.wc-pao-addon.lettertype .wc-pao-addon-wrap,
.custom_bundle_product .wc-pao-addon.lettertype .wc-pao-addon-wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}

.wc-pao-addon.lettertype .wc-pao-addon-wrap>div,
.custom_bundle_product .wc-pao-addon.lettertype .wc-pao-addon-wrap>div {
    flex-basis: 40%;
    font-size: 1.4rem;
}

#page-content .wc-pao-addon.lettertype label {
    width: 100%;
    margin: 1rem 0;
}

#page-content .wc-pao-addon.lettertype label {
    font-weight: normal !important;
}

.wc-pao-addon-description {
    margin-bottom: 1rem;
}

.input-text.wc-pao-addon-field.wc-pao-addon-custom-text {
    font-size: 20px;
}

label[for*="-1-0"] {
    font-family: "Baskerville";
}

label[for*="-1-1"] {
    font-family: "Broadway Pow";
}

label[for*="-1-2"] {
    font-family: "Helvetica";
}

label[for*="-1-3"] {
    font-family: "Times New Roman";
}

label[for*="-1-4"] {
    font-family: "EB Garamond";
}

label[for*="-1-5"] {
    font-family: "Harrington";
}

label[for*="-1-6"] {
    font-family: "Mission Script";
}

label[for*="-1-7"] {
    font-family: "Arial";
}

label[for*="-1-8"] {
    font-family: "Bauhaus 93";
}

label[for*="-1-9"] {
    font-family: "Lucida Calligraphy";
}

/*tablepress*/
h2.tablepress-table-name {
    font-size: 1.4rem;
}

/*grid other products*/
.price .price-prefix {
    font-size: 1rem;
    text-transform: lowercase;
}

.woocommerce-price-suffix {
    display: block;
    padding-top: 0.5rem;
    font-size: x-small;
    opacity: 0.5;
    color: var(--color-content-text);
}

.woocommerce-price-suffix:after {
    content: ' excl. btw';
    font-size: 0.8rem;
}

/*student bundels*/
.studentenpakket .bundle_form>div:not(.cart) {
    overflow: hidden;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 5px;
    margin-bottom: 1.618rem;
}

.dropdown-wrapper.graveren {
    padding: 1.2rem;
}

.collapse-wrapper {
    display: flex;
    align-items: flex-start;
}

.collapse-title {
    margin-left: 1rem;
}

.collapse-btn {
    cursor: pointer;
}

.hidden-wrap>.bundled_product:first-child {
    margin-top: 1.618rem;
}

body.studentenpakket .bundle_form .bundle_error {
    margin-bottom: 3rem !important;
}

button.bundle_add_to_cart_button:not(.disabled):disabled:after {
    content: 'Kies nog een Reflexhamer';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -3rem;
    padding: 0.5rem;
    background-color: orange;
    border-radius: 3px;
    text-transform: none;
    opacity: 1;
}

.studentenpakket .bundle_price,
body.postid-27045 .bundle_wrap,
body.postid-28836 .bundle_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    font-size: 1.2rem;
    padding: 0.5rem 0;
    text-align: center;
    z-index: 20;
    border-top: 1px solid var(--color-content-primary);
}

.studentenpakket .bundle_price p.price {
    margin-bottom: 0 !important;
}

body.studentenpakket .bundle_button button.bundle_add_to_cart_button {
    text-transform: uppercase;
}

.studentenpakket .bundle_add_to_cart_button:before {
    content: 'Keuzes ';
    position: unset;
}

@media (min-width: 600px) and (max-width: 1024px) {

    .wc-pao-addon-container.lettertype .wc-pao-addon-wrap div[class*="wc-pao-addon-"],
    .custom_bundle_product .wc-pao-addon-lettertype>p {
        flex-basis: 50%;
        font-size: inherit;
    }

    .w-tabs[style*="--sections-title-size"]>.w-tabs-list {
        font-size: 1.4rem;
    }
}

@media (max-width: 600px) {

    /*theme fix to hide gallery images of optionele producten*/
    .custom_bundle_product .woocommerce-product-gallery.woocommerce-product-gallery--wcavi {
        display: none !important;
    }

    /*swatches*/
    table.variations .radio-select ul {
        flex-wrap: wrap;
    }

    table.variations .radio-select li {
        min-width: 3.8rem;
        margin-top: 1.5rem;
    }

    /*categorie niveau*/
    body.medische-beroepskleding .w-vwrapper #main_price {
        height: 7rem;
    }

    /*uitvoeringen*/
    .acfvc_thumbnail .wp-post-image,
    .custom_bundle_product .wp-post-image {
        max-width: 100px;
    }

    .acfvc_product_data,
    .add_bundle_wrapper {
        width: calc(100% - 100px);
    }

    .uitvoeringen .reapeter-column {
        padding-bottom: calc(3rem + 103px);
        width: 88vw;
        position: relative;
    }

    .mob_wrapper_prod_data {
        position: absolute;
        left: 1.5rem;
        bottom: 1.5rem;
        width: calc(88vw - 3rem);
    }

    .mob_wrapper_prod_data:after {
        content: '';
        display: block;
    }

    /*tabs*/
    .w-tabs-section-content .w-post-elm-before,
    .w-tabs-section-content .w-post-elm-value {
        width: auto;
    }

    .w-tabs-section-content .w-post-elm-before {
        margin-right: 0.5rem;
    }

    .w-tabs-section-header {
        background-color: var(--color-content-primary);
        color: #fff !important;
        font-weight: 700;
        border-radius: 0.3em;
        margin-bottom: 0.5em;
    }

    /*before add to cart*/
    #page-content .bundled_product_images,
    .collapse-wrapper img {
        top: 1.5rem;
        max-width: 30% !important;
        float: left !important;
    }

    .product .small_width.bundle_form div.bundled_product_summary:not(.thumbnail_hidden) .details {
        float: unset;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .w-post-elm.add_to_cart .bundled_product .details {
        position: relative;
        top: -100px;
        margin-bottom: -10rem;
    }

    .bundled_product_optional_checkbox,
    .bundled_product_title {
        width: 65%;
        float: right !important;
        margin-bottom: 0;
    }

    .quantity {
        width: 17%;
    }

    /*custom bundled items*/
    .add_bundle_wrapper {
        padding-left: 1rem;
    }

    .custom_bundle_product {
        margin-bottom: 2rem;
    }

    #page-content .custom_bundle_product .woocommerce-product-gallery {
        margin: 0 !important;
    }

    .custom_bundle_product .gallery_wrapper {
        float: left;
        max-width: 100px;
    }

    .custom_bundle_product .flex-control-nav li {
        max-width: 50px;
    }

    .custom_bundle_product .bundled_product .details {
        display: flex;
        flex-direction: column;
    }

    /*bundle pakket*/
    .studentenpakket .bundled_product_excerpt.product_excerpt {
        margin-top: calc(100px + 1rem);
    }

    .studentenpakket .hidden-wrap.graveren .bundled_product_excerpt.product_excerpt {
        margin-top: unset;
    }

    .collapse-title h5 {
        float: right !important;
        margin-bottom: 0;
    }

    .collapse-title p {
        margin-top: 100px;
    }

    .collapse-title p,
    .collapse-btn {
        margin-left: -100px;
    }

    .hidden-wrap.graveren .bundled_product_title {
        float: none !important;
        width: 100%;
    }

    .hidden-wrap .bundled_product_optional_checkbox {
        float: left !important;
        margin-bottom: 3rem !important;
    }

    .hidden-wrap.graveren .bundled_product_optional_checkbox {
        margin-bottom: 0 !important;
        width: 100%;
    }

    .w-post-elm.add_to_cart .hidden-wrap.graveren .bundled_product .details {
        margin: unset;
        position: unset;
    }

    /*graveren*/
    .wc-pao-addon-container.lettertype .wc-pao-addon-wrap div[class*="wc-pao-addon-"],
    .custom_bundle_product .wc-pao-addon.lettertype>div {
        flex-basis: 50%;
        font-size: inherit;
    }
}