/**
product page styling
*/
input.ctcl-checkout-button,
button.ctcl-checkout-back,
button.ctcl-checkout-next,
button.ctcl-add-cart{
    color:rgba(255,255,255,1);
    background-color:rgba(61,148,218,1);
    min-width:195px;
    min-height:40px;
    text-transform:capitalize;
    text-decoration: none!important;
    margin-top:10px!important;
    text-align:center;
display:flex;
  align-items:center;
justify-content:center;
}

.ctcl-add-cart:active{
    color:rgba(255,255,255,0.3);
}
.ctcl-add-cart:hover{
    color:rgba(255,255,255,1);
}
.ctcl-add-cart:before{
    display:flex;
  align-items:center;
justify-content:center;
}
.product-price{
    font-size:20px;
}
.ctcl-Variation-1-label,
.ctcl-Variation-2-label{
display:block;
}
.ctcl-Variation-1,
.ctcl-Variation-2{
height:40px;
width:195px;
font-size:14px;
}
.ctcl-product-qty{
    display:block;
}
.ctcl-product-container{
   
    padding:5px;
}

.product-price-container{
    font-size: 17px;
}

.ctcl-qty{
    width:100px!important;
    height:35px!important;
    display:inline-block;
}
.ctcl-quantity{
    height:40px;
}

.ctcl-quantity input{
    display:inline-block!important;
    margin-left:20px!important;
    margin-right:20px!important;
}
.ctcl-plus-qty,
.ctcl-minus-qty{
font-size:23px;
cursor:pointer;
}

.ctcl-checkout-item{
    width:100%!important;
    text-align:center;
    height:50px;
    margin-bottom:2px;
    border-bottom:1px dashed rgba(0,0,0,0.2);
    display:table;
}
.ctcl-checkout-item-header{

    width:100%!important;
    text-align:center;
    height:20px;
    margin-bottom:2px;
    border-bottom:1px dashed rgba(0,0,0,0.2);
    display:table;

}
.ctcl-checkout-item-header span,
.ctcl-checkout-item span{
vertical-align: middle;
    display: table-cell;
    height:50px;
    height: 100%;
}
.ctcl-co-image-head,
.ctcl-checkout-item .ctcl-checkout-item-img-span{
 
    width:50px;
}

.ctcl-co-name-head,
.ctcl-checkout-item .ctcl-checkout-item-name{
    width:150px;
}

.ctcl-co-var-head,
.ctcl-checkout-item .ctcl-checkout-item-var{
    width:200px;
}
.ctcl-co-price-head,
.ctcl-checkout-item  .ctcl-checkout-item-price{
    width:60px;
}

.ctcl-co-qty-head,
.ctcl-checkout-item  .ctcl-checkout-item-qty{
    width:50px;
}
.ctcl-co-item-total-head,
.ctcl-checkout-item  .ctcl-checkout-item-total{
    width:170px
}
.ctcl-co-item-remove-head,
.ctcl-checkout-item  .ctcl-checkout-item-remove{
    width:20px;
} 


.ctcl-checkout-item-img-span img{
    float:left;
    height:37px;
    width:37px;
    overflow:hidden;
    display:inline-block;
    vertical-align: middle!important;
}
.ctcl-checkout-item-remove{
    text-align:right!important;
    width:20px;
}
.ctcl-checkout-item-remove:before{
   vertical-align: middle;
   cursor:pointer;
}

.ctcl-address-row{
    width:100%;
}
.ctcl-co-address-row .ctcl-address-col {
    display:inline-block;
    margin-left:7px;
}

.ctcl-address-row label{
    display:block;
}
.ctcl-address-row .ctcl-address-col{

    width:48%;
    display:inline-block;
    margin-left:1%;
    margin-right:1%;

}
.ctcl-address-col input{

    width:98%;
}

.ctcl-address-col .ctccl-co-zip{
    width:60%;
}

.ctcl_payment_option_row label{
    display:inline-block;

}
.ctcl_payment_container{
    display:none;
}

.ctcl-shipping-option-row label{
    display:inline-block;
}

.ctcl-checkout-next,
.ctcl-checkout-back,
input[name="ctcl-checkout-button"]{

    color:rgba(255,255,255,1)!important;

}
.ctcl-product-loading,
.ctcl-product-list-content{

text-align:center;
}

.ctcl-product-loading:before{
    animation: loadingCart 2s linear infinite;
}

@keyframes loadingCart{
   from{color:rgba(0,0,0,0.5);}
   to{color:rgba(0,0,0,);}
}

#ctcl-discount-cont,
#ctcl-items-total-cont,
#ctcl-tax-total-cont,
#ctcl-subtotal-container,
#ctcl-totalshipping-cost{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

