/**
 * Custom Mega Menu — styles
 * -----------------------------------------------------------------------------
 * Loaded by: inc/custom-megamenu.php
 * Location:  wp-content/themes/hello-elementor-child/assets/css/custom_megamenu.css
 * -----------------------------------------------------------------------------
 */

.cmm-wrapper {	
	color: var( --e-global-color-273325c );
	font-size: 14px;
	line-height: 1.4;
}

.cmm-columns {
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	background: #fff;
	border: 1px solid #e3e6ea;
	border-radius: 8px;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .08);
}

.cmm-column {
	flex: 0 0 auto;
	min-width: 240px;
	max-width: 280px;
	padding: 8px 0;
	border-right: 1px solid #eef0f3;
	max-height: 72vh;
	overflow-y: auto;
}

.cmm-column:last-child {
	border-right: none;
}

.cmm-column.cmm-col-products {
	min-width: 300px;
	max-width: 340px;
}

.cmm-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
	color: #9aa3ad;
	font-style: italic;
}

/* --- Category list ------------------- */
.cmm-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cmm-item {
	position: relative;
	cursor: pointer;
}

.cmm-item .cmm-link {
	display: block;
	font-size: 14px;
	padding: 10px 30px 10px 16px;
	color: var( --e-global-color-273325c );
	text-decoration: none;
	transition: background .12s ease;
}

.cmm-item:hover > .cmm-link {
	background: #f3f8ff;
	font-size: 14px;
}

.cmm-item.cmm-active > .cmm-link {
	background: #e8f3ff;
	color: var( --e-global-color-51f4188 );
	font-weight: 600;
}

.cmm-arrow {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var( --e-global-color-51f4188 );
	font-size: 11px;
}

.cmm-empty {
	margin: 0;
	padding: 14px 16px;
	color: #9aa3ad;
}

/* --- Product list ---------------------- */
.cmm-products {
	padding: 4px 0;
}

.cmm-product-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	text-decoration: none;
	color: var( --e-global-color-273325c );
}

.cmm-product-link:hover {
	background: #f3f8ff;
}

.cmm-product-thumb img {
	display: block;
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 4px;
	background: #f1f3f5;
}

.cmm-product-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.cmm-product-name {
	/* font-weight: 500; */
    font-size: 14px;
}

.cmm-product-price {
	color: var( --e-global-color-51f4188 );
	font-size: 12px;
}

.cmm-product-price del {
	color: #9aa3ad;
	font-weight: 400;
}

/* --- Debug box ----------------------- */
.cmm-debug {
	margin: 8px 12px;
	padding: 8px 10px;
	background: #fff7e6;
	border: 1px solid #ffe1a8;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.6;
	color: #7a5b00;
	font-family: monospace;
	white-space: normal;
	word-break: break-word;
}

/* --- Scrollbars ---------------------- */
.cmm-columns::-webkit-scrollbar,
.cmm-column::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.cmm-columns::-webkit-scrollbar-thumb,
.cmm-column::-webkit-scrollbar-thumb {
	background: #cdd4db;
	border-radius: 8px;
}