/* Cart row styling */
    .wincalc-cart-table-body-row {
        min-height: 180px !important;
        transition: min-height 0.6s ease-in-out;
    }
    
@media (max-width: 1200px) {
   .wincalc-cart-table-body-row {
    min-height: 160px !important;
  }
    
}  
    
    
    /* Attribute item styling */
    .wincalc-cart-item-attributes div {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.7;
    }
    /* Hide extra attribute items by default */
    .wincalc-cart-item-attributes .extra-attribute {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out;
    }
    /* When the hidden checkbox is checked, extra attributes are revealed */
    .wincalc-toggle-extra-checkbox:checked ~ .toggleable .extra-attribute {
        opacity: 1;
        max-height: 1000px;
    }
    /* Styling for the toggle label (button) */
    .wincalc-toggle-extra {
        display: inline-block;
        margin-top: 5px;
        padding: 0.3em 0.6em;
        font-size: 0.9em;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        color: #333;
        cursor: pointer;
        transition: background-color 0.6s ease-in-out;
    }
    .wincalc-cart-item-remove {
        display: inline-block;
        float: right;
        margin-top: 6px;
        background: #f9f9f9;
        border: 1px solid #ccc;
        cursor: pointer;
        color: #333;
        padding: 0.1em 0.6em;
        font-size: 14px;
        transition: background-color 0.6s ease-in-out;
    }
    .wincalc-cart-item-remove:hover,
    .wincalc-toggle-extra:hover, .wincalc-cart-item-edit:hover {
        background-color: #e9e9e9;
    }
    /* Toggle text using pseudo-element */
    .wincalc-toggle-extra::after {
        content: " Expand Details";
    }
    .wincalc-toggle-extra-checkbox:checked ~ label.wincalc-toggle-extra::after {
        content: " Show Less";
    }
    /* Limit thumbnail images */
    .wincalc-selection-thumbnail img {
        max-height: 250px;
        overflow: hidden;
    }
    /* Column widths */
    .wincalc-cart-table-header-cell.is-number,
    .wincalc-cart-table-body-cell.is-number {
        width: 5%;
        text-align: center;
        font-weight: bold;
    }
    .wincalc-cart-table-header-cell.is-remove,
    .wincalc-cart-table-body-cell.is-remove {
        width: 5%;
    }
    .wincalc-cart-table-header-cell.is-image,
    .wincalc-cart-table-body-cell.is-image {
        width: 15%;
    }
    .wincalc-cart-table-header-cell.is-product,
    .wincalc-cart-table-body-cell.is-product {
        width: 40%;
    }
    .wincalc-cart-table-header-cell.is-subtotal,
    .wincalc-cart-table-body-cell.is-subtotal {
        width: 12%;
    }
    .wincalc-cart-table-header-cell.is-count,
    .wincalc-cart-table-body-cell.is-count {
        width: 5%;
    }
    .wincalc-cart-table-header-cell.is-total,
    .wincalc-cart-table-body-cell.is-total {
        width: 12%;
    }
    /* Styling for selection attributes */
    .wincalc-selection-attributes {
        font-family: inherit;
        font-size: 0.9em;
        color: #333;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }
    .wincalc-selection-attributes dt {
        font-weight: 500 !important;
        margin: 0;
        padding: 0.2em 0;
    }
    .wincalc-selection-attributes dd {
        margin: 0;
        padding: 0.2em 0;
    }
    .wincalc-cart-item-remove svg,
    .wincalc-cart-item-edit svg {
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 25px;
    }
    .wincalc-cart-item-edit {
        display: inline-block;
        float: right;
        margin-top: 6px;
        background: #f9f9f9;
        border: 1px solid #ccc;
        cursor: pointer;
        color: #333;
        padding: 0.1em 0.6em;
        font-size: 14px;
        transition: background-color 0.6s ease-in-out;
        margin: 6px 5px!important;
    }
    
.wincalc-tabs {
    align-content: flex-start;
    align-items: flex-start;
    display: flex
;
    flex-wrap: wrap;
    gap: .2rem .2rem!important;
}

.wincalc-cart-controls {
    align-items: center;
    background-color: transparent!important;
    display: flex
;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
    padding: .5rem;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1!important;
}

.wincalc-selection-panel{
    
border: 3px solid #41a8f6!important;

/*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/


}


   /* Set a maximum height to show only the first 6 attribute items (adjust as needed) */
    .wincalc-selection-attributes {
       /* max-height: 160px;  Adjust this value as needed to show about six items 
        overflow: hidden;*/
        transition: max-height 1.2s ease; /* Smooth transition for max-height changes */
    }
    
    /* When the hidden checkbox is checked, set max-height to a large value for expansion */
    .wincalc-toggle-attributes-checkbox:checked ~ .toggleable {
        max-height: 1000px; /* Use a value large enough to reveal all content */
    }
    
    /* Toggle button (label) styling */
    .wincalc-toggle-attributes {
        display: inline-block;
        margin-top: 5px;
        padding: 0.3em 0.6em;
        font-size: 0.9em;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        color: #333;
        cursor: pointer;
        transition: background-color 0.9s ease;
    }
    .wincalc-toggle-attributes:hover {
        background-color: #e9e9e9;
    }
    
    /* Pseudo-element for toggle text (defaults to " Show More", changes to " Show Less" when checked) */
    .wincalc-toggle-attributes::after {
        content: " Expand Details";
    }
    .wincalc-toggle-attributes-checkbox:checked ~ label.wincalc-toggle-attributes::after {
        content: " Show Less";
    }
    
    /* Optional: Additional styling for the selection attributes */
    .wincalc-selection-attributes dt,
    .wincalc-selection-attributes dd {
        margin: 0;
        padding: 0.2em 0;
    }

    /* Styling for selection attributes */
    .wincalc-selection-attributes {
        font-family: inherit;
        font-size: 0.9em;
        color: #333;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }
    .wincalc-selection-attributes dt {
        font-weight: 500 !important;
        margin: 0;
        padding: 0.2em 0;
    }
    .wincalc-selection-attributes dd {
        margin: 0;
        padding: 0.2em 0;
    }    


@media (max-width: 1200px) {
  /* Make the container a vertical flex container */
  .wincalc-layout-default.wincalc-main-row {
    display: flex;
    flex-direction: column;
  }
   /* Order the Canvas (cart table) first */
  .wincalc-canvas {
    order: 0;
  }  
    
    
    
    /* Order the sidebar (cart table) first */
  .wincalc-sidebar {
    order: 2;
  }
  /* Order the main section (selection) second */
  .wincalc-main {
    order: 1;
  }
  
  
  .wincalc-controls{
     position: static!important;
      
  }
  
  
    .wincalc-cart-controls{
     position: static!important;
      
  }
  

}


 .wincalc-siggle-cart-title{
    
    background-color: #e9e9e9;
    text-align: center;
    font-size: x-large;
    border: 1px solid #dee2e6;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 6px;
    font-weight: 500;
}
    












/* optional: give a little breathing room below the image */
.wincalc-selection-thumbnail {
  margin-bottom: 1rem;
}

.wincalc-element.is-decoration-vertical-ruler{
   
   margin-left: 15px!important;  
    
}


@media (max-width: 1200px) {
  .wincalc-element .is-type-input .is-decoration-vertical-ruler{
    display: none!important;
  }

}




.wincalc-product-options-modal-open.btn {
    z-index: 2;
}


/********Calculator additional custom styling************/


select.form-control:not([size]):not([multiple]) {
    height: 100%;
}


.wincalc-combinations-categories-list-item-input:checked+.wincalc-combinations-categories-list-item-thumbnail {
    border: 2px solid #41a8f6!important;
	
}

.wincalc-combinations-list-item-input:checked+.wincalc-combinations-list-item-thumbnail{
    border: 2px solid #41a8f6!important;
}


.wincalc .btn-check.active, .wincalc .btn-check.show, .wincalc .btn-check:checked+.btn, .wincalc .btn-check:first-child:active {
    background-color: #41a8f6!important;
    border-color: #41a8f6!important;
    
}

.wincalc-layout-steps .wincalc-tab-link:hover {
    background-color: #41a8f6!important;
    border-color: #41a8f6!important;
}


.wincalc-layout-steps .wincalc-tab-link {
    color: #f8f9fa;
    background-color: #212121!important;
    border-color: #212121!important;
    box-shadow: 2px 6px 7px rgba(0, 0, 0, 0.3);
}



.wincalc-cart-item-attributes.table.table-sm {
        background-color: transparent;
}

.wincalc-cart-table-body-row:hover {
        background-color: #f7f7f7!important;
}

.wincalc-option.is-type-image-checkbox .wincalc-option-value input:disabled~.wincalc-option-value-thumbnail .wincalc-option-value-image,.wincalc-option.is-type-image-radio .wincalc-option-value input:disabled~.wincalc-option-value-thumbnail .wincalc-option-value-image {
    opacity: 0.2!important;

}

.wincalc-option.is-type-image-radio .wincalc-option-value-label {
    min-width: 125px;
    text-align: center;
}

.wincalc-option.is-type-image-checkbox .wincalc-option-value-image, .wincalc-option.is-type-image-radio .wincalc-option-value-image {
    min-width: 125px;
    text-align: center;
}

.wincalc-product-size-input-value{
    background-color: #f9ffff!important;
    margin: 22px!important;
    border: 1px solid #ced4da!important;
    box-shadow: 2px 6px 7px rgba(0, 0, 0, 0.3)!important;
    border-radius: 5px;
    transition: 0.4s ease-in-out;

}

.wincalc-product-size-input-value:hover{
    margin: 22px!important;
    border: 1px solid #bbb!important;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.3)!important;
    border-radius: 5px;
    

}


.wincalc.has-cart.is-cart-empty .wincalc-control.is-get-pdf, .wincalc.has-cart.is-cart-empty .wincalc-control.is-order-contact-form, .wincalc.has-cart.is-cart-empty .wincalc-control.is-order-woocommerce, .wincalc.has-cart.is-cart-empty .wincalc-control.is-save-preset, .wincalc:not(.can-go-prev) .wincalc-control.is-prev {
    opacity: 0.35!important;
}


.wincalc-element-input.form-control{
    background-color: transparent!important;
}

.is-type-vertical-slider{

    z-index: 2!important;
    margin-left: 20px!important;
}



.wincalc-toggle{
    color: #ffffff!important;
    background-color: #41a8f6!important;
    border-color: #41a8f6!important;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.4)!important

}


.wincalc-options-label{
    margin-left: 7px!important;

}



@media (max-width: 1200px) {

 .wincalc .card-body {
    padding: 5px!important;
}

}



@media (max-width: 700px) {
    .unit-converter {
        text-align: center!important;
}

}



/*
@media (max-width: 480px) {

 .unit-converter {
    text-align: center!important;
}

}
*/



.wincalc-combinations-categories-list.is-dropdown.form-group{
    /*border: 1px solid #41a8f6!important;*/
    border-radius: 5px!important;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3)!important;
    margin: 5px!important;

}


.form-control .wpcf7-form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: var(--wincalc-body-bg);
    border: var(--wincalc-border-width) solid var(--wincalc-border-color);
    border-radius: var(--wincalc-border-radius);
    color: var(--wincalc-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}




/* Smooth out all wincalc toggle panels */
.wincalc-options-body.collapsing {
  /* Bootstrap normally does `.35s ease`—we’ll make it slower + ease-in-out */
  transition: height 0.8s ease-in-out !important;
}

/* Once expanded, keep the same smooth timing if the height ever changes */
.wincalc-options-body.collapse.show {
  transition: height 0.8s ease-in-out;
}




.wincalc-selection-totals-item-name{

    text-align: left!important;
}


@media (max-width:950px){
    .wincalc-tab-link{flex:100%}
    .wincalc-table-responsive th,.wincalc-table-responsive-hidden{display:none}
    .wincalc-table-responsive td{border-bottom:0!important;border-left:0!important;border-right:0!important;display:block;width:auto!important}
    .wincalc-table-responsive td[data-th]{text-align:right}
    .wincalc-table-responsive td:not([data-th]){text-align:center}[dir=rtl] 
    .wincalc-table-responsive td{text-align:left}
    .wincalc-table-responsive td:before{content:attr(data-th);float:left;font-weight:700;max-width:50%;text-align:left}[dir=rtl] 
    .wincalc-table-responsive td:before{float:right;text-align:right}
    .wincalc-table-responsive td:after{clear:both;content:"";display:block}
    .wincalc-table-responsive tr:nth-child(2n) .wincalc-table-responsive tr,.wincalc-table-responsive tr:nth-child(2n) td{background-color:rgba(0,0,0,.02)}}
    .wincalc-tooltip{position:relative}
    .wincalc-tooltip:focus .wincalc-tooltip-content,.wincalc-tooltip:hover .wincalc-tooltip-content{display:block;opacity:.9}
    .wincalc-tooltip-content{background-color:var(--wincalc-emphasis-color);border-radius:var(--wincalc-border-radius);bottom:100%;color:var(--wincalc-body-bg);display:none;font-family:var(--wincalc-font-sans-serif);font-size:.875rem;font-style:normal;font-weight:400;left:50%;letter-spacing:normal;line-break:auto;line-height:1.5;max-width:200px;padding:.25rem .5rem;position:absolute;text-align:left;text-align:start;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;transform:translate(-50%,-.5rem);white-space:normal;width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:normal;word-spacing:normal;z-index:1080;word-wrap:break-word;opacity:0;transition:opacity .5s,display allow-discrete .5s}
    .wincalc-tooltip-content:after{border-color:var(--wincalc-emphasis-color) transparent transparent transparent;border-style:solid;border-width:.25rem;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}
    .wincalc-tooltip-content p:last-child{margin-bottom:0}.wincalc{clear:both}
    .wincalc.is-loading{min-height:10rem;opacity:.8;pointer-events:none;position:relative}
    .wincalc.is-loading:after{background:url(../images/spinner.svg) no-repeat 50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}
    .wincalc.is-editing .wincalc-control.hide-if-cart-item-editing,.wincalc:not(.is-editing) .wincalc-control.show-if-cart-item-editing{display:none}
    .wincalc.has-cart.is-cart-empty .wincalc-control.disable-if-cart-empty,.wincalc:not(.can-go-prev) .wincalc-control.is-prev{opacity:.65;pointer-events:none}
    .wincalc.can-go-next .wincalc-control.is-cart-item-add,.wincalc.can-go-next .wincalc-control.is-get-pdf,.wincalc.can-go-next .wincalc-control.is-order-contact-form,.wincalc.can-go-next .wincalc-control.is-order-woocommerce,.wincalc.can-go-next .wincalc-control.is-repeat,.wincalc:not(.can-go-next) .wincalc-control.is-next{display:none}
    .wincalc.has-unavailable-size .wincalc-control,.wincalc:has(.has-unavailable-size) .wincalc-control{opacity:.65;pointer-events:none}
    .wincalc[data-nav-walk-type=strict] .wincalc-tab-toggle:checked+.wincalc-tab-link~.wincalc-tab-link:not([class*=is-hidden])~.wincalc-tab-link{opacity:.65;pointer-events:none}
    .wincalc[data-nav-walk-type=strict]:has(.wincalc-tab-toggle:checked+.wincalc-tab-link+.wincalc-tab :invalid) .wincalc-control.is-next,.wincalc[data-nav-walk-type=strict]:has(.wincalc-tab-toggle:checked+.wincalc-tab-link+.wincalc-tab :invalid) .wincalc-tab-toggle:checked~.wincalc-tab-link:not([class*=is-hidden])~.wincalc-tab-link{opacity:.65;pointer-events:none}
    .wincalc [hidden]{display:none}