/***
 *
 * custom-woo-style
 *
*/

/***********
Login-style
***********/
.u-column1.col-1 form.woocommerce-form.woocommerce-form-login.login {
    width: 90%;
}
.u-column1.col-1 h2, .u-column2.col-2 h2 {
    width: 100% !important;
}
div.woocommerce form.woocommerce-form.woocommerce-form-login.login, form.woocommerce-ResetPassword.lost_reset_password {
    background-color: var(--wp--preset--color--bg-footer);
}
@media(min-width:768px){
    div.woocommerce form.woocommerce-form.woocommerce-form-login.login,
    form.woocommerce-ResetPassword.lost_reset_password {
        width: 35%;
        margin-left: auto;
        margin-right: auto;
        }
    .woocommerce-account .woocommerce h2 {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
        }
}
    form.woocommerce-ResetPassword.lost_reset_password {
        padding: 20px;
        border: 1px solid rgb(168, 168, 168, 0.5);
        border-radius: 5px;
    }
    form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
        width: 100%;
    }
    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
    button.woocommerce-Button.button.wp-element-button {
    border-radius: 8px;
    }
    button.woocommerce-button.button.woocommerce-form-login__submit.wp-element-button {
    float: right !important;
    margin-right: 0;
    }
    p.woocommerce-LostPassword.lost_password {
    text-align: center;
    }

/**************
/*acount-style
**************/
.woocommerce-MyAccount-content h2 {
    margin-bottom: 1em !important;
	width:100% !important;
}
h2.woocommerce-order-downloads__title {
    margin-bottom: .4em !important;
    width: 100% !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-column__title,
h2.woocommerce-order-details__title {
	margin-top: 0;
  	width: 100% !important;
  	margin-bottom: 8px !important;
}
header.woocommerce-Address-title.title h2,
.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
    font-size: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
}
.woocommerce-MyAccount-navigation ul {
    border-top:none !important;
}
@media only screen and (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation li {
        padding: 0;
    }
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 0;
}
.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 8px 20px 8px 40px !important;
    border:none !important;
	border-radius:3px;
	margin-bottom: 5px;
    color: var(--wp--preset--color--dm-b-text);
    font-weight: 500;
	background-color:#585e72;
	background-size:22px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
