/* 
---------------------------------
* Custom Sidebar
--------------------------------- 
*/
aside.widget-area {
    position: sticky;
    top: 2rem;
}
aside.widget-area section .widget-title {
    color: white;
    background: var(--theme-color-2);
    font-size: 1.2rem;
    padding: 5px 1rem;
    border-radius: 6px 6px 0 0;
}
aside.widget-area section {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
}
aside.widget-area section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
aside.widget-area section ul.product-categories {
    padding: 0 1rem;
}
aside.widget-area section ul.product-categories li a {
    display: block;
    color: var(--theme-color-1);
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    font-weight: 600;
}
aside.widget-area section ul.product-categories li:last-child a {
    border-bottom: 0;
}
aside.widget-area section ul.product-categories li a:hover {
    color: var(--theme-color-2)
}
aside.widget-area section ul.product_list_widget {
    padding: 0 1rem 1rem 1rem;
}
aside.widget-area section ul.product_list_widget li {
    border-bottom: 1px solid #eee;
}
aside.widget-area section ul.product_list_widget li:last-child {
    border-bottom: 0;
}
aside.widget-area section ul.product_list_widget li a {
    color: var(--theme-color-1);
}
aside.widget-area section ul.product_list_widget li a:hover {
    color: var(--theme-color-2);
}
aside.widget-area section ul.product_list_widget li a span.product-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    font-size: 13px;
}
.woocommerce ul.product_list_widget li img {
    width: 55px;
}
aside.widget-area section ul.product_list_widget li .amount {
    font-weight: 600;
    color: #77a464;
}
aside.widget-area section.widget_price_filter form {
    padding: 1rem;
}
aside.widget-area section.widget_price_filter form .price_label {
    color: var(--theme-color-1);
    font-weight: 600;
}
aside.widget-area section.widget_price_filter form .price_slider_amount button.button {
    background: var(--theme-color-1);
    color: white;
    font-weight: 600;
}
aside.widget-area section.widget_price_filter form .price_slider_amount button.button:hover {
    background: var(--theme-color-2);
}
aside.widget-area section.widget_price_filter form .ui-slider .ui-slider-range,
aside.widget-area section.widget_price_filter form .ui-slider .ui-slider-handle {
    background-color: var(--theme-color-2);
}
aside.widget-area section.widget_price_filter form .price_slider_wrapper .ui-widget-content {
    background-color: var(--theme-color-1);
}

