/*
Theme Name: Cafe Las Flores Pickup
Theme URI: #
Description: Tema del canal de pickup de cafelasflores
Version: 1
Author: Tactic Digital
Author URI: https://tactic-digital.com
Text Domain: cafelasflores-pickup
Tags: tag_e_commerce, tag_food_and_drink
*/

/** KANGAROO MOD **/
#primary .woocommerce {
	& .kgrwds-redeem-section {
		display: none !important;
		visibility: hidden !important;
		width: 90%;
		margin: auto;
		margin-top: 1rem;
		gap: 0.7rem;
		padding: 1rem;
		
		& .kgrwds-redeem-section-content {
			font-size: .9rem;
		}
		
		& .btn {
			padding: .5rem;
		}
	}
	
	& .kangaroo-shopping-cart-section {
		max-width: 90%;
		float: none;
		margin: auto;
		overflow-x: auto;
		overflow-y: hidden;
		margin-bottom: 5rem;

		& > p{
			font-size: var(--text-sm) !important;
			text-align: left !important;
		}

		& table {
			margin-top: 1rem;
			& thead th {
				min-width: 110px;
				text-align: left;
				
				&:first-child, &:nth-child(2) {
					min-width: 160px;
				}
			}

			& .kgrwds-coupon-reclaim {
				min-width: 100%;
			}
		}
	}
}

#ew-btn-kr {
	& .launcher-flex-kr .launcher-flex-kr > .launcher-flex-kr, .balance-wrapper-kr {
		padding: .6rem !important;
		
		& img {
			width: 34px !important;
    		height: 34px !important;
		}
	}
	
	& .launcher-flex-kr .launcher-flex-kr > .launcher-flex-kr {
		display: none !important;
	}
}

#app-kr {
	& .ew-widget.wave-theme-kr {
		& .main-top-bar-wrapper-kr.wave-theme-kr {
			& .text-kr:first-child {
				display: none !important;
				visibility: hidden !important;
			}
		}
	}
}

.kgrwds-shopping-cart-coupon-table {
	display: none !important;
	visibility: hidden !important;
}

.woocommerce .blockUI.blockOverlay {
	display: flex;
    align-items: center;
    justify-content: center;
	opacity: 0.8 !important;
	

	&::before {
		background-image: url("/wp-content/themes/cafelasflores/assets/images/clf-marker-logo.webp") !important;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		margin: auto !important;
		width: 5rem !important;
		height: 5rem !important;

		animation: pulseLogo .8s ease-in-out infinite;
	}
}

#place_order.button {
    padding: calc(var(--spacing) * 3) !important;
    background-color: var(--color-theme-green);
    color: #fff;
    border-radius: var(--radius-lg);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    line-height: inherit;

    &.loading {
        opacity: .8;

        &:hover {
            cursor: normal;
            pointer-events: none;
        }
    }
}

@keyframes pulseLogo {
	0% {
		transform: scale(0.9);
		opacity: 0.7;
	}
	50% {
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		transform: scale(0.9);
		opacity: 0.7;
	}
}