/*
Theme Name:   WheelyNerdy
Theme URI:    https://ninetheme.com/themes/styler/
Description:  Performance-tuned child theme for Styler — asset dequeues, native lazy loading, cached swatch lookups, hardened load-more AJAX, and updated WooCommerce templates. Built for a 30k+ product catalog on shared hosting.
Author:       WheelyNerdy
Template:     styler
Version:      1.1.0
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 7.4
Text Domain:  styler-child
*/

/* -------------------------------------------------------------------------
 * Sidebar panel — equalised product category grid
 * Styler outputs raw term thumbnails at native aspect ratios; normalize into
 * fixed square cells so wide logos (Pokémon) and tall icons (MTG) align.
 * ------------------------------------------------------------------------- */
.category-area.action-content .category-area-inner > .row.style-grid {
	--wn-panel-cat-icon: 72px;
	row-gap: 0.75rem;
}

.category-area.action-content .category-area-inner > .row.style-grid > .col {
	display: flex;
}

.category-area.action-content .style-grid .product-category {
	display: flex;
	width: 100%;
}

.category-area.action-content .style-grid .product-category a {
	width: 100%;
	margin-bottom: 0;
	padding: 0.65rem 0.4rem 0.75rem;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(0, 0, 0, 0.02);
	box-sizing: border-box;
	justify-content: flex-start;
	gap: 0.35rem;
}

.category-area.action-content .style-grid .product-category img {
	display: block;
	width: var(--wn-panel-cat-icon) !important;
	height: var(--wn-panel-cat-icon) !important;
	max-width: 100%;
	flex-shrink: 0;
	object-fit: contain;
	object-position: center;
}

.category-area.action-content .style-grid .category-title {
	display: -webkit-box;
	width: 100%;
	margin-top: 0;
	font-size: 0.8125rem;
	line-height: 1.3;
	text-align: center;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.category-area.action-content .style-grid .cat-count {
	top: 6px;
	left: 6px;
}

@media (min-width: 480px) {
	.category-area.action-content .category-area-inner > .row.style-grid {
		--wn-panel-cat-icon: 80px;
	}
}

/* -------------------------------------------------------------------------
 * Font Awesome fix — social nav icons
 * Parent style.css forces the Font Awesome 4 family name ('FontAwesome') on
 * social menu icons; those are brand glyphs, which live in the Brands face.
 * Same selector, loaded after the parent, so this wins the cascade.
 * ---------------------------------------------------------------------- */
body:not(.edlementor-page) .nav-menu.nav-social i {
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
}