/* 
---------------------------------
* Custom Shop
--------------------------------- 
*/
.woocommerce-message {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
}
.woocommerce-info {
    border-top-color: var(--theme-color-1);
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    margin-top: 2rem;
}
.woocommerce .woocommerce-breadcrumb {
    color: var(--theme-color-2);
    background: white;
    border-radius: var(--sombra-radius);
    box-shadow: var(--sombra);
    padding: 10px 1rem;
    margin-bottom: 1.5rem;
}
.woocommerce .woocommerce-breadcrumb a {
    color: var(--theme-color-1);
}
.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--theme-color-2);
}
header.woocommerce-products-header h1 {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    font-size: 1.5rem;
    color: var(--theme-color-1);
}
.woocommerce .woocommerce-result-count {
    margin: .5rem 0px 1rem;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 10px 1rem;
    color: var(--theme-color-1);
}
.woocommerce .woocommerce-ordering select {
    margin: 9px 0px 0;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 10px 1rem;
    color: var(--theme-color-1);
    border: 0;
}
.woocommerce-page ul.products {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    margin-bottom: 2rem;
}
/* 
---------------------------------
* Custom Loop Product
--------------------------------- 
*/
.woocommerce span.onsale {
    background-color: var(--theme-color-2);
}
.yith-wacp-content .product-price,
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    text-align: center;
}
.yith-wacp-content .remaining,
.woocommerce ul.products li.product .remaining, 
.woocommerce-page ul.products li.product .remaining {
    color: green;
    font-weight: 700;
}
.woocommerce ul.products li.product a img {
    transition: .3s ease;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.1);
}
#yith-wacp-popup .yith-wacp-content a.button,
.woocommerce ul.products li.product .button {
    background: var(--theme-color-1);
    color: white;
    font-weight: 500;
}
.woocommerce ul.products li.product .add_to_cart_button:hover:before {
    content: "";
    display: inline-block;
    background-image: url(/wp-content/themes/kfood/img/cart.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin: -5px 5px -3px 0;
    filter: invert();
}
#yith-wacp-popup .yith-wacp-content a.button:hover,
.woocommerce ul.products li.product .button:hover {
    background: var(--theme-color-2);
    color: white;
}
#yith-wacp-popup .yith-wacp-content .outofstock a.button,
.woocommerce ul.products li.product.outofstock .button {
    display: none;
}
.outofstock .images a:before, 
.product .outofstock a:before,
.products .outofstock a:before {
    background-size: contain;
    top: 2rem;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    color: var(--theme-color-1);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-category__title, 
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title, 
.woocommerce ul.products li.product:hover h3 {
    color: var(--theme-color-2);
}
#yith-wacp-popup .yith-wacp-content ul.products li.product .price,
.woocommerce ul.products li.product .price {
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 700;
    color: #77a464;
}
/* 
---------------------------------
* Custom Single Product
--------------------------------- 
*/
.woocommerce div.product div.images {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
}
.woocommerce div.product div.summary {
    background: #fff;
    padding: 1rem;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
}
.woocommerce div.product div.summary .show_note_on_apply_products {
	color: var(--theme-color-2);
}
.woocommerce div.product div.summary .product_title {
    color: var(--theme-color-1);
    font-size: 1.5rem;
}
.woocommerce div.product div.summary p.price, 
.woocommerce div.product div.summary span.price {
    font-size: 2rem;
    font-weight: 600;
    color: #77a464;
}
.woocommerce div.product div.summary form.cart {
    margin-bottom: 2em;
    margin-top: 2rem;
}
.woocommerce div.product div.summary form.cart .quantity .qty {
    height: 36px;
}
.woocommerce div.product div.summary .product_meta {
    display: grid;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--theme-color-2);
    z-index: 2;
    border-bottom-color: var(--theme-color-2);
    color: white;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: #fff;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    padding: 1rem;
}
.woocommerce div.product section.related ul.products {
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    margin-bottom: 2rem;
}
.woocommerce div.product section.related ul.products li .button {
    font-size: 14px;
    font-weight: 500;
}
.yith-wacp-content .yith-wacp-related h2,
.woocommerce div.product section.related h2.title-related {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    font-size: 1.3rem;
    margin-bottom: 2rem;
    color: var(--theme-color-1);
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
/* 
---------------------------------
* Custom Buttons
--------------------------------- 
*/
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt,
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: var(--theme-color-1);
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: var(--theme-color-2);
}
.woocommerce-page #payment #place_order:hover {
    background: var(--success);
}
/* 
---------------------------------
* Custom Cart
--------------------------------- 
*/
.woocommerce-cart .woocommerce-cart-form {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
}
.woocommerce-cart .woocommerce-cart-form table.cart {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.woocommerce-cart .woocommerce-cart-form table.cart thead th {
    background: var(--theme-color-1);
    color: white;
}
.woocommerce-cart .woocommerce-cart-form table.cart thead th:first-child {
    border-top-left-radius: 1rem;
}
.woocommerce-cart .woocommerce-cart-form table.cart thead th:last-child {
    border-top-right-radius: 1rem;
}
.woocommerce-cart .woocommerce-cart-form table.cart tbody tr td a {
    color: var(--theme-color-1);
    font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form table.cart tbody tr td a:hover {
    color: var(--theme-color-2);
}
.woocommerce-cart .woocommerce-cart-form table.cart tbody tr td .amount {
    color: var(--theme-color-1);
    font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: .8rem;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
    color: var(--theme-color-1);
}
.woocommerce-cart .cart-collaterals .cart_totals .dl-msj-envio-2,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals {
    display: none !important;
}
.woocommerce-cart .cart-collaterals .cart_totals .checkout-button {
    margin-bottom: 0;
}
/*
---------------------------------
* Custom Checkout
--------------------------------- 
*/
#calcula-envio-glovo {
    background: var(--info);
    margin-top: .5rem;
    padding: 8px;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
}
#calcula-envio-glovo p {
    text-align: center;
    margin-bottom: 0;
    color: white;
    font-size: 1.2rem;
}
#calcula-envio-glovo p img {
    filter: invert(1);
    margin-right: 5px;
    margin-top: -4px;
}
#calcula-envio-glovo a {
    background: #25d366;
    color: white;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 10px;
    margin-left: 1rem;
}
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup {
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1em 2em 1em 3.5em;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    margin-top: 1rem;
}
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
}
#order_review .woocommerce-shipping-totals th {
    width: 58%;
}
#order_review .order-total {
    background: var(--success);
    color: white;
    font-size: 1.4rem;
    font-weight: 100;
    font-family: 'Roboto';
}
#order_review #payment {
    background: #f5f5f5;
    border-radius: 10px;
}
#order_review #payment .payment_box {
    background-color: #eaeaea;
}
#order_review #payment .payment_box:before {
    border: 1em solid #eaeaea;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-checkout #customer_details h3 {
    color: var(--theme-color-1);
}
.woocommerce-checkout #order_review_heading {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    margin-bottom: 1rem;
    color: var(--theme-color-1);
}
.woocommerce-checkout .selection .select2-selection {
    height: 40px;
}
.woocommerce-checkout .selection .select2-selection .select2-selection__rendered {
    line-height: 38px;
}
.woocommerce-checkout .selection .select2-selection .select2-selection__arrow {
    height: 38px;
}
.woocommerce-checkout .woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce-checkout .woocommerce-input-wrapper input.input-text  {
    padding: 10px;
}
/*
---------------------------------
* Custom Page Order Destails Bank Yape
--------------------------------- 
*/
.woocommerce-order-received .woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
    font-size: 1.5rem;
    background: var(--theme-color-1);
    color: white;
    padding: 5px 1rem;
    font-weight: 400;
}
.woocommerce-order-received .woocommerce-bacs-bank-details ul.order_details {
    margin-bottom: 1rem;
}
.woocommerce-order-received .woocommerce-bacs-bank-details ul.order_details li {
    font-size: 1rem;
}
.woocommerce-order-received .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
    padding: 0 2.5rem;
    font-weight: 500;
}
.woocommerce-order-received p.instrucciones-pago {
    font-size: 2rem;
    text-align: center;
}
.woocommerce-order-received p.instrucciones-pago a {
    background: #25d366;
    color: white;
    padding: 5px 1rem;
    border-radius: 1rem;
    display: inline-block;
}
.woocommerce-order-received p.instrucciones-pago a img {
    margin-top: -10px;
    margin-right: 8px;
    filter: invert(1);
}
/*
---------------------------------
* Custom Page Order Finish
--------------------------------- 
*/
.woocommerce-order-received .woocommerce-order {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    margin: 1.5rem 0;
}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview {
    margin-bottom: 1rem;
}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li.woocommerce-order-overview__order {
    font-weight: 700;
}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li.woocommerce-order-overview__order strong {
    font-size: 1.5rem;
    background: var(--theme-color-1);
    color: white;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    padding: 3px;
    font-weight: 600;
}
.woocommerce-order-received .woocommerce-order .woocommerce-notice--success {
    background: forestgreen;
    color: white;
    padding: 5px 1rem;
    font-size: 1.5rem;
    text-align: center;
}
.woocommerce-order-received .woocommerce-order .woocommerce-column__title,
.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title {
    font-size: 1.5rem;
    background: var(--theme-color-1);
    color: white;
    padding: 5px 1rem;
    font-weight: 400;
}
/* 
---------------------------------
* Custom My Account
--------------------------------- 
*/
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: var(--theme-color-1);
    font-weight: 600;
    display: block;
    padding: 5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--theme-color-2);
    color: white;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--theme-color-2);
    color: white;
}
.woocommerce-account input.input-text {
    padding: 10px;
}
.woocommerce-account .password-input {
    width: 100%;
}
.woocommerce-account .addresses .title h3 {
    background: var(--theme-color-1);
    color: white;
    width: 100%;
    line-height: 1;
    padding: 10px;
    font-size: 1.2rem;
}
.woocommerce-account .woocommerce-MyAccount-orders tr td a {
    padding: 5px 10px;
    background: var(--theme-color-1);
    color: white;
    border-radius: 5px;
    font-weight: 400;
    transition: .3s ease;
}
.woocommerce-account .woocommerce-MyAccount-orders tr td a:hover {
    background: var(--theme-color-2);
    color: white;
}
.woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button {
    background: var(--theme-color-1);
    color: white;
    transition: .3s ease;
}
.woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button:hover {
    background: var(--theme-color-2);
    color: white;
}
.woocommerce-account .woocommerce-ResetPassword {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
}
.woocommerce-account .woocommerce-ResetPassword button.woocommerce-Button {
    color: white;
    background-color: var(--theme-color-1);
    font-weight: 400;
}
.woocommerce-account .woocommerce-ResetPassword button.woocommerce-Button:hover {
    background-color: var(--theme-color-2);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title {
    font-size: 1.5rem;
    background: var(--theme-color-1);
    color: white;
    padding: 5px 1rem;
    font-weight: 400;
}
/*
---------------------------------
* Custom Login
--------------------------------- 
*/
.woocommerce #customer_login h2 {
    color: var(--theme-color-1);
    background: white;
    margin-bottom: 0;
    padding: 10px;
    font-size: 1.5rem;
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    border: 1px solid #d3ced2;
}
.woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-block;
    width: 100%;
}
.woocommerce #customer_login .woocommerce-form {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
    margin-top: 1rem;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
    background-color: var(--theme-color-1);
    color: white;
    font-weight: 400;
}
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: var(--theme-color-2);
    color: white;
}
/* 
---------------------------------
* Custom Globals Styles
--------------------------------- 
*/
.bg-shadow-product {
    box-shadow: var(--sombra);
    border-radius: var(--sombra-radius);
    background: white;
    padding: 1rem;
}
.bg-shadow-product ul {
    margin: 0 0 5px !important;
}
.bg-shadow-product ul li {
    margin-bottom: 0rem !important;
}
/*
---------------------------------
* Custom Yith Popup Cart
--------------------------------- 
*/
.yith-wacp-content .yith-wacp-related > h3 {
    margin-bottom: 1.5rem;
    background: #f5f5f5;
    color: var(--theme-color-1);
    padding: .8rem;
    font-weight: 700;
}
#yith-wacp-popup .yith-wacp-content ul.products li.product .button {
    font-size: 12px;
    font-weight: 500;
}
#yith-wacp-popup .yith-wacp-content h3.cart-list-title {
    background: var(--theme-color-1);
    color: white;
    padding: 10px;
}
#yith-wacp-popup .yith-wacp-content h3.product-title a {
    color: var(--theme-color-1);
}
#yith-wacp-popup .yith-wacp-content h3.product-title a:hover {
    color: var(--theme-color-2);
}
/*
---------------------------------
* Custom Owl Slider WC
--------------------------------- 
*/
#slider-cat-wc .owl-carousel li.product {
    width: auto;
    margin: auto;
    margin-top: 10px;
}
#slider-cat-wc .owl-carousel .owl-nav button:focus {
    outline: none;
} 
#slider-cat-wc .owl-carousel .owl-nav button {
    background: var(--theme-color-2);
    color: white;
    padding: 10px 10px 20px 10px !important;
    font-size: 2rem;
    line-height: 0;
    border-radius: 50%;
}
#slider-cat-wc .owl-carousel .owl-nav button:hover {
    background: var(--theme-color-1);
    transform: scale(1.2);
}
#slider-cat-wc .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
    left: -30px;
}
#slider-cat-wc .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    right: -30px;
}