/* .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    border: solid 1px var(--wp--preset--color--contrast) !important;
} */
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a {
	background-image: url(../images/acc-icon/home-acc.svg);
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a {
	background-image: url(../images/acc-icon/cart-acc.svg);
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads a {
	background-image: url(../images/acc-icon/down-acc.svg);
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a {
	background-image: url(../images/acc-icon/addr-acc.svg);
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a {
	background-image: url(../images/acc-icon/acc-acc.svg);
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
	background-image: url(../images/acc-icon/logout-acc.svg);
}
@media(max-width:768px){
	.woocommerce-MyAccount-navigation ul {
		flex-wrap: nowrap;
		overflow: auto;
		display: flex;
		grid-gap: 10px;
		margin-left: -10px !important;
    	margin-right: -10px !important;
    	padding: 0 10px;
		margin-bottom:30px !important;
	}
	.woocommerce-MyAccount-navigation li a {
		width:max-content;
	}
	.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		display:none;
	}
}
@media(min-width:769px){
.woocommerce-account .woocommerce-MyAccount-content {
	width:65%;
}
}

section.woocommerce-order-downloads {
    display: block;
    overflow: auto;
}
@media(min-width:769px){
table.woocommerce-table.woocommerce-table--order-downloads.shop_table.shop_table_responsive.order_details {
    width: max-content;
}
}
.woocommerce table.my_account_orders .button {
    margin: 0 3px 3px 0;
    padding: 3px 12px !important;
}
.woocommerce-account .addresses .title .edit {
    float: right;
    font-size: 12px;
    padding: 5px 15px;
    background-color: var(--wp--preset--color--red);
    color: var(--wp--preset--color--base-3);
    border-radius: 50px;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
    padding: 3px 10px !important;
    border: 1px solid var(--wp--preset--color--contrast-2) !important;
    min-width: inherit !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    background-color: var(--wp--preset--color--bg-footer);
}
fieldset legend {
    padding: 0 5px !important;
    margin-bottom: 0em !important;
    font-size: 18px;
    font-weight: 500;
}
fieldset .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    margin-bottom: 8px;
}
table.woocommerce-table.shop_table.midtrans_payment_info {
    overflow: auto;
    display: block;
    width: 100%;
}


/***classic-checkout-style**/
.my-checkout .woocommerce .col-1, .my-checkout .woocommerce .col-2 {
    float: none;
    width: 100%;
}
.my-checkout .woocommerce .woocommerce-checkout-review-order table.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
}
@media(min-width:768px) {
    .my-checkout .woocommerce form.woocommerce-form.woocommerce-form-login.login {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}
.my-checkout .woocommerce p {
    margin-block-start: 0px;
}
.my-checkout .woocommerce p.form-row {
    margin-bottom: 0;
}
.my-checkout .woocommerce button {
    border-radius: 5px;
}
.my-checkout .woocommerce button.woocommerce-button.button.woocommerce-form-login__submit.wp-element-button {
    margin-top: -70px;
}
.my-checkout .woocommerce p.lost_password {
    margin: auto;
    text-align: center;
}
.my-checkout .woocommerce .woocommerce-form-login-toggle .wc-block-components-notice-banner.is-info {
    border: none;
    background: none;
    gap: 0;
    margin-bottom: -10px;
    padding: 0 0 5px !important;
    font-style: italic;
}
.my-checkout .woocommerce .woocommerce-form-login-toggle .wc-block-components-notice-banner.is-info>svg {
    display: none;
}
.my-checkout .woocommerce form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
    padding: 0;
    margin-top: -1rem;
}
.my-checkout .woocommerce form.checkout_coupon.woocommerce-form-coupon button.button.wp-element-button {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.my-checkout .woocommerce button#place_order {
    font-weight: 700;
    text-transform: capitalize;
}
.my-checkout .woocommerce .woocommerce-additional-fields {
    display: none;
}

/**************
pagination
**************/
nav.tw-link-hover-underline.wp-block-query-pagination.is-content-justification-center.is-layout-flex.wp-container-core-query-pagination-is-layout-1.wp-block-query-pagination-is-layout-flex {
    gap: 3px;
}
.is-style-tw-circle.wp-block-query-pagination-numbers a {
    padding: 5px 10px;
    background-color: var(--wp--preset--color--bg-footer);
    border: solid 1px rgb(168, 168, 168, 0.5);
    margin: 0 3px;
    border-radius: 5px;
}
.is-style-tw-circle.wp-block-query-pagination-numbers span {
    padding: 5px 10px;
    background-color: rgb(241, 237, 237);
    border: solid 1px rgb(168, 168, 168, 0.5);
    color: black;
    margin: 0 3px;
    border-radius: 5px;
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow, .wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 0.5;
}

/************
shop-product
*************/
.woocommerce.wc-block-product-results-count .woocommerce-result-count {
    margin: 5px 0;
}
.woocommerce.wc-block-catalog-sorting select.orderby {
    padding: .3em;
    border-radius: 5px;
    width: 100%;
}
.wc-block-product-template__responsive {
    grid-gap: 1em;
}
@media (max-width:768px) {
    .wc-block-product-template__responsive {
        grid-gap: 0.55em;
    }
}
.loopz .wc-block-components-product-price del {
    font-weight: 400;
    color: gray;
}
@media screen and (max-width:450px) {
    .wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-12.wp-block-group-is-layout-flex {
        display: block;
    }
    .loopz .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button::before {
        font-size: 13px !important;
    }
}

.loopz .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    padding: 8px 3px;
    border-radius: 5px !important;
}
.loopz .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button::before {
    display: inline-block;
    font-family: WooCommerce;
    content: "\e01d";
    font-size: 18px;
    font-weight: 500;
    padding: 3px;
    }
    .loopz .wp-block-button.wc-block-components-product-button a.product_type_variable::before {
        display: inline-block;
        line-height: 1;
        content: "\2630";
        font-size: 18px;
        font-weight: 500;
        padding: 3px;
    }