#ctcl-discount-cont span:first-child,
#ctcl-items-total-cont span:first-child,
#ctcl-tax-total-cont span:first-child,
#ctcl-subtotal-container span:first-child,
#ctcl-totalshipping-cost span:first-child{
    width:300px;;
    text-align:right;
    max-width:75%;
    font-weight:bold;
}
#ctcl-discount-cont span:last-child,
#ctcl-items-total-cont span:last-child,
#ctcl-tax-total-cont span:last-child,
#ctcl-subtotal-container span:last-child,
#ctcl-totalshipping-cost span:last-child{
float:right;
    width:100px;
    text-align:right;
    max-width:25%;
    font-weight:bold;
}
#ctcl-subtotal-container{
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,1);
    padding-top:10px;
    padding-bottom:10px;
}
.ctcl-co-instruction{
    line-height: 1;
}

.ctcl-checkout{

    width:700px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    max-width: 100%;
}

#ctcl-discount-cont span:first-child label{
   
    margin-right: 10px;
   
}
.ctcl-checkout-next{
    float:right;
   margin-top: 200px;
}

.ctcl-checkout-item:hover{
    transform: scale(1.02);
    transition: transform 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.ctclig-image-list::-webkit-scrollbar {
  
}

/* Hide scrollbar for IE, Edge and Firefox */
.ctclig-image-list {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.ctcl-image-gallery{
    cursor: pointer;
}


.ctclig-main-image{

  max-height: 90%; 
  max-width: 100%;
  background: url('') center center / contain no-repeat rgb(255, 255, 255,0.5);
  margin-left:auto;
  margin-right:auto;
  display: block;
 border:1px solid rgba(0,0,0,1);
 margin-bottom:2px;
}

.ctclig-image-list{
  margin-bottom:2px;
  max-height: 100%; 
  max-width: 100%;
  margin-left:auto;
  margin-right:auto;
  display:block;


}

#ctcl-order-sucesfully-placed{
    margin-left:auto !important;
    margin-right:auto !important;
    display:block !important;

}



.ctcl-payment-options,
.ctcl-shipping-options {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.ctcl-payment-options-header,
.ctcl-shipping-options-header {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    color: #333;
}

.ctcl-payment-options-container,
.ctcl-shipping-options-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ctcl_payment_option_row ,
.ctcl-shipping-option-row {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
}

.ctcl-payment-option ,
.ctcl-shipping-option {
    margin-right: 10px;
}
.ctcl_payment_option_row:hover,
.ctcl-shipping-option-row:hover {
    background-color: #f0f0f0;
}
.ctcl_payment_option_row input[type="radio"]:checked + label ,
.ctcl-shipping-option-row input[type="radio"]:checked + label {
    font-weight: bold;
   
}

.ctcl_payment_option_label,
.ctcl-shipping-option label {
    margin: 0;
    font-size: 16px;
    cursor: pointer;
}

.ctcl_payment_option_row input[type="radio"]
.ctcl-shipping-option-row input[type="radio"] {
    accent-color: rgba(0,0,0,1);
}



.ctcl_payment_container{
    margin-top: 20px;
    padding: 15px;
    border: 1px dotted rgba(0,0,0,0.5);
    border-radius: 5px;
    background-color: #f9f9f9;

}

.ctcl-coupon-code-container{
    margin-top: 20px;
 
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    padding:15px;  
}

#ctcl-subtotal-container{


}

.ctcl-multip-contact{
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    padding:5px;  
}
/* Checkout List Container */
.ctcl-checkout-list-container {
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    padding:5px; 
    
}

.ctcl-checkout-item-header span{
    font-weight: bold;
    padding-bottom:10px;
}

.ctcl-checkout-item-img-span{
    
}

.ctcl-product-list-content{
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 50px;
    background-color: #f9f9f9;
    border-radius: 10px;

}

.ctcl-coupon-code-container {
    display: flex;
    flex-wrap: nowrap !important; /* Prevent wrapping */
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px !important;
  }
  
  .ctcl-coupon-code-input {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
  }
  
  .ctcl-coupon-code-input label {
    font-size: 15px !important;
    margin-right: 10px !important;
  }
  
  .ctcl-coupon-code-input input {
    width: 150px !important;
    height: 25px !important;
  }
  
  .ctcl-coupon-code-button {
    margin-left: 30px !important;
  }
  
  .ctcl-apply-cuopon-code {

    padding: 5px !important;
    white-space: nowrap !important; /* Prevent line breaks in button */
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .ctcl-coupon-code-container {
      flex-wrap: nowrap !important; /* Ensure elements stay on the same line */
    }
  
    .ctcl-coupon-code-container span:first-child {
      margin-left: 0 !important; /* Reset margin for first child */
    }
  
    .ctcl-coupon-code-container span:nth-child(2) {
      margin-left: 10px !important; /* Adjust margin for second child */
    }
  
    .ctcl-coupon-code-input input {
      width: 100px !important; /* Reduce input width on small screens */
    }
  }