/*
 * Title                   : Pinpoint World – WooCommerce Demo
 * File                    : assets/css/style-woo-checkout.css
 * Author                  : Pinpoint World
 * Copyright               : © 2025 Pinpoint World
 * Website                 : https://pinpoint.world
 * Description             : WooCommerce -> Check out stylesheet.
 */

.woocommerce-checkout .wp-block-site-title,
.woocommerce-checkout .wp-block-template-part,
.woocommerce-checkout .wc-block-store-notices,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-contact-information-block,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-shipping-method-block,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-payment-block,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-order-note-block,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-terms-block,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-actions-block,
.woocommerce-checkout .wc-block-checkout__use-address-for-billing,
.woocommerce-checkout .wc-block-checkout__shipping-option,
.woocommerce-checkout .wc-block-checkout__payment-method,
.woocommerce-checkout .wc-block-checkout__order-notes,
.woocommerce-checkout .wc-block-checkout__terms,
.woocommerce-checkout .wc-block-checkout__actions,
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block{
    display: none;
}

.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-shipping-address-block,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-order-summary-block{
    margin: 0
}

.woocommerce-checkout .wc-block-components-sidebar-layout{
    margin: 0;
}

.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
.woocommerce-checkout .wc-block-components-main,
.woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block,
.woocommerce-checkout .wc-block-components-sidebar{
    flex-basis: 50%;
    margin: 0 0 24px 0;
    width: 50%;
}

/*
 * Form
 */
.woocommerce-checkout .wc-block-checkout__contact-fields{
    margin: 0 0 36px 0;
}