.loopz a.added_to_cart {
    display: none;
}
.wp-block-button.wc-block-components-product-button {
    gap: 0;
}

.nofound.wp-block-woocommerce-product-collection-no-results {
    margin-top: -70px;
}

.product-cat-list ul.wc-block-product-categories-list {
	display: block;
    text-align-last: justify;
	list-style: none;
	margin-left: 0.1em;
	margin-bottom: 0;
    padding-inline-start: 0;
    border-bottom: 1px solid rgba(168, 168, 168, 0.5);
}
.product-cat-list ul.wc-block-product-categories-list ul {
    display: block;
    margin-block-start: 10px;
    margin-block-end: auto;
    margin-inline-start: 15px;
}
.product-cat-list ul.wc-block-product-categories-list ul:last-child {
    border-bottom: none;
}
.product-cat-list li.wc-block-product-categories-list-item {
    display: block;
    border-top: 1px solid rgba(168, 168, 168, 0.5);
    padding: 5px 0;
}
.product-cat-list li.wc-block-product-categories-list-item a::before {
    content: "\203A";
    margin-right: 5px;
    color: var(--wp--preset--color--button);
    font-size: 24px;
    line-height: 0;
}
.shop-left-sidebar .wc-block-components-price-slider__actions {
    flex-direction: column;
    row-gap: 5px;
    justify-content: center;
}
.shop-left-sidebar button.wp-block-button__link.wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-price-filter__button.wc-block-components-price-slider__button {
    font-size: .75em;
    width: 100%;
}
/**Mini-cart**/
.m-cart a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-shopping-button-block.wp-block-button__link.wc-block-mini-cart__shopping-button.contained,
.m-cart .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button {
    border-radius: 8px;
}
.empty-mini a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-shopping-button-block {
    background-color: var(--wp--preset--color--red);
	color:#fff;
    font-size: 16px;
}
.wc-block-components-product-badge.wc-block-components-sale-badge {
    background-color: var(--wp--preset--color--red);
    color: #fff;
    padding: 5px 10px;
}
.wc-block-components-product-metadata__description {
    display: none;
}
/***************
single-product
****************/
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
    left: 1rem;
    top: 1em;
}
.woocommerce div.product div.images {
    margin-bottom: auto;
}
.woo-single span.onsale {
    background-color: red;
}

@media (max-width:480px) {
    .single-img {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
}
.woo-single .wc-block-product-gallery-large-image img {
    object-fit: cover;
}
.single-img .wp-container-woocommerce-product-gallery-large-image-next-previous-is-layout-1 {
    align-items: center;
}
.single-img button svg {
    width: 36px;
}
a.woocommerce-review-link {
    color: var(--wp--preset--color--accent);
}
.btn-like {
    display: inline-flex;
}
.woo-single form.cart {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    width: 100% !important;
}
.woo-single .quantity { margin-right: 0 !important; }
.woo-single form.cart div.quantity .qty {
    padding: 10px !important;
    font-size: 16px;
    width: -webkit-fill-available;
    margin-right: 0 !important;
}
.woo-single form.grouped_form div.quantity .qty {
    width: 50px !important;
}
.woo-single button.single_add_to_cart_button.button.alt.wp-element-button {
    border: 1px solid rgb(168, 168, 168, .5);
}
.woo-single .wp-block-woocommerce-add-to-cart-form .variations_button>.single_add_to_cart_button,
.woo-single .wp-block-woocommerce-add-to-cart-form form.cart>.single_add_to_cart_button {
    justify-self: unset;
    /* grid-column: var(--whole-width-in-grid); */
    margin-top: 15px !important;
}
.woo-single .wp-block-woocommerce-add-to-cart-form .variations_button>.quantity {
    justify-self: unset;
    grid-column: var(--whole-width-in-grid);
}
.woo-single .wp-block-woocommerce-add-to-cart-form .variations_button>.quantity:not(.wc-block-components-quantity-selector) .qty {
    height: auto;
}
.woo-single .woocommerce-variation-price {
    font-size: 27px;
    font-weight: 500;
}
.woo-single table.variations {
    margin-bottom: 0.5em !important;
}
.woo-single form.cart table.variations th {
    width: 35%;
    text-align: left;
}
.woo-single form.cart table.variations td select {
    height: auto;
    padding: 10px 20px;
    min-width: 100% !important;
}
.woo-single table.variations tr {
    margin-bottom: 5px;
}
.woo-single form.cart table.variations td, .woo-single form.cart table.variations th {
    vertical-align: baseline !important;
}
.woo-single p.stock.in-stock {
    padding: 5px 12px;
    background-color: var(--wp--preset--color--button);
    color: #fff;
    display: inline-block;
    font-weight: 500;
    text-align: center;
}
.woo-single p.stock.out-of-stock {
    padding:10px;
    background-color: var(--wp--preset--color--red);
    color: #fff;
    text-align: center;
	font-weight:500;
    border-radius: 5px;
}

button#sbw_wc-adding-button.buy_now_button {
    padding: 15px;
    background-color: var(--wp--preset--color--button);
    color: #ffffff;
    border: none;
    font-size: 15px;
    cursor: pointer;
}

