/*
 Theme Name: Rusvit Divi Theme
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Rusvit Divi Theme
 Author: Elegant Themes
 Author URI: https://dreamfabrik.design
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Remove arrows by quantity input field */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}
input[type=number] { 
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0; 
}

header .et_pb_section {padding: 0 !important}

#product-main-info .et_pb_column {width:37%;margin-right:15px}
#product-main-info .et_pb_column:first-child {width:13%;margin-right:15px}
#product-main-info .et_pb_column:last-child {width:50%;margin-right:0}
#product-main-info .et_pb_gallery_items {position: absolute; overflow: overlay; scrollbar-width: none;}
#product-main-img div, #product-main-img .woocommerce-product-gallery__image a {height:100%}
#product-main-img img.wp-post-image {width:100%; height: 100%}
#product-addtocart {position: absolute; bottom: 0; width: 100%; left: 0;}
#product-addtocart form {display: flex; flex-direction:column;align-items:center; justify-items:center; }
#product-addtocart form .quantity {margin: 0 0 15px 0 !important; display:flex}
#product-addtocart form button {width: 100%}
#product-addtocart form input {background: #fff; border-radius: 50%; width: 50px;height: 50px; font-size: 26px;border: 1px solid #cbcbcb !important; text-align: center; padding: 0;color: #7c7c7c;}
#product-addtocart form span {color:#9f9f9f;font-size: 38px;line-height:50px; padding: 0 8px;}
#product-addtocart form span:hover {cursor: pointer}
#product-addtocart form span.qty-decrease {padding: 0 12px 0 4px; line-height: 44px}
#single-product-price {position: absolute; width: 100%; left:0; bottom: 135px}


.related.products ul li span.et_shop_image, .related.products ul li .add_to_cart_button {display:none !important}
.related.products ul li .price span {color: #fff !important}
#common-products-list .products, .related.products ul {display: grid;row-gap: 15px;column-gap: 15px;--column-count: 5; grid-template-columns: repeat(var(--column-count), 1fr); grid-template-rows: none;grid-auto-rows: auto; grid-auto-flow: row;}
#common-products-list .products:before, .related.products ul:before {content: none}
#common-products-list .products li.product, .related.products ul li {width: 100% !important; height: 333px;border-radius: 10px;; overflow:hidden;}
#common-products-list .products li.product:before, .related.products ul li:before {content:''; position: absolute; background: linear-gradient(0deg, #000000eb, #00000000); inset: 0;z-index:0}
#common-products-list .products li.product .add_to_cart_button {display: none}
#common-products-list .products li.product a, .related.products ul li a {height: 100%; display: flex !important; flex-direction:column;background-position: right center;row-gap:3px; justify-content: end; padding: 20px}
#common-products-list .products li.product .woocommerce-loop-product__title, .related.products ul li .woocommerce-loop-product__title {color:#fff; font-size:17px !important; line-height: 1.4em;z-index:5; padding: 0 !important;position: relative}
#common-products-list .products li.product .price, #common-products-list .products li.product.sale ins, .related.products ul li .price {font-weight: 600 !important; font-size: 20px !important; color: #fff !important; line-height: 1.7em !important; z-index:5;display: flex !important;flex-direction: row;justify-content: space-between;align-items:center}
#common-products-list .products li.product .price .more, .related.products ul li .price .more {font-family: ETmodules !important;font-weight: 400 !important;color: #ffffff;font-size: 20px;background-color: rgba(255, 255, 255, 0.18); padding: 9px; border-radius: 34px;border: 2px solid rgba(255, 255, 255, 0.4);line-height:1; }
#common-products-list .products li.product.sale .price del {opacity: 1; line-height:1;}
#common-products-list .products li.product.sale .price inst {display: flex; flex-direction: column; line-height:1;font-weight: 600; row-gap: 5px;padding-bottom: 4px}
#common-products-list .products li.product.sale .price {flex-direction:column; align-items: stretch;}

.loop_sale_price, .loop_sale_badge {display: none}
.loop_sale_badge {margin-bottom: auto !important; width:fit-content;}
.loop_sale_badge p {background-color: #ff6700 !important; padding: 3px 13px !important; border-radius: 47px; color: #fff;}

.woocommerce-message {max-width: 1310px; margin: 0 auto;}

/* checkout */
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {display: flex; flex-direction:column;}
#billing_first_name_field, #billing_last_name_field, #shipping_first_name_field, #shipping_last_name_field {width: 100%}
#billing_first_name_field, #shipping_first_name_field {order: 2}
#billing_last_name_field, #shipping_last_name_field {order: 1}
#billing_company_field, #shipping_company_field {order: 2}
#billing_country_field, #shipping_country_field {order: 2}
#billing_postcode_field, #shipping_postcode_field {order: 3}
#billing_city_field, #shipping_city_field {order: 4}
#billing_state_field, #shipping_state_field {order: 5}
#billing_address_1_field, #shipping_address_1_field {order: 6}
#billing_address_2_field, #shipping_address_2_field {order: 7}
#billing_phone_field, #shipping_phone_field {order: 8}
#billing_email_field, #shipping_email_field {order: 9}

/* cart */
.cart-collaterals .cross-sells {display:none}
.cart-collaterals .cross-sells ul li {max-width: 235px !important}
span.regular_price {text-decoration: line-through;}
.cart_disc_info {margin-bottom: 10px;display: inline-block}