/* TipAci Ops — "TipAci Akordiyon" (tipaci-ops/accordion) bloğu frontend stili.
 * DÜZELTME (v11.5.3): Bu blok için frontend'de hiç CSS yoktu — bkz.
 * ta-accordion-frontend.js üstündeki not. Renkler Tepa temasının
 * --tepa-* değişkenlerine uyar, tema yoksa sabit değerlere düşer.
 */
.ta-accordion-item {
	margin-bottom: 0.6em;
}
.ta-accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	cursor: pointer;
	padding: 12px 16px;
	background: var( --tepa-surface-2, #f8fafc );
	border: 1px solid var( --tepa-border, #e2e8f0 );
	border-radius: 6px;
	font-weight: 600;
}
.ta-accordion-item.is-open > .ta-accordion-header {
	border-radius: 6px 6px 0 0;
	border-bottom: 0;
}
.ta-accordion-icon {
	position: relative;
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}
.ta-accordion-icon::before,
.ta-accordion-icon::after {
	content: "";
	position: absolute;
	background: currentColor;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
}
.ta-accordion-icon::before {
	width: 12px;
	height: 2px;
}
.ta-accordion-icon::after {
	width: 2px;
	height: 12px;
	transition: transform 0.2s ease;
}
.ta-accordion-item.is-open .ta-accordion-icon::after {
	transform: translate( -50%, -50% ) rotate( 90deg ) scale( 0 );
}
.ta-accordion-content-area {
	padding: 16px;
	border: 1px solid var( --tepa-border, #e2e8f0 );
	border-top: 0;
	border-radius: 0 0 6px 6px;
}