.woocommerce-checkout .wc-block-checkout{
    margin: 0;
    padding: 0;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-billing-address-block,
.woocommerce-checkout .wc-block-components-address-address-wrapper{
    margin: 0;
}

.woocommerce-checkout .wc-block-components-checkout-step__heading-container{
    margin: 0;
}

.woocommerce-checkout .wc-block-components-title.wc-block-components-title{
    color: #3e3f40;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 24px 0;
}

.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-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-text-input input[type=text],
.woocommerce-checkout .wc-block-components-text-input input[type=url],
.woocommerce-checkout .wc-blocks-components-select__container{
    background-color: #f6f8fb;
    border: 1px solid #f6f8fb;
    border-radius: 3px;
    box-sizing: border-box;
    color: #3e3f40;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 48px;
    letter-spacing: inherit;
    line-height: 24px;
    margin: 0;
    min-height: 0;
    padding: 18px 10px 6px 10px !important;
    text-decoration: inherit;
    text-transform: inherit;
    width: 100%;
}

.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-blocks-components-select__container label{
    color: #888691;
    cursor: text;
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    font-weight: inherit;
    left: 10px;
    letter-spacing: inherit;
    line-height: 24px;
    margin: 0;
    max-width: calc(100% - 20px);
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 24px;
}

.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.is-active label,
.woocommerce-checkout .wc-block-components-text-input.is-active label,
.woocommerce-checkout .wc-blocks-components-select__container label{
    top: 6px;
}

.woocommerce-checkout .wc-blocks-components-select__container{
    padding: 0 !important;
}

.woocommerce-checkout .wc-blocks-components-select__container label{
    font-size: 11px;
}

.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select{
    appearance: none;
    background: none;
    border: 1px solid #f6f8fb;
    border-radius: 3px;
    box-sizing: border-box;
    color: #3e3f40;
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    font-weight: inherit;
    height: 48px;
    letter-spacing: inherit;
    line-height: 24px;
    padding: 18px 10px 6px 10px !important;
    text-decoration: inherit;
    text-transform: inherit;
    width: 100%;
}

.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus{
    border: 1px solid #f6f8fb;
}

.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.has-error input,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.has-error input:active,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.has-error input:focus,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.has-error input:hover,
.woocommerce-checkout .wc-block-components-text-input.has-error input,
.woocommerce-checkout .wc-block-components-text-input.has-error input:active,
.woocommerce-checkout .wc-block-components-text-input.has-error input:focus,
.woocommerce-checkout .wc-block-components-text-input.has-error input:hover{
    border-color: #c1111e;
}

.woocommerce-checkout .wc-block-components-validation-error{
    color: #c1111e;
    font-size: 14px;
    line-height: 24px;
    max-width: 100%;
    min-height: 24px;
    padding: 12px 0 0;
    white-space: normal;
}

.woocommerce-checkout .wc-block-components-validation-error > p{
    line-height: 24px;
}

.woocommerce-checkout .wc-block-components-address-form__address_2-toggle{
    color: #3e3f40;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    text-align: left;
    width: 100%;
}

.woocommerce-checkout .wc-block-checkout__guest-checkout-notice{
    display: none;
}

/*
 * Sidebar
 */
.woocommerce-checkout .wc-block-components-sidebar-layout{
    margin: 0;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
    border: none;
}

.woocommerce-checkout .wc-block-components-totals-wrapper,
.woocommerce-checkout .wc-block-components-order-summary,
.woocommerce-checkout .wc-block-components-checkout-order-summary__title{
    margin: 0;
    padding: 0;
}

.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text{
    color: #3e3f40 !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 24px !important;
    margin: 0 0 24px 0 !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item{
    border-bottom: 1px solid #d9d9d9 !important;
    margin: 0 0 24px 0;
    padding: 0 0 24px 0;
}

.woocommerce-checkout .wc-block-components-order-summary-item__image{
    display: none;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description{
    padding: 0 10px 0 0;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name{
    color: #3e3f40;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 12px 0;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-order-summary-item__individual-price{
    display: none;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata{
    display: block;
    margin: 0;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-metadata__description{
    color: #3e3f40;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 12px 0;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-metadata__description p,
.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-details{
    margin: 0;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-details li{
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.woocommerce-checkout .wc-block-components-product-details__reservation{
    margin-top: 12px !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-details__name,
.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-details__value{
    color: #3e3f40;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .wc-block-components-product-details__value{
    margin: 0 0 0 10px;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata .pbs-wc-title{
    font-weight: bold;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-cart-item__total{
    border: none;
    color: #3e3f40;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 24px 10px;
    vertical-align: top;
}

.woocommerce-checkout .wc-block-components-order-summary-item__total-price{
    font-weight: bold;
    padding: 0
}

.woocommerce-checkout .wc-block-components-totals-wrapper,
.woocommerce-checkout .wc-block-components-totals-item{
    border: none;
    margin: 0;
    padding: 0;
}

.woocommerce-checkout .wc-block-components-totals-wrapper .wc-block-components-totals-item__label,
.woocommerce-checkout .wc-block-components-totals-wrapper .wc-block-components-totals-item__value{
    color: #3e3f40;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

/*
 ******************************************************************** Responsive
 */
@media screen and (min-width: 1421px){
    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
    .woocommerce-checkout .wc-block-components-main{
        padding: 0 15px 0 0;
    }

    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block,
    .woocommerce-checkout .wc-block-components-sidebar{
        padding: 0 0 0 15px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1420px){
    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
    .woocommerce-checkout .wc-block-components-main{
        padding: 0 10px 0 0;
    }

    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block,
    .woocommerce-checkout .wc-block-components-sidebar{
        padding: 0 0 0 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
    .woocommerce-checkout .wc-block-components-main{
        padding: 0 10px 0 0;
    }

    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block,
    .woocommerce-checkout .wc-block-components-sidebar{
        padding: 0 0 0 10px;
    }
}

@media screen and (max-width: 767px){
    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
    .woocommerce-checkout .wc-block-components-main,
    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block,
    .woocommerce-checkout .wc-block-components-sidebar{
        flex-basis: 100%;
        padding: 0;
        width: 100%;
    }

    .woocommerce-checkout .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block{
        margin: 0 0 48px 0;
    }

    .woocommerce-checkout .wp-block-woocommerce-checkout-billing-address-block{
        margin: 0 0 24px 0;
    }

    .woocommerce-checkout .wp-block-woocommerce-checkout-totals-block,
    .woocommerce-checkout .wc-block-components-checkout-order-summary__title,
    .woocommerce-checkout .wc-block-components-checkout-order-summary__content{
        border: none;
        display: block;
    }

    .woocommerce-checkout .wc-block-components-checkout-order-summary__title-icon,
    .woocommerce-checkout .wc-block-components-checkout-order-summary__title-price{
        display: none;
    }
}


@media screen and (max-width: 744px){
    .woocommerce-checkout .wc-block-components-sidebar-layout{
        flex-direction: column-reverse;
    }
}