/**
 * BelgardDynamicAccordion Block Styles
 *
 * Styles based on Kadence accordion design.
 */

.belgard-dynamic-accordion-block {
	max-width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

/* Accordion Item */
.belgard-dynamic-accordion-block .accordion-item {
	/* No borders between items - using gap instead */
}

/* Accordion Header - reset heading styles */
.belgard-dynamic-accordion-block .accordion-header {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* Accordion Trigger Button - Kadence style */
.belgard-dynamic-accordion-block .accordion-trigger {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	margin: 0;
	border: 0;
	background: var(--global-palette9, #ffffff);
	text-align: left;
	cursor: pointer;
	font-family: var(--global-heading-font-family, inherit);
	font-size: var(--wp--preset--font-size--medium, 20px);
	font-weight: 600;
	color: var(--global-palette4, #242529);
	padding-top: var(--global-kb-spacing-xs, 1rem);
	padding-right: 0;
	padding-bottom: var(--global-kb-spacing-xs, 1rem);
	padding-left: 0;
	transition: color 0.2s ease;
}

.belgard-dynamic-accordion-block .accordion-trigger:hover {
		box-shadow: unset;

}

/* Focus styles - important for accessibility */
.belgard-dynamic-accordion-block .accordion-trigger:focus {
	outline: 1px solid var(--global-palette1, #0073aa);
	box-shadow: unset;
}

.belgard-dynamic-accordion-block .accordion-trigger:focus:not(:focus-visible) {
	outline: none;
}

.belgard-dynamic-accordion-block .accordion-trigger:focus-visible {
	outline: 2px solid var(--global-palette1, #0073aa);
	outline-offset: 2px;
}

/* Accordion Title */
.belgard-dynamic-accordion-block .accordion-title {
	flex: 1;
	text-transform: none;
	color: var(--global-palette4, #faf7f2);
}

/* Accordion Icon - Arrow style on left */
.belgard-dynamic-accordion-block .accordion-icon {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	position: relative;
	transition: transform 0.3s ease;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/* Right arrow (closed state) */
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.10938 0.46875L7.10938 5.42969C7.34375 5.70312 7.5 6.01562 7.5 6.32812C7.5 6.60156 7.34375 6.95312 7.10938 7.1875L2.10938 12.1484C1.75781 12.5 1.21094 12.6172 0.742188 12.4219C0.273438 12.2266 0 11.8359 0 11.3281V1.32812C0 0.859375 0.273438 0.390625 0.742188 0.195312C1.21094 0 1.75781 0.117188 2.10938 0.46875Z' fill='%23092947'/%3E%3C/svg%3E");
}

/* Expanded state - down arrow */
.belgard-dynamic-accordion-block .accordion-trigger[aria-expanded='true'] .accordion-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2266 1.64844L7.26562 6.64844C6.99219 6.88281 6.67969 7 6.36719 7C6.01562 7 5.70312 6.88281 5.46875 6.64844L0.507812 1.64844C0.117188 1.29688 0 0.75 0.195312 0.28125C0.390625 -0.1875 0.859375 -0.5 1.36719 -0.5H11.3281C11.8359 -0.5 12.2656 -0.1875 12.4609 0.28125C12.6562 0.75 12.5781 1.29688 12.2266 1.64844Z' fill='%23092947'/%3E%3C/svg%3E");
}

/* Accordion Panel */
.belgard-dynamic-accordion-block .accordion-panel {
	transition: height 0.3s ease;
}

.belgard-dynamic-accordion-block .accordion-panel[hidden] {
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* Accordion Content - Kadence panel inner style */
.belgard-dynamic-accordion-block .accordion-content {
	padding: 0;
	border: 0;
	color: var(--global-palette4, #242529);
	font-weight: 300;
	font-size: var(--wp--preset--font-size--medium, 20px);
	line-height: 152%;
	letter-spacing: 0%;
}

.belgard-dynamic-accordion-block .accordion-content > *:first-child {
	margin-top: 0;
}

.belgard-dynamic-accordion-block .accordion-content > *:last-child {
	margin-bottom: 0;
}

/* Responsive styles */
@media all and (max-width: 1024px) {
	.belgard-dynamic-accordion-block .accordion-content {
		padding: 0;
		border: 0;
	}

	.belgard-dynamic-accordion-block .accordion-trigger {
		border: 0;
	}
}

@media all and (max-width: 767px) {
	.belgard-dynamic-accordion-block .accordion-content {
		padding: 0;
		border: 0;
	}

	.belgard-dynamic-accordion-block .accordion-trigger {
		border: 0;
	}
}

.tax-product_categories .belgard-dynamic-accordion-block .accordion-content {
	padding-left: 24px;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	.belgard-dynamic-accordion-block .accordion-panel,
	.belgard-dynamic-accordion-block .accordion-icon,
	.belgard-dynamic-accordion-block .accordion-trigger {
		transition: none;
	}
}

/* High contrast mode support */
@media (forced-colors: active) {
	.belgard-dynamic-accordion-block .accordion-trigger:focus {
		outline: 2px solid CanvasText;
	}
}