/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/**
 * EMS logo display size — cms_block #1350, list #wd-677bf3fbdbe5a only.
 * Max display area ~44x24; preserve EMS logo aspect ratio.
 */
#wd-677bf3fbdbe5a .wd-icon {
	width: auto;
	max-width: 44px;
	flex: 0 0 auto;
}

#wd-677bf3fbdbe5a .wd-icon img {
	max-width: 44px;
	max-height: 24px;
	width: auto !important;
	height: auto !important;
}

/**
 * Shipping card details links — cms_block #1350 only.
 * EMS #wd-63515990493f3, returns #wd-63515d804539e (ko_KR frontend).
 */
#wd-63515990493f3 a,
#wd-63515d804539e a {
	color: var(--wd-title-color, #242424);
	font-weight: 600;
	font-style: normal;
}

/**
 * OKGS Phase03Z — PC-only responsive vertical scroll for Categories left list.
 * Measured: .wd-dropdown-cats top=188px; bottomSafeGap=16px → offset 204px.
 * Scroll container: UL inside .whb-okgsphase04cat1 .wd-dropdown-cats (DOM gate verified).
 */
@media (min-width: 1025px) {
	.whb-okgsphase04cat1 .wd-dropdown-cats > ul.wd-nav-vertical,
	.whb-okgsphase04cat1 .wd-dropdown-cats > ul.menu {
		max-height: calc(100vh - 204px);
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
}

/* ===== OKGS Phase05A3 START ===== */
/**
 * OKGS Phase05A3 — Mega Menu MANUAL banner row (WoodMart Marketplace 2 demo match)
 * Golden ref measured @1440 (Electronics mega, measure_banner_dom.js):
 *   rowWidth 688 | banner 354×180 each | gap ~20 | aspect 1.97 | object-fit cover
 * Shortcode attrs patched: slider_spacing=20 slides_per_view=2 autoheight=no
 */
@media (min-width: 1025px) {
	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel-wrapper,
	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .wd-carousel-container.banners-carousel {
		overflow: hidden;
	}

	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .wd-carousel-wrap {
		display: flex;
		flex-wrap: nowrap;
		gap: 20px;
	}

	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .wd-carousel-item {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
		width: calc(50% - 10px);
	}

	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .promo-banner-wrapper,
	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .promo-banner {
		--wd-img-height: 180px;
		height: 180px;
		min-height: 180px;
		max-height: 180px;
		border-radius: 20px;
		overflow: hidden;
	}

	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .promo-banner-wrapper .banner-image,
	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .promo-banner img,
	#menu-okgs-pc-mega-menu-9-groups .wd-dropdown-menu .banners-carousel .promo-banner .banner-img {
		width: 100%;
		height: 180px;
		min-height: 180px;
		max-height: 180px;
		object-fit: cover;
		object-position: center center;
	}
}
/* ===== OKGS Phase05A3 END ===== */

/* ===== OKGS Phase05A4 START ===== */
/**
 * OKGS Phase05A4 — Mega menu bottom padding parity (WoodMart Marketplace 2 demo)
 * WPBakery int-wpb-base.css sets --wd-dropdown-padding: 30px 0px on full-width items.
 * Restore single-value 30px so mod-dropdown-full-width.css padding-block applies symmetrically.
 */
@media (min-width: 1025px) {
	#menu-okgs-pc-mega-menu-9-groups > li.menu-mega-dropdown {
		--wd-dropdown-padding: 30px;
	}
}
/* ===== OKGS Phase05A4 END ===== */

/* ===== OKGS Phase05A6 START ===== */
/**
 * OKGS Phase05A6 — PC mega menu top-level category icon size (18px → 24px)
 * Scope: #menu-okgs-pc-mega-menu-9-groups top-level items only @1025+
 * Gap: keep WoodMart default margin-inline-end 7px
 */
@media (min-width: 1025px) {
	#menu-okgs-pc-mega-menu-9-groups > li.item-level-0 > a > img.wd-nav-img {
		--nav-img-width: 24px;
		--nav-img-height: 24px;
		width: 24px !important;
		height: 24px !important;
		max-width: 24px;
		max-height: 24px;
		margin-inline-end: 7px;
		object-fit: contain;
	}
}
/* ===== OKGS Phase05A6 END ===== */

/* ===== OKGS Phase05A7 START ===== */
/**
 * OKGS Phase05A7 — PC mega menu top-level category icon size (24px → 28px)
 * Scope: #menu-okgs-pc-mega-menu-9-groups top-level items only @1025+
 * Gap: keep margin-inline-end 7px
 */
@media (min-width: 1025px) {
	#menu-okgs-pc-mega-menu-9-groups > li.item-level-0 > a > img.wd-nav-img {
		--nav-img-width: 28px;
		--nav-img-height: 28px;
		width: 28px !important;
		height: 28px !important;
		max-width: 28px;
		max-height: 28px;
		margin-inline-end: 7px;
		object-fit: contain;
	}
}
/* ===== OKGS Phase05A7 END ===== */

/* ===== OKGS Phase05A8 START ===== */
/**
 * OKGS Phase05A8 — PC mega menu top-level category icon size (28px → 30px)
 * Scope: #menu-okgs-pc-mega-menu-9-groups top-level items only @1025+
 * Gap: keep margin-inline-end 7px
 */
@media (min-width: 1025px) {
	#menu-okgs-pc-mega-menu-9-groups > li.item-level-0 > a > img.wd-nav-img {
		--nav-img-width: 30px;
		--nav-img-height: 30px;
		width: 30px !important;
		height: 30px !important;
		max-width: 30px;
		max-height: 30px;
		margin-inline-end: 7px;
		object-fit: contain;
	}
}
/* ===== OKGS Phase05A8 END ===== */