.woocommerce div.product form.cart div.quantity,
.wp-block-woocommerce-add-to-cart-form .variations_button, .wp-block-woocommerce-add-to-cart-form form.cart {
    display: block;
}
.woocommerce div.product form.cart button.single_add_to_cart_button, 
.woocommerce div.product form.cart button[name=add-to-cart] {
    width: 100%;
}

/***tabs-detail**/
@media(max-width:768px){
    .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto !important;
        flex-direction: row !important;
        width: 100%;
        }
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        margin-bottom: 0px !important;
    }
    html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs {
        background-color: var(--wp--preset--color--base-2);
        /* border-radius: 10px 10px 0 0; */
    }
    @media only screen and (max-width: 768px) {
        html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li {
            margin-bottom: 0;
        }
    }
    .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs::-webkit-scrollbar {
        display:none;
    }
    html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li a {
        width: max-content;
        padding: .8em 1em .5em;
        font-size: 18px;
        font-weight: 500;
    }
    .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs:before {
        display: block !important;
        border-bottom: 1px solid rgb(168, 168, 168, .5) !important;
    }
    html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li {
        border-width: 0;
    }
    html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover {
        border-bottom-color: var(--wp--preset--color--bg);
        border-left-color: var(--wp--preset--color--bg);
    }
    .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active  {
        border-width: 1px 1px 0 !important;
        border-color: rgb(168, 168, 168, .5) !important;
        background-color: var(--wp--preset--color--base-3) !important;
    }
    div#tab-description, div#tab-additional_information, div#tab-reviews {
        background-color: var(--wp--preset--color--base-3);
        padding: 20px 20px 10px;
        border-left: solid 1px rgb(168, 168, 168, .5) !important;
        border-right: solid 1px rgb(168, 168, 168, .5) !important;
        border-bottom: solid 1px rgb(168, 168, 168, .5) !important;
    }
    
    table.woocommerce-product-attributes.shop_attributes {
        border: solid 1px rgb(168, 168, 168, .5) ;
        margin-top: 20px ;
        margin-bottom: 10px ;
    }
    .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
        background: rgba(0, 0, 0, .06) !important;
    }
    table.woocommerce-product-attributes.shop_attributes, .woocommerce table.shop_attributes td {
        /* border: none; */
        font-style: normal;
    }
    
/****review****/
.woocommerce .star-rating span::before {
    color: var(--wp--preset--color--luminous-vivid-amber);
}
.woocommerce #reviews #comments ol.commentlist {
    padding-inline-start: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border-radius: 100px;
    width: 40px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 55px;
}
p.comment-form-author,
p.comment-form-email {
    display: inline-grid;
    margin-right: 20px !important;
}
p.comment-form-comment textarea,
p.comment-form-author input,
p.comment-form-email input {
    padding: 8px;
    border-color: rgb(168, 168, 168, 0.5);
    border-width: 1px;
    border-radius: 5px;
}
p.form-submit.wp-block-button input#submit {
    border-radius: 5px;
}
/* All Reviews */
.pro-review ul.wc-block-review-list.wc-block-components-review-list {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    column-gap: 30px;
    padding-inline-start: 0;
}
.pro-review li.wc-block-review-list-item__item.wc-block-components-review-list-item__item.wc-block-components-review-list-item__item--has-image {
    background-color: var(--wp--preset--color--base);
    padding: 20px;
    margin: 0;
    border: solid 1px rgb(168, 168, 168, 0.5);
    border-radius: 10px;
    min-width: 200px;
}
@media (max-width:800px) {
    .pro-review ul.wc-block-review-list.wc-block-components-review-list {
        column-gap: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .pro-review li.wc-block-review-list-item__item.wc-block-components-review-list-item__item.wc-block-components-review-list-item__item--has-image {
        min-width: 250px;
    }
}
.pro-review .wc-block-review-list-item__info.wc-block-components-review-list-item__info {
    display: block;
    margin-bottom: 10px;
}
.pro-review .wc-block-review-list-item__meta.wc-block-components-review-list-item__meta {
    justify-content: space-between;
}
.pro-review .wc-block-review-list-item__image.wc-block-components-review-list-item__image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.pro-review .wc-block-review-list-item__image.wc-block-components-review-list-item__image img {
    margin: 0 auto;
    border-radius: 100px;
}
.pro-review .wc-block-review-list-item__product.wc-block-components-review-list-item__product {
    font-weight: 400;
}
.pro-review .wc-block-review-list-item__rating__stars.wc-block-components-review-list-item__rating__stars {
    font-size: 13px;
}
.pro-review time.wc-block-review-list-item__published-date.wc-block-components-review-list-item__published-date {
    font-size: 12px;
}
.pro-review .wc-block-review-list-item__text.wc-block-components-review-list-item__text p {
    margin: 0;
}
.pro-review button.wp-block-button__link {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 15px;
    background-color: var(--wp--preset--color--button);
    color:#fff;
    margin-top: 20px;
}
.pro-review button.wp-block-button__link::after {
    content: "\00BB";
    margin-left: 3px;
}
/* Flash-sale */
.best .flash-loop { display: none; }
.deals .offer {
    top: 35% !important;
}
.flash-loop {
    padding: 0;
    width: 100%;
    position: absolute;
    top:200px;
    margin-left: -10px;
}
@media (max-width:600px) {
    .flash-loop {
        top:100px;
    }
}
@media (min-width:601px) and (max-width:767px) {
    .flash-loop {
        top:101px;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .flash-loop {
        top:140px;
    }
}
@media(min-width:1025px) {
    .flash-loop {
        margin-left: -15px;
    }
}
.flash-loop span.sale_offer_text {
    font-weight: 400;
    font-size: 12px;
    display: none;
}
.flash-loop span.countdown_row.countdown_show4 {
    display: flex;
    gap: 0px;
    justify-content: space-between;
}
.flash-loop .sale_countdown.clock_jquery.hasCountdown {
    padding: 11px 5px;
    color: #fff;
    margin: auto;
}
.flash-loop .sale_countdown.clock_jquery {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 0;
    width: max-content;
}
.flash-loop .sale_countdown.clock_jquery .countdown_section {
    font-size: 10px !important;
    padding: 2px 5px;
    background-color: rgb(0,0,0,.5);
    border-right: solid 1px #b4b4b4;
}
.flash-loop .sale_countdown.clock_jquery .countdown_section.sec {
    border:none !important;
}
.flash-loop .sale_countdown.clock_jquery .countdown_amount {
    font-size: 14px !important;
}