/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 20 2025 | 08:47:09 */
.archive-header .woocommerce-breadcrumb {
    padding-top: 2.5em;
}

div#yith-wapo-option-1-0 {
    margin-bottom: 20px;
}

.checkbox-button-container {
    margin-bottom: 10px;
}

div#wc-od {
    display: none;
}

.archive-header .woocommerce-breadcrumb {
    margin-top: 0em !important;
}

.options.per-row-10.grid {
    display: -webkit-box !important;
    overflow-x: scroll;
    padding-bottom: 2em;
    width: calc(100% + 0px);
}
/*
label.yith-wapo-addon-label {
    position: relative;
    top: -20px;
    left: 25px;
    width: 100% !important;
}*/

.options.per-row-10.grid::-webkit-scrollbar{
        height: 5px;
    }


.options.per-row-10.grid::-webkit-scrollbar:horizontal {
   height: 5px;
}


    .options.per-row-10.grid::-webkit-scrollbar-track{
        background-color: rgba(0,0,0,.1);
        border-radius: 0px;
    }

    .options.per-row-10.grid::-webkit-scrollbar-thumb{
        background-color: black;
        border-radius: 0px;
    }

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display {
    border: 0px solid #000;
    border-radius: 0px;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after {
	display: none;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display {
    border: 1px solid #eaebeb;
	border-radius: 5px;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option {
    margin-right: 20px;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display {
    border: 2px solid #000;
    border-radius: 5px;
   
}

div#wapo-total-price-table {
    display: none;
}


label.image-container {
    padding-bottom: 10px;
}

div#yith-wapo-addon-2, div#yith-wapo-addon-16 {
    border-top: 8px solid #F9EDD6;
    margin-top: 30px;
    padding-top: 20px;
    margin-bottom: 5vh;
}

textarea#yith-wapo-2-0 {
    border-radius: 4px !important;
    border-color: black !important;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
        border: 1px solid #3e7a64 !important;
    }

:root {
  --checkbox-border-color: #000;
  --checkbox-checked-color: #274c77;
  --checkbox-hover-color: #000;
  --checkbox-disabled-bg-color: #d9d9d9;
}

input[type="checkbox"] {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--checkbox-border-color);
  appearance: none;
  background-color: transparent;
  outline: none;
  transition: outline 0.1s;
border-radius: .2rem;
}

input[type="checkbox"]:checked {
  background-size: cover;
}

input[type="checkbox"]:not(:disabled):checked {
    border-color: var(--checkbox-checked-color);
    background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: "#ffffff" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>);
    background-color: black;
    outline: 1px solid;
    border: 3px solid white;
    border-radius: .2rem;
}

input[type="checkbox"]:disabled {
  background-color: var(--checkbox-disabled-bg-color);
}

/*input[type="checkbox"]:disabled:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %238b8c89" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}*/
/*
@media (hover: hover) {
  input[type="checkbox"]:not(:disabled):hover {
    background-color: none;
    outline: 0px solid var(--checkbox-hover-color);
    transform: none;
  }
}*/

input[type="checkbox"]:focus-visible {
  outline: 1px solid var(--checkbox-hover-color);
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  input[type="checkbox"] {
    transition: none;
  }
}

label.yith-wapo-addon-label {
    vertical-align: super;
}

/*div#yith-wapo-option-15-0 {
    border-color: rgb(226, 224, 220);
    padding: 15px;
    border: 1px solid rgb(226, 224, 220);
    border-radius: .2rem;
    width: 100%;
}*/