/*
Theme Name: Borbila
Theme URI: https://borbila.com
Description: Child theme for Hello Elementor
Author: Borbila
Author URI: https://borbila.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: borbila
*/

/* Custom CSS goes below */

a.added_to_cart,
.added_to_cart.wc-forward,
a.wc-forward.added_to_cart {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.borbila-mobile-menu-actions {
	display: none;
}

.woocommerce a.button.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce .ajax_add_to_cart {
	position: relative;
}

.woocommerce a.button.add_to_cart_button.loading,
.woocommerce button.single_add_to_cart_button.loading,
.woocommerce .ajax_add_to_cart.loading {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: wait;
}

.woocommerce a.button.add_to_cart_button.loading::after,
.woocommerce button.single_add_to_cart_button.loading::after,
.woocommerce .ajax_add_to_cart.loading::after {
	content: "";
	width: 16px;
	height: 16px;
	border: 2px solid #c77d7d;
	border-right-color: transparent;
	border-radius: 50%;
	animation: borbila-cart-spin 0.7s linear infinite;
	position: static;
	margin: 0;
}

@keyframes borbila-cart-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 767px) {
	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions {
		display: grid;
		gap: 14px;
		padding: 18px 16px 16px;
		margin-top: 10px;
		border-top: 1px solid #f1e4e4;
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__whatsapp {
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 14px 16px;
		border: 1px solid var(--borbila-mm-whatsapp-border, #ececec);
		border-radius: 18px;
		background: var(--borbila-mm-whatsapp-bg, #ffffff);
		color: var(--borbila-mm-whatsapp-text, #131313);
		box-shadow: 0 12px 28px rgba(19, 19, 19, 0.05);
		text-decoration: none;
		transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__whatsapp:hover,
	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__whatsapp:focus {
		background: var(--borbila-mm-whatsapp-bg-hover, #fdf3f8);
		transform: translateY(-1px);
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__whatsapp:hover .borbila-mobile-menu-actions__icon,
	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__whatsapp:focus .borbila-mobile-menu-actions__icon {
		filter: brightness(0.98);
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 46px;
		flex: 0 0 46px;
		border-radius: 50%;
		background: var(--borbila-mm-whatsapp-icon-bg, #fef4f9);
		color: var(--borbila-mm-whatsapp-icon-color, #c72c77);
		font-size: 24px;
		box-shadow: 0 10px 20px rgba(199, 44, 119, 0.16);
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__text {
		color: var(--borbila-mm-whatsapp-text, #131313);
		font-size: 17px;
		font-weight: 700;
		letter-spacing: 0.01em;
		line-height: 1.4;
		word-break: break-word;
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__account {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 58px;
		padding: 0 22px;
		border-radius: 16px;
		background: var(--borbila-mm-account-bg, #c72c77);
		color: var(--borbila-mm-account-text, #ffffff) !important;
		border: 1px solid var(--borbila-mm-account-border, #c72c77);
		font-size: 17px;
		font-weight: 700;
		text-decoration: none;
		box-shadow: 0 16px 30px rgba(199, 44, 119, 0.24);
		transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
		-webkit-appearance: none;
		appearance: none;
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__account:hover,
	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__account:focus {
		color: var(--borbila-mm-account-text, #ffffff) !important;
		background: var(--borbila-mm-account-bg-hover, #131313) !important;
		background-color: var(--borbila-mm-account-bg-hover, #131313) !important;
		border-color: var(--borbila-mm-account-bg-hover, #131313) !important;
		transform: translateY(-1px);
	}

	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__account:active,
	.elementor-nav-menu--dropdown .borbila-mobile-menu-actions__account:visited {
		background: var(--borbila-mm-account-bg, #c72c77) !important;
		background-color: var(--borbila-mm-account-bg, #c72c77) !important;
		color: var(--borbila-mm-account-text, #ffffff) !important;
	}
}