/* 
 * Checkout Enhancements CSS
 * Custom styles for WooCommerce checkout page improvements
 */



 .wc-block-checkout__sidebar .is-sticky{
    top: 0;

}
.wc-block-components-checkout-place-order-button{
    width: 100% !important;
}

.wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button{
    flex-grow: 1;
    min-width: max-content;
}
.wc-block-checkout__actions_row{
    gap: 24px;
}
.wc-block-checkout__sidebar{
    align-self: stretch;
}
.wc-block-components-form .wc-block-components-checkout-step{
    padding: 24px !important;
    border: 1px solid var(--wp--preset--color--border-light) !important;
    background: #fff;
}
.wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-block{
    display: none;
}
.wc-block-components-checkout-order-summary__content 
.wc-block-components-order-summary__content{
    display: flex !important;
    align-items: top;
    gap: 12px;
    flex-wrap: wrap;
}
.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary .wc-block-components-order-summary-item
{
    width: 100px;
    flex-direction: column;
    padding-top: 0;
}

.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary .wc-block-components-order-summary-item__description{
    padding: 0;
}
.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary .wc-block-components-order-summary-item__image{
    padding-bottom: 0;
}

.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary .wc-block-components-order-summary-item__image{
    width: 100px;
}

.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
    width: 100px;
    max-width: 100px !important;
    height: 100px !important;
    aspect-ratio: 1/1 !important;
}

.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary-item__individual-prices,
.wc-block-components-checkout-order-summary__content .wc-block-components-order-summary-item__total-price{
    display: none !important;
}

@media (min-width: 700px) {
.wp-block-woocommerce-checkout-order-summary-block {
    height: 100%;
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-radius: 0;
    background: #fff;
    padding: 12px;
    min-height: calc(100vh - 60px);
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{
    margin-top: 0 !important;
    padding-top: 12px;
}
body.woocommerce-checkout .wc-block-components-sidebar-layout {
    display: flex;
}
.wc-block-checkout__sidebar.is-sticky{
    padding-left: 0 !important;
}
.wc-block-checkout__main {
    flex-grow: 1;
    padding-right: 0 !important;
}
.wc-block-components-form.wc-block-checkout__form{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
}
.wp-block-woocommerce-checkout-order-summary-totals-block {
    padding-top: 16px;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
    margin-top: 24px;
    border-top: 1px solid var(--wp--preset--color--border-light) !important;
}
}

.wc-block-components-form .wc-block-components-checkout-step{
    margin-bottom: 20px !important;
}

.wc-block-checkout__form--with-step-numbers .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before{
    position: relative !important;
    left: -4px !important;
    margin-right: 4px !important;
    
}
.wc-block-checkout__form--with-step-numbers .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after{
    display: none;
}
.wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step {
    padding-left: 24px !important;
    padding-right: 24px !important;
}


.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=email], 
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=number],
.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select, 
.woocommerce-checkout .wc-block-components-form textarea,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=password], 
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel], 
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text], 
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url], 
.woocommerce-checkout .wc-block-components-text-input input[type=email], 
.woocommerce-checkout .wc-block-components-text-input input[type=number], 
.woocommerce-checkout .wc-block-components-text-input input[type=password], 
.woocommerce-checkout .wc-block-components-text-input input[type=tel], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url]{
    border: none !important;
    border-bottom: 1px solid var(--wp--preset--color--primary) !important;
    border-radius: 0 !important;
}
