/* -------------------- 
    Simple Checkout
----------------------- */
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    color: #2C3E50;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: left
}

.form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    position: relative
}

/* Telephone Country Code Feature */
.iti {
    width: 100%; /* Adjust this value to fit your layout */
    z-index: 5;
    display: inline;
}

.iti__selected-flag {
    background-color: transparent !important;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 33.3%;
    float: left;
    position: relative
}

#progressbar #shipping-address-bar:before {
    font-family: FontAwesome;
    content: "\f2bb";
    font-size:25px;
}

#progressbar #shipping-method-bar:before {
    font-family: FontAwesome;
    content: "\f0d1";
    font-size:25px;
    transform: scale(-1, 1);
}

#progressbar #payment-method-bar:before {
    font-family: FontAwesome;
    content: "\f09d";
    font-size:25px;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: skyblue
}

.flex {
	display: flex;
}

.flex-center {
	justify-content: center;
}

.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}

/*----------------------- 
 Bulk Purchase Variation
-------------------------*/
.bulk-variation-atc{
    width:45px !important;
    height:30px !important;
    border:1px solid #dddddd !important;
    background-color: #ffffff !important;
    box-shadow: 2px 2px 4px #dddddd !important;
}

.variation_attr input[type=radio] {
    display: none;
}

.variation_attr input[type=radio] + label {
    flex: 1 1 auto; /* adjusts the size automatically */
    box-sizing: border-box; /* include padding/border in width */
    margin: 6px;
    text-align: center;
    padding: 10px 12px 10px 12px;
    border-radius: 4px;
    border: 1px solid #dad7d7;
    /* box-shadow: 2px 2px 4px #dddddd !important; */
    background-color: #fafafa;
}

.variation-disabled {
    color: #d1d1d1;
}

.variation_attr input[type=radio] + label:hover {
    border: 1px solid rgb(74, 75, 76);
    cursor: pointer;
}

.variation_attr input[type=radio]:checked + label {
    border: 1px solid #3059a1 ;
    background-color: #ffffff;
    /* background-color: #fafafa; */
    color: #3059a1 ;
    font-weight: bold;
    box-shadow: 3px 4px 2px 0px #dddddd !important
}

.variation_qty_attr {
    width:25%;
    vertical-align:top;
    padding-top: 10px;
}

.variation_savings_sum {
    background-color: #e51d03;
    color: #ffffff;
    display: inline-block;
    margin-top: 0.4em;
    margin-bottom: 0;
    padding: 0 0.5em;
}

.child_variation_stock_txt {
    padding-top:20px;
}

.variation-cart-mobile {
    /* Hide the mobile view by default */
    display: none;
}

.variation-cart-desktop {
    /* Show the desktop view by default */
    display: block;
}

.variation-cart-mobile-price {
    display:flex;
    width: 100%;
    align-items: center; /* Vertically centers the inner divs */
    justify-content: space-between;
}

.add-to-cart-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.out-of-stock-product-card {
    filter: grayscale(100%) blur(1px); /* Grey and blur effect */
    opacity: 0.5; /* Slightly faded */
}