/* Al-Arabisch Product Filter. Logical properties keep it correct for RTL (ar) and LTR (de). */
.aa-pf { --aa-pf-accent: #bc8b3f; --aa-pf-dark: #282d3b; --aa-pf-border: #ececec; background: #fff; }

/* Active filter chips */
.aa-pf-active { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 12px 0; }
.aa-pf-chip {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 4px 10px; border-radius: 999px;
	background: var(--aa-pf-accent); color: #fff !important; font-size: 13px; line-height: 1.5;
	text-decoration: none !important;
}
.aa-pf-chip:hover, .aa-pf-chip:focus { background: var(--aa-pf-dark); }
.aa-pf-chip span { font-size: 16px; line-height: 1; }

/* Category list */
/* #sidebar beats the theme's generic fieldset margin (40px) */
#sidebar .aa-pf-form > fieldset, .aa-pf .aa-pf-form > fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.aa-pf-list { list-style: none; margin: 0; padding: 0; }
.aa-pf-depth-1 > .aa-pf-item { border-bottom: 1px solid var(--aa-pf-border); }
.aa-pf-item { position: relative; margin: 0; }
.aa-pf-label {
	display: flex; align-items: center; gap: 8px;
	margin: 0; padding: 9px 12px; padding-inline-end: 44px;
	font-size: 14px; font-weight: 400; color: var(--aa-pf-dark); cursor: pointer;
}
.aa-pf-label:hover .aa-pf-name { color: var(--aa-pf-accent); }
.aa-pf-label input[type="checkbox"] {
	flex: 0 0 auto; width: 18px; height: 18px; margin: 0;
	accent-color: var(--aa-pf-accent); cursor: pointer;
}
.aa-pf-name { flex: 1 1 auto; }
.aa-pf-label input:checked ~ .aa-pf-name { font-weight: 600; color: var(--aa-pf-accent); }
.aa-pf-count {
	flex: 0 0 auto; min-width: 26px; padding: 0 6px; border-radius: 10px;
	background: #f2f6f9; color: #777; font-size: 12px; line-height: 20px; text-align: center;
}

/* Sub-categories: native <details>, the summary is the chevron at the end of the row */
.aa-pf-sub > summary {
	position: absolute; top: 4px; inset-inline-end: 6px;
	width: 32px; height: 32px; cursor: pointer; list-style: none; border-radius: 4px;
}
.aa-pf-sub > summary::-webkit-details-marker { display: none; }
.aa-pf-sub > summary::before {
	content: ""; position: absolute; top: 11px; inset-inline-start: 12px;
	width: 8px; height: 8px;
	border-right: 2px solid var(--aa-pf-accent); border-bottom: 2px solid var(--aa-pf-accent); /* physical sides: a down-chevron in RTL and LTR */
	transform: rotate(45deg); transition: transform .15s;
}
.aa-pf-sub[open] > summary::before { transform: rotate(-135deg); top: 15px; }
.aa-pf-sub > summary:hover, .aa-pf-sub > summary:focus-visible { background: #f2f6f9; outline: none; }
.aa-pf-sub > .aa-pf-list { padding-inline-start: 22px; padding-bottom: 6px; }
.aa-pf-sub .aa-pf-label { padding-top: 6px; padding-bottom: 6px; font-size: 13px; }

/* Buttons */
.aa-pf-actions { display: flex; align-items: center; gap: 12px; padding: 12px; }
.aa-pf-apply.button {
	flex: 1 1 auto; margin: 0; padding: 10px 16px; border: 0; border-radius: 4px;
	background: var(--aa-pf-accent); color: #fff; font-weight: 600; line-height: 1.4; cursor: pointer;
}
.aa-pf-apply.button:hover, .aa-pf-apply.button:focus { background: var(--aa-pf-dark); color: #fff; }
.aa-pf-reset { flex: 0 0 auto; color: var(--aa-pf-dark); font-size: 13px; text-decoration: underline; }

/* Phones: the list sits in the theme's collapsible sidebar; keep the Apply button reachable */
@media (max-width: 767px) {
	.aa-pf-actions { position: sticky; bottom: 0; background: #fff; border-top: 1px solid var(--aa-pf-border); z-index: 2; }
}