/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.shop_table.order_details .wc-item-meta li {
	
}
.shop_table.order_details .wc-item-meta li p {
	display: inline;
}
.shop_table.subscription_details tr td .button {
	margin: 0 0 5px 0;
}
.jgtb-add-product .selectize-control {
	margin-bottom:10px;
}
.selectize-dropdown-content div {
	display: flex;
    column-gap: 20px;
    padding: 10px;
}
.selectize-dropdown-content div img {
	width: 50px;
}
.selectize-dropdown-content div .image {

}
.selectize-dropdown-content div .details {
	
}
div.product .jgtb-add-to-subscription {
	display:none;
}
table.my_account_subscriptions.my_account_orders {
	margin-top: 20px;
}
.jgtb-add-product form button,
.jgtb-next-ship-date form button {
	font-size: 14px;
    min-height: 34px;
    padding: 6px 20px;
    font-weight: 500;
    line-height: 1.3;
}
.jgtb-next-ship-date form button {
	padding: 10px 20px;
}
.jgtb-next-ship-date form {
	margin-bottom: 0;
}
.addresses address h3 {
	color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-0eb7bcd-font-family), Sans-serif;
    font-size: var(--e-global-typography-0eb7bcd-font-size);
    font-weight: var(--e-global-typography-0eb7bcd-font-weight);
    line-height: var(--e-global-typography-0eb7bcd-line-height);
	font-style: normal;
}

/*CSS MIGUEL - VIEW SUBSCRIPTIONS*/
.shop_table.subscription_details td:has(> a.button) {
    display: flex;
    gap: 5px;
    flex-direction: row;
    flex-wrap: wrap;
}
.shop_table.subscription_details td:has(> a.button) a {
    max-width: 160px;
}
a.button.edit-subscription {
    order: -1;
}
a.button.cancel.wcs_block_ui_on_click {
    order: 5;
}

.col2-set.addresses address h3 {
    display: none;
  }

  .box__save__details {
    padding-bottom: 30px;
  }

  .woocommerce table.shop_table td.remove_item {
    position: relative;
  }
  .woocommerce table.shop_table td.remove_item span.remove__blocking {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    display: none;
  }
  .text__instructional {
    margin: 0 0 30px 0;
    padding: 10px 20px;
    line-height: 1.2;
    background-color: #3c4f5c;
    color: #fff;
    border-radius: 5px;
}
#ats_products2-selectized {
    width: 100% !important;
    padding: 8px  !important;
    box-sizing: border-box;
}
.selectize-input {
    padding: 0 !important;
}
.selectize-control {
    position: relative;
}
.no_active_add {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.shop_table.order_details .order_item .product-name .product-quantity {
    position: relative;
    display: inline-block;
}
.product-quantity .no_active_add,
.remove_item .no_active_add {
    display: none;
}

/*ITEM PRODUCTOS (DELETE)*/


.shop_table.order_details tr.order_item {
    position: relative;
}


.shop_table.order_details td.remove_item a {
    display: block !important;
    width: 70px !important;
    height: 30px;
    z-index: 999999;
    color: #fff !important;
    background-color: var( --e-global-color-accent ) !important;
    font-size: 14px;
    padding: 6px 15px;
    line-height: 1.3;
    border-radius: 6px !important;
  }

.add_product_to_cart {
    padding: 0px 10px 20px;
}
.add_product_to_cart p {
    color: var(--e-global-color-accent);
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 10px;
}
.woocommerce-view-subscription tr.jgtb-add-product {
    display: none;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background-color: #01bcc614;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #01bcc614;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    top: -13px;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border: 0 !important;
}
@media only screen and (max-width:600px){
	
	 .woocommerce-MyAccount-content {
		padding: 40px 0px !important;
	}
    .woocommerce-MyAccount-content img, .woocommerce-MyAccount-content p{
        padding: 0 10px;
    }
	.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h4 {
		padding-left:10px;
	}
	.woocommerce-view-subscription .woocommerce-MyAccount-content h2.woocommerce-column__title {
    padding: 0 !important;
	}
    .woocommerce-MyAccount-content tr td p, .add_product_to_cart p {
        padding: 0 !important;
    }
    .col2-set.addresses {
        padding: 0 10px;
    }
    .col2-set.addresses h3, .col2-set.addresses h2 {
        padding: 0 !important;
    }
    .woocommerce section.woocommerce-customer-details {
        padding: 0;
    }
	.woocommerce-view-subscription .woocommerce-MyAccount-content td:has(> form) form {
        display: flex;
        gap: 5px;
        row-gap: 5px;
        column-gap: 5px;
        flex-direction: column;
        flex-wrap: wrap;
    }
	.woocommerce-MyAccount-content input#ats_products2-selectized {
		width: 100% !important;
		max-width: 100% !important;
	}

    .woocommerce-MyAccount-content button {
        margin: 0 auto;
        display: block;
        width: 91%;
    }
    .u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
        padding: 0 10px;
    }
    .woocommerce-address-fields {
        margin: 0 !important;
        padding: 0 10px;
        width: 100% !important;
    }

    .woocommerce-MyAccount-content .woocommerce-info {
        margin: 0 10px;
    }
    .woocommerce-MyAccount-content a.button {
        margin-left: 10px !important;
        margin-top: 10px;
    }
    .jgtb-next-ship-date button {
        display: block;
        width: 100%;
    }
    .woocommerce-MyAccount-content .form-row {
        padding: 0 10px !important;
    }

}
/*CAMBIAR EL ORDEN Subscription totals TOP */
.woocommerce-view-subscription .woocommerce-MyAccount-content {
    display: flex;
    flex-direction: column;
}
.woocommerce-view-subscription .woocommerce-MyAccount-content h2 {
    order: -2;
}
.woocommerce-view-subscription table.shop_table.order_details {
    order: -1;
}

/*SELECT-LANGUAGE*/
.wpml-ls-legacy-dropdown-click {
    width: auto;
}
.wpml-ls-legacy-dropdown-click a {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    box-shadow: 0px 0px 16px -11px rgba(0, 0, 0, 0.29);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-top: 0;
    margin-top: 1px;
}

.wpml-ls-legacy-dropdown-click {
    background: #ffffff !important;
}
img.wpml-ls-flag {
    border-radius: 0 !important;
}
li.leng_movil {	
	margin: 0 20px 0;
}
li.leng_movil a {
    padding: 0 !important;
    border: 0 !important;
}
li.leng_movil li.wpml-ls-slot-shortcode_actions.wpml-ls-item {
    position: relative;
}
li.leng_movil li.wpml-ls-slot-shortcode_actions.wpml-ls-item a.js-wpml-ls-item-toggle.wpml-ls-item-toggle, li.leng_movil li.wpml-ls-slot-shortcode_actions.wpml-ls-item li.wpml-ls-slot-shortcode_actions.wpml-ls-item a {
    padding: 20px !important;
}
.bb-grid {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.bb-grid-cell:not(.no-gutter), .bb-grid>:not(.no-gutter) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}