.woocommerce-checkout,
.wc-block-components-radio-control,
.wc-block-components-address-card,
.woocommerce .woocommerce-customer-details address,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-family: var(--sans);
}

/* ----------------------------------------------------------------
    [ Section ]
-----------------------------------------------------------------*/
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details{
    padding: 44px 0;
}

/* ----------------------------------------------------------------
    [ Box Panel ]
-----------------------------------------------------------------*/
.wc-block-components-address-card,
.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block,
.woocommerce-customer-details address{
    /* Checkout: Order summary */
    background: var(--bone);
    border: 1px solid rgba(23, 36, 69, 0.08);
    border-radius: 6px;
    padding: 44px 40px;
}
.woocommerce .woocommerce-customer-details address{

    padding: 44px 40px;
}

/* ----------------------------------------------------------------
    [ Margin ]
-----------------------------------------------------------------*/
/* == Top == */
.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{
    margin-top: 0;
}

.woocommerce-customer-details--phone{
    margin-top:  12px;
}

/* == Left == */
.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text{
    margin-left: 0; 
}

/* == Bottom: 12px == */
.wc-block-components-totals-coupon__form .wc-block-components-text-input.wc-block-components-totals-coupon__input{
    margin-bottom: 12px;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
    margin-bottom: 32px;
}

/* ----------------------------------------------------------------
    [ Heading h3 ]
-----------------------------------------------------------------*/
.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text{
    font-family: var(--serif);
    font-size: 26px;
    color: var(--cobalt);
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -0.01em;
}

/* ----------------------------------------------------------------
    [ Text ]
-----------------------------------------------------------------*/
/* == Bold == */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong,
.wc-block-components-totals-item .wc-block-components-totals-item__label,
.wc-block-components-totals-coupon .wc-block-components-panel__button{
    color: var(--cobalt);
    font-weight: 500;
    font-size: 14.5px;
    line-height: 1.55;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong{
    letter-spacing: initial;
    text-transform: initial;
    font-weight: 16px;
}

/* ----------------------------------------------------------------
    [ Border ]
-----------------------------------------------------------------*/
/* == Border-top == */
.wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-totals-block{
    border-top: 1px solid rgba(23, 36, 69, 0.08);
}

/* ----------------------------------------------------------------
    [ Grid ]
-----------------------------------------------------------------*/
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
    display: grid;
    
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before{
    display: none;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
    grid-template-columns: repeat(5, 1fr);
}


/* ----------------------------------------------------------------
    [ Flexbox ]
-----------------------------------------------------------------*/
.wc-block-components-totals-coupon__content .wc-block-components-totals-coupon__form{
    /* Checkout: Coupon */
    flex-flow: column nowrap;
    gap: 0;
    justify-content: flex-start;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input.wc-block-components-totals-coupon__input{
    flex: initial;
}

.wc-block-components-form .wc-block-components-text-input,
.wc-block-components-totals-coupon__form .wc-block-components-text-input.wc-block-components-totals-coupon__input{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: start;
    gap: 8px;
}
.wc-blocks-components-select .wc-blocks-components-select__label,
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-totals-coupon__form  .wc-block-components-text-input label {
    order: -1;
    transform: translate(0) scale(1) !important;
    top: initial !important;
    line-height: initial;
    left: initial;
    position: relative;
    max-width: 100%;
}

/* ----------------------------------------------------------------
    [ Table ]
-----------------------------------------------------------------*/
.woocommerce table.shop_table{
    border: 1px solid rgba(23, 36, 69, 0.08);
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table td{
    border-top: 1px solid rgba(23, 36, 69, 0.08);
}

.woocommerce table.shop_table thead tr{
    background: var(--bone);
}

.woocommerce table.shop_table thead {
    font-family: var(--serif);
}
.woocommerce table.shop_table tbody {
    font-family: var(--sans);
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
    font-weight: 600;
}

.woocommerce table.my_account_orders td, 
.woocommerce table.my_account_orders th{
    padding: 8px;
}

@media only screen and (max-width: 768px) {
    .woocommerce table.shop_table{
        display: block;
        border-top: none;
    }
    .woocommerce table.shop_table thead{
        display: none;
    }
    .woocommerce table.shop_table tbody,
    .woocommerce table.shop_table tfoot{
        display: block;
    }
    .woocommerce table.shop_table tfoot{
        background: var(--bone);
    }
    
    .woocommerce table.shop_table tbody tr,
    .woocommerce table.shop_table tfoot tr{
        display: flex;
        flex-flow: column nowrap;
        width: 100%;
    }
    .woocommerce table.shop_table tfoot tr{
        flex-flow: row wrap;
    }
    .woocommerce table.shop_table tfoot tr th{
        width: 100%;
        max-width: 156px;
        padding-right: 0;
        

    }

    /* psuedo title */
    .woocommerce table.shop_table tbody .woocommerce-table__product-name.product-name,
    .woocommerce table.shop_table tbody .woocommerce-table__product-total.product-total{
        position: relative;
    }
    .woocommerce table.shop_table tbody .woocommerce-table__product-name.product-name::before,
    .woocommerce table.shop_table tbody .woocommerce-table__product-total.product-total::before{
        position: relative;
        font-family: var(--serif);
        font-size: 16px;
        color: var(--cobalt);
        font-weight: 500;
        line-height: 1.55;
        letter-spacing: -0.01em;
        padding-right: 12px;
        min-width: 138px;
        display: inline-block;
    }
    .woocommerce table.shop_table tbody .woocommerce-table__product-name.product-name::before{
        content: 'Product:';
    }
    .woocommerce table.shop_table tbody .woocommerce-table__product-total.product-total::before{
        content: 'Total:';
    }
}

@media only screen and (max-width: 480px) {
    .woocommerce table.shop_table tbody .woocommerce-table__product-name.product-name{
        display: flex;
        flex-flow: row wrap;
    }

    .woocommerce table.shop_table tbody .woocommerce-table__product-name.product-name::before{
        flex: 1;
        width: 100%;
    }
}
/* ----------------------------------------------------------------
    [ Form ]
-----------------------------------------------------------------*/

/* == Label == */
.wc-block-components-text-input.label {
    top: 0;
    transform: scale(1);
    max-width: 100%;
    position: relative;
    left: initial;
    line-height: initial;
}

/* == Input text == */
.wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wc-block-components-text-input.is-active input[type=text]{
    padding: 14px 18px !important;
}

/* == Select == */
.wc-blocks-components-select .wc-blocks-components-select__container{
    background: transparent;
    display: flex;
    flex-flow: column nowrap;
    gap: 8px;
}

/* ----------------------------------------------------------------
    [ My account ]
-----------------------------------------------------------------*/
/* == Navigation == */
.woocommerce-account .woocommerce > nav {
    padding-top: 0;
}

.woocommerce-account .woocommerce > nav ul{
    list-style: none;
    background: var(--bone);
    border: 1px solid rgba(23, 36, 69, 0.08);
    border-radius: 6px;
    padding: 40px;
    display: flex;
    flex-flow: column nowrap;
    gap: 16px;
}

.woocommerce-account .woocommerce > nav a{
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--cobalt);
    font-weight: 500;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
    transition: border-color .25s ease;
    display: block;
}

.woocommerce-account .woocommerce > nav a:hover,
.woocommerce-account .woocommerce > nav li.is-active a{
    border-bottom-color: var(--cobalt)   
}

/* == MyAccount Content == */
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{
    background: var(--cream);
    border: 1px solid rgba(23, 36, 69, 0.08);
    border-radius: 6px;
    padding: 44px 34px 40px;
    font-size: 14.5px;
    color: var(--muted);
    line-height: 1.65;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content strong,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content a{
    font-weight: 500;
    color: var(--cobalt);
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content a{
    display: inline;
    border-bottom: 1px solid var(--cobalt);
}

@media only screen and (max-width: 1024px) {
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content{
        padding: 32px 24px 30px;
    }
}

/* == Address == */
.u-columns.woocommerce-Addresses{
    margin-top: 16px;
}

.col-1.woocommerce-Address,
.col-2.woocommerce-Address{
    background: var(--bone);
    border: 1px solid rgba(23, 36, 69, 0.08);
    border-radius: 6px;
    padding: 44px 34px 40px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: left;
}

.woocommerce-Address-title.title{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.woocommerce-Address-title.title::before,
.woocommerce-Address-title.title::after{
    display: none !important;
}
.woocommerce-account .addresses .title .edit{
    font-size: 12px;
}

/* == Lost Password == */
.woocommerce-lost-password .woocommerce-ResetPassword.lost_reset_password{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.woocommerce-lost-password .woocommerce-ResetPassword.lost_reset_password p:first-child{
    text-align: center;
}

/* == My account from == */
.copy-inner__my-account{
    max-width: 100%;
}
.woocommerce form.login, .woocommerce form.register{
    font-family: var(--sans);
}

.woocommerce form.register p:not(.woocommerce-form-row),
.woocommerce form.register .woocommerce-privacy-policy-text{
    color: var(--muted);
    font-size: 17px;
    line-height: 1.7;
}

@media only screen and (max-width: 768px) {
    .woocommerce form.register p:not(.woocommerce-form-row),
    .woocommerce form.register .woocommerce-privacy-policy-text{
        font-size: 14px;
    }
}