/**
 * Shop Categories Tree / Accordion Styles
 * 
 * Styling for accordion-style category children toggle.
 * Updated: Header row layout with children below
 * 
 * @package RinnoTools
 */

/* ============================================
   Header Row Layout
   ============================================ */

body.woocommerce-shop .filter-categories__row,
body.post-type-archive-product .filter-categories__row,
body.tax-product_cat .filter-categories__row,
body.tax-product_tag .filter-categories__row,
body.tax-product_attribute .filter-categories__row {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

/* ============================================
   Toggle Button Styling
   ============================================ */

body.woocommerce-shop .filter-categories__toggle,
body.post-type-archive-product .filter-categories__toggle,
body.tax-product_cat .filter-categories__toggle,
body.tax-product_tag .filter-categories__toggle,
body.tax-product_attribute .filter-categories__toggle {
    position: relative;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

body.woocommerce-shop .filter-categories__toggle:focus,
body.post-type-archive-product .filter-categories__toggle:focus,
body.tax-product_cat .filter-categories__toggle:focus,
body.tax-product_tag .filter-categories__toggle:focus,
body.tax-product_attribute .filter-categories__toggle:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

/* ============================================
   Category Link in Row
   ============================================ */

body.woocommerce-shop .filter-categories__row > a,
body.post-type-archive-product .filter-categories__row > a,
body.tax-product_cat .filter-categories__row > a,
body.tax-product_tag .filter-categories__row > a,
body.tax-product_attribute .filter-categories__row > a {
	flex: 1;
	min-width: 0; /* Allow text truncation */
}

/* ============================================
   Counter in Row (Right Aligned)
   ============================================ */

body.woocommerce-shop .filter-categories__row > .filter-categories__counter,
body.post-type-archive-product .filter-categories__row > .filter-categories__counter,
body.tax-product_cat .filter-categories__row > .filter-categories__counter,
body.tax-product_tag .filter-categories__row > .filter-categories__counter,
body.tax-product_attribute .filter-categories__row > .filter-categories__counter {
	margin-left: auto;
	flex-shrink: 0;
}

/* ============================================
   Arrow Rotation (when open)
   ============================================ */

body.woocommerce-shop .filter-categories__arrow,
body.post-type-archive-product .filter-categories__arrow,
body.tax-product_cat .filter-categories__arrow,
body.tax-product_tag .filter-categories__arrow,
body.tax-product_attribute .filter-categories__arrow {
	transition: transform 0.2s ease;
	transform: rotate(0deg);
	display: block;
}

body.post-type-archive-product .filter-categories__arrow {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

body.woocommerce-shop .filter-categories__item.is-open .filter-categories__arrow,
body.post-type-archive-product .filter-categories__item.is-open .filter-categories__arrow,
body.tax-product_cat .filter-categories__item.is-open .filter-categories__arrow,
body.tax-product_tag .filter-categories__item.is-open .filter-categories__arrow,
body.tax-product_attribute .filter-categories__item.is-open .filter-categories__arrow {
	transform: rotate(-90deg);
}

/* ============================================
   Children Container (below header row)
   ============================================ */

body.woocommerce-shop .filter-categories__children[hidden],
body.post-type-archive-product .filter-categories__children[hidden],
body.tax-product_cat .filter-categories__children[hidden],
body.tax-product_tag .filter-categories__children[hidden],
body.tax-product_attribute .filter-categories__children[hidden] {
	display: none;
}

body.woocommerce-shop .filter-categories__children,
body.post-type-archive-product .filter-categories__children,
body.tax-product_cat .filter-categories__children,
body.tax-product_tag .filter-categories__children,
body.tax-product_attribute .filter-categories__children {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 28px; /* Indent children below header row */
	transition: height 0.3s ease;
	overflow: hidden;
}

/* ============================================
   Children Items (preserve existing styling)
   ============================================ */

/* Children items should maintain existing spacing and styling */
body.woocommerce-shop .filter-categories__children .filter-categories__item,
body.post-type-archive-product .filter-categories__children .filter-categories__item,
body.tax-product_cat .filter-categories__children .filter-categories__item,
body.tax-product_tag .filter-categories__children .filter-categories__item,
body.tax-product_attribute .filter-categories__children .filter-categories__item {
	/* Existing styles are preserved from main CSS */
	/* Only add minimal adjustments if needed */
}

/* ============================================
   Parent Item Layout
   ============================================ */

body.woocommerce-shop .filter-categories__item--parent,
body.post-type-archive-product .filter-categories__item--parent,
body.tax-product_cat .filter-categories__item--parent,
body.tax-product_tag .filter-categories__item--parent,
body.tax-product_attribute .filter-categories__item--parent {
	display: flex;
	flex-direction: column;
}

body.post-type-archive-product .filter-categories__item--parent {
    padding-left: 0;
}

/* ============================================
   Mobile Optimization
   ============================================ */

@media (max-width: 767px) {
	body.woocommerce-shop .filter-categories__children,
	body.post-type-archive-product .filter-categories__children,
	body.tax-product_cat .filter-categories__children,
	body.tax-product_tag .filter-categories__children,
	body.tax-product_attribute .filter-categories__children {
		transition: height 0.25s ease;
		padding-left: 24px; /* Slightly less indent on mobile */
	}
	
	body.woocommerce-shop .filter-categories__row,
	body.post-type-archive-product .filter-categories__row,
	body.tax-product_cat .filter-categories__row,
	body.tax-product_tag .filter-categories__row,
	body.tax-product_attribute .filter-categories__row {
		gap: 6px; /* Tighter gap on mobile */
	}
}