/****** CSS for KWO Checkout Plugin ******/
.kwo-variation-info {
    margin-bottom: 0.5em;
}

.kwo-variation-info .price {
    font-size: larger;
    color: #555;
    margin-left: 0.5em;
    /*float:right;*/
}

.kwo-variation-down , .kwo-variation-up {       
    font-size: large;
    cursor: pointer;
    clear:both;
    color:#06b480;
    float:right;
}
.kwo-variation-up {
    display: none;
   
}

.kwo-variation-matrix {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    /*max-width:600px;*/
    margin:0 auto;
}

.kwo-variation-row {
    display: block;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    border:1px solid #bbb;
    cursor: pointer;
    font-size:large;
    padding:2px;
    

}

.kwo-variation-row:hover {
    /*background-color: #e6ffe6;  light green */
     border:3px solid #06b480;
     padding:0;
}


.kwo-variation-row .quantity {
    font-size:x-small;
} 

 .kwo-variation-row button.single_add_to_cart_button.button.alt {
    font-size:large;
    background-color:#06b480;
}
.kwo-global-add-to-cart {
    display: flex;
    align-items: center;
    gap: 12px; /* optional */
}

.kwo-global-add-to-cart .single_add_to_cart_button {
    flex: 1;          /* take up remaining space */
    width: auto;      /* prevent 100% width */
    white-space: nowrap; /* stops it wrapping */

}


.kwo-variation-row .cart {
    display: flex;
}

.kwo-variation-data {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 1rem
}

.kwo-variation-data.open {
    max-height: 500px; /* or auto with JS */
    transition: max-height 1s ease;
}

.kwo-product_descrip 
 {  
    text-align: left;
    padding:10px;
  
}



.kwo-add-to-cart {
    float:left;
}
.kwo-select{
    text-align: center;
    font-size: larger;
    color: #fff;
    background-color: #06b480;
    /*max-width:600px;*/
    margin:10px auto

}

.grid2{
    display: grid;
    grid-template-columns: 200px auto;
    gap: 0;
}

.grid3{
    display: grid;
    grid-template-columns: 200px auto;
    gap: 0;
}

/* Row striping: rows 1, 3, 5... */
.grid2 > :nth-child(4n + 1),
.grid2 > :nth-child(4n + 2) {
    background: #f2f2f2;
}
/* Row striping: rows 1, 3, 5... */
.grid3 > :nth-child(4n + 3),
.grid3 > :nth-child(4n + 4) {
    background: #f2f2f2;
}
.grid-item {
    padding: 5px;
    font-weight:normal
}

.hide-mobile {
    display: block;
}

@media (max-width: 850px) {
    .hide-mobile {
        display: none !important;
    }
        .show-mobile {
            display: block !important;
        }   
    
}

.show-mobile {
    display: none;
}

/* Hide the native radio */
.kwo-variation-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Wrapper label must be positioned */
.kwo-variation-row {
    position: relative;
    display: flex;
    align-items: center;
    /*padding: 10px 10px;*/
}

.kwo-variation-title {
    flex: 1; /* takes up remaining space */
    text-align: left;
}

.kwo-right {
    margin-left: auto;
    text-align: right;
    min-width: 80px; /* optional: keeps it tidy */
}

/* Tick box on the right */
/* Hide the native radio */
.kwo-variation-radio {
    width: 20px;
    height: 20px;
    border: 2px solid #06b480;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    position: relative;
        
}


.kwo-variation-header {
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0;
border-radius: 6px;
    text-align: center;
    width:100%;
    background-color: #06b480;
     color:#fff
}
.kwo-variation-header h3{
 color:#fff;
 font-size: 1em;
 padding:5px
}

/* Empty tick box on the right */
.kwo-tick {
    width: 20px;
    height: 20px;
    /*border: 2px solid #333;*/
    border-radius: 4px;
    margin-left: 10px;

    display: inline-block;
    box-sizing: border-box;
   
}

/* When selected → show tick */
.kwo-variation-row input:checked ~ .kwo-tick::after {
    content: "✓";
    font-size: 18px;
    font-weight: bold;
    color: #06b480;
    position: relative;
    top: -2px;
    left: 3px;
}

/* Highlight the selected row */
.kwo-variation-row:has(.kwo-variation-radio:checked) {
    border: 3px solid #06b480;
    border-radius: 6px;
    background: #f2f2f2;
    padding:2px;
    
}

.kwo-additional-info-header {
    font-size: 1em;
    font-weight: bold;
    margin: 1em ;
border-radius: 6px;
    text-align: center;
    
    background-color: #4a5b6e;
    
}


.kwo-additional-info-header H3{
 color:#fff;
 font-size:1em;
 padding:5px;
}

.kwo-additional-info{
    
    color: #000;
    /*border:#000 1px solid;*/
    padding: 0 1em;

}
.variation-data{
    display:none;
}

.kwo-sample-request {
    text-align: right;
}
.kwo-sample-request a {
    
    color: #06b480;
    
}
.kwo-sample-request a:hover {
    
    color: #06b480;
    font-weight:bold;
    
}

.kwo-summary .breadcrumbs {
    display: none;
}

.product{
    padding-top:30px;
}