/*
Theme Name: Hello Elementor Child
Theme URI: https://liyansolution.com/
Description: Custom child theme for Hello Elementor tailored for WordPress & WooCommerce Plugin marketplace with dynamic ACF Pro builder support, high performance and modern responsive animations.
Author: LIYAN IT SOLUTION
Author URI: https://liyansolution.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Custom styles are modularly enqueued via assets/css/main.css and assets/css/animations.css */

/* Hello Elementor 100% Full Width Override */
html,
body,
#page,
.site-wrapper,
.site-header,
.site-header:not(.dynamic-header),
.site-footer,
.site-footer:not(.dynamic-footer),
.site-main,
#content.site-main,
body:not([class*="elementor-page-"]) .site-main {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.hec-container {
	width: 100% !important;
	max-width: 1240px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
}



.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
			display: none !important;
		}
		.wc-block-cart-item__quantity {
			position: absolute;
			right: 10px;
			top: 60px;
			background: #f00;
			width: 33px;
			height: 33px;
			border-radius: 50%;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		tr.wc-block-cart-items__row {
			position: relative;
		}
		a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
			background-color: var(--hec-primary);
			color: #ffffff;
			border-color: var(--hec-primary);
			box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28);
			border-radius: 40px;
		}
		.woocommerce-cart ul.wc-block-grid__products {
			display: none;
		}


.liyan-floating-actions {
	position: fixed;
	right: 0;
	left: auto;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	width: 82px;
	z-index: 999999;
}

.liyan-floating-action {
	width: 78px;
	min-height: 82px;
	padding: 10px 5px 8px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #17366d;
	text-decoration: none !important;
	border: 1px solid #dbe7f7;
	border-right: none;
	border-radius: 10px 0 0 10px;
	box-shadow: 0 4px 18px rgba(37, 99, 235, 0.12);
	transition:
		width 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.25s ease;
}

.liyan-floating-icon {
	width: 38px;
	height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #ffffff;
	margin-bottom: 6px;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.20);
}

.liyan-help-action .liyan-floating-icon {
	background: #2563eb;
}

.liyan-ticket-action .liyan-floating-icon {
	background: #18c98a;
}

.liyan-plugin-action .liyan-floating-icon {
	background: #7c3aed;
}


/* Label */
.liyan-floating-label {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.25;
	color: #17366d;
	white-space: normal;
}


/* Hover */
.liyan-floating-action:hover {
	width: 92px;
	transform: translateX(-3px);
	box-shadow: 0 8px 25px rgba(37, 99, 235, 0.22);
	background: #ffffff;
}


.liyan-floating-action:hover .liyan-floating-label {
	color: #2563eb;
}


/* Focus */
.liyan-floating-action:focus-visible {
	outline: 3px solid #93c5fd;
	outline-offset: 2px;
}


/* ==========================================
   Plugin Empty State - Coming Soon
========================================== */

.plugin-empty-message {
	width: 100%;
	min-height: 320px;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: #f8fbff;
	border: 1px solid #dbe7ff;
	border-radius: 24px;
	padding: 50px 30px;
	margin: 30px 0;
	position: relative;
	overflow: hidden;
}


/* Background shapes */

.plugin-empty-message::before {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	background: rgba(37,99,235,0.08);
	border-radius: 50%;
	top: -120px;
	right: -100px;
}


.plugin-empty-message::after {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	background: rgba(124,58,237,0.07);
	border-radius: 50%;
	bottom: -120px;
	left: -80px;
}


/* Rocket Icon */

.plugin-empty-message h3::before {
	content: "🚀";
	display: block;
	font-size: 55px;
	margin-bottom: 18px;
}


/* Heading */

.plugin-empty-message h3 {
	position: relative;
	z-index: 2;
	margin:0 0 15px;
	font-size:32px;
	font-weight:700;
	color:#0f172a;
}


/* Description */

.plugin-empty-message p {
	position:relative;
	z-index:2;
	max-width:500px;
	margin:0 auto;
	font-size:17px;
	line-height:1.7;
	color:#64748b;
}

.section-stats {
    padding: 10px 0px 40px !important;
}

.section-plugins {
    padding: 0px 0px 30px !important;
}







/* =========================================
   MOBILE - BOTTOM FLOATING SUPPORT BAR
========================================= */

@media (max-width: 767px) {

.liyan-floating-actions {
    position: fixed;
    right: 0;
    left: 0;
    top: auto;
    bottom: 0;
    transform: translateY(0%);
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}


	/* Individual Button */
.liyan-floating-action {
    width: max-content;
    min-width: auto;
    height: auto;
    min-height: auto;
    padding: 4px 10px;
    gap: 5px;
    flex-direction: row;
    border-radius: 8px;
}


	/* Icon */
	.liyan-floating-icon {
		width: 20px;
		height: 20px;
		min-width: 20px;
		margin-bottom: 0px;
		border-radius: 50%;
	}


	/* Icon SVG */
	.liyan-floating-icon svg {
		width: 12px;
		height: 12px;
	}


	/* Label */
	.liyan-floating-label {
		width: 100%;
		font-size: 8px;
		line-height: 1.15;
		text-align: center;
		white-space: normal;
		color: #17366d;
	}


	/* Disable desktop hover expansion on mobile */
	.liyan-floating-action:hover {
		width: 72px;
		transform: none;
		box-shadow: 0 4px 18px rgba(37, 99, 235, 0.20);
	}


	.liyan-floating-action:hover .liyan-floating-label {
		color: #17366d;
	}


		.plugin-empty-message{
		min-height:250px;
		padding:35px 20px;
	}

	.plugin-empty-message h3{
		font-size:26px;
	}

	.plugin-empty-message p{
		font-size:15px;
	}

}