/**
 * Destek alt sayfaları (yazılımlarımız, e-katalog, dökümanlar) — Case Tabs layout 3 (pxl-tabs3) ve layout 2 (pxl-tabs2) sol sütunu,
 * shop-sidebar’daki ürün kategorileri kartı ile aynı geometri ve renk token’ları.
 * body: body.aimo-destek-tabs-sidebar (theme-functions.php).
 * Dökümanlar: layout 2 veya 3; üç sekme layout-2.php’de desteklenir (theme).
 */
body.aimo-destek-tabs-sidebar {
	--aimo-cat-accent: #722f37;
	--aimo-cat-text: #2a3f63;
	--aimo-cat-text-hover: #1f3255;
	--aimo-cat-row-bg: #eef1f5;
	--aimo-cat-row-bg-hover: #e4e8ef;
	--aimo-cat-row-active: #dde2ea;
	--aimo-cat-card-radius: 15px;
	--aimo-cat-row-radius: 8px;
	--aimo-cat-card-border: #e1e6ed;
	--aimo-shop-card-pad-y: clamp(20px, 3.5vw, 24px);
	--aimo-shop-card-pad-x: clamp(18px, 3vw, 22px);
	--aimo-cat-toggle-size: 25px;
	--aimo-cat-toggle-ring: rgba(42, 63, 99, 0.22);
	--aimo-cat-toggle-ring-hover: rgba(42, 63, 99, 0.38);
	--aimo-cat-toggle-fill: rgba(255, 255, 255, 0.92);
	--aimo-cat-toggle-fill-hover: rgba(42, 63, 99, 0.08);
	--aimo-yz-sidebar-width: min(100%, 340px);
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tabs--inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: clamp(16px, 2.5vw, 28px);
}

/* Dış kart: .widget.widget_product_categories ile aynı */
body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tabs--title {
	width: var(--aimo-yz-sidebar-width) !important;
	max-width: var(--aimo-yz-sidebar-width) !important;
	flex: 0 0 var(--aimo-yz-sidebar-width) !important;
	margin-right: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: var(--aimo-shop-card-pad-y) var(--aimo-shop-card-pad-x) !important;
	background: #ffffff !important;
	border: 1px solid var(--aimo-cat-card-border) !important;
	border-radius: var(--aimo-cat-card-radius) !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tabs--content {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--title {
	display: block;
	width: 100%;
	margin: 0 0 10px !important;
	padding: 0;
	background: transparent;
	border: none;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--title:last-child {
	margin-bottom: 0 !important;
}

/* Satırlar: ul.product-categories > li:not(.cat-parent) > a ile aynı */
body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-title--text {
	display: flex !important;
	align-items: center;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 11px 14px !important;
	border-radius: var(--aimo-cat-row-radius) !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	background: var(--aimo-cat-row-bg) !important;
	font-size: 0.9375rem !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: var(--aimo-cat-text) !important;
	transition: background 0.2s ease, color 0.2s ease;
	position: relative;
	box-sizing: border-box;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--title.active .pxl-title--text {
	background: var(--aimo-cat-row-active) !important;
	font-weight: 600 !important;
	color: var(--aimo-cat-text) !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--title:not(.active) .pxl-title--text:hover {
	background: var(--aimo-cat-row-bg-hover) !important;
	color: var(--aimo-cat-text-hover) !important;
}

/* Sol ikon alanı — .aimo-cat-toggle ile aynı ölçü / dolgu / halka */
body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--icon {
	position: static !important;
	width: var(--aimo-cat-toggle-size) !important;
	height: var(--aimo-cat-toggle-size) !important;
	min-width: var(--aimo-cat-toggle-size) !important;
	border-radius: 50% !important;
	border: 1px solid var(--aimo-cat-toggle-ring) !important;
	background: var(--aimo-cat-toggle-fill) !important;
	box-shadow: 0 1px 3px rgba(15, 35, 65, 0.08) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin-right: 10px !important;
	flex-shrink: 0;
	transform: none !important;
	top: auto !important;
	left: auto !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--title:not(.active) .pxl-title--text:hover .pxl-tab--icon {
	background: var(--aimo-cat-toggle-fill-hover) !important;
	border-color: var(--aimo-cat-toggle-ring-hover) !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--title.active .pxl-tab--icon {
	box-shadow: 0 1px 3px rgba(15, 35, 65, 0.08) !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--icon i,
body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--icon svg {
	color: var(--aimo-cat-text) !important;
	fill: var(--aimo-cat-text) !important;
	font-size: 12px !important;
	width: 1em !important;
	height: 1em !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tab--content {
	padding-top: 0;
}

@media (max-width: 991px) {
	body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tabs--inner {
		flex-direction: column;
		flex-wrap: wrap;
	}

	body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3 .pxl-tabs--title {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
		padding: clamp(12px, 3.5vw, 20px) clamp(10px, 3vw, 18px) clamp(14px, 3.5vw, 22px) !important;
	}
}

/* ----- Case Tabs Layout 2 (pxl-tabs2): aynı sol “kart” sidebar (Destek / Dökümanlar) ----- */
body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: clamp(16px, 2.5vw, 28px);
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--title {
	position: relative;
	z-index: 1;
	width: var(--aimo-yz-sidebar-width) !important;
	max-width: var(--aimo-yz-sidebar-width) !important;
	flex: 0 0 var(--aimo-yz-sidebar-width) !important;
	margin: 0 !important;
	margin-bottom: 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0;
	padding: var(--aimo-shop-card-pad-y) var(--aimo-shop-card-pad-x) !important;
	background: #ffffff !important;
	border: 1px solid var(--aimo-cat-card-border) !important;
	border-radius: var(--aimo-cat-card-radius) !important;
	box-shadow: none !important;
	font-size: 0.9375rem !important;
	color: var(--aimo-cat-text) !important;
}

/* Varsayılan 2’li toggle — dikey menüde gizle */
body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tab--control {
	display: none !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--title .pxl-tab--title {
	display: block;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 10px !important;
	justify-content: flex-start !important;
	align-items: stretch;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--title .pxl-tab--title:nth-child(1) {
	justify-content: flex-start !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--title .pxl-tab--title:last-of-type {
	margin-bottom: 0 !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--title label.pxl-empty {
	display: none !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-title--text {
	display: flex !important;
	align-items: center;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 11px 14px !important;
	border-radius: var(--aimo-cat-row-radius) !important;
	border: none !important;
	box-shadow: none !important;
	background: var(--aimo-cat-row-bg) !important;
	font-size: 0.9375rem !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: var(--aimo-cat-text) !important;
	transition: background 0.2s ease, color 0.2s ease;
	box-sizing: border-box;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tab--title.active .pxl-title--text {
	background: var(--aimo-cat-row-active) !important;
	font-weight: 600 !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tab--title:not(.active) .pxl-title--text:hover {
	background: var(--aimo-cat-row-bg-hover) !important;
	color: var(--aimo-cat-text-hover) !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--content {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tab--content {
	padding-top: 0;
}

@media (max-width: 991px) {
	body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--inner {
		flex-direction: column;
		flex-wrap: wrap;
	}

	body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs2 .pxl-tabs--title {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
		padding: clamp(12px, 3.5vw, 20px) clamp(10px, 3vw, 18px) clamp(14px, 3.5vw, 22px) !important;
	}
}

/**
 * Dökümanlar — Case Accordion layout 2 split (sol başlıklar, sağ içerik; yazılımlar tabs sidebar ile aynı token’lar).
 * body.aimo-destek-section ile destek-accordions.css (accordion2 #fff aktif başlık) üzerine yazılır.
 */
/* Dökümanlar split: yazılımlarımız ile aynı .pxl-tabs--inner düzeni */
body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split.pxl-tabs3 .pxl-tabs--inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: clamp(16px, 2.5vw, 28px);
}

body.aimo-destek-tabs-sidebar #pxl-main .pxl-tabs.pxl-tabs3.aimo-accordion-dokumanlar-split .pxl-tabs--title > .pxl--item:last-child .pxl-tab--title {
	margin-bottom: 0 !important;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar {
	width: var(--aimo-yz-sidebar-width) !important;
	max-width: var(--aimo-yz-sidebar-width) !important;
	flex: 0 0 var(--aimo-yz-sidebar-width) !important;
	margin: 0 !important;
	padding: var(--aimo-shop-card-pad-y) var(--aimo-shop-card-pad-x) !important;
	background: #ffffff !important;
	border: 1px solid var(--aimo-cat-card-border) !important;
	border-radius: var(--aimo-cat-card-radius) !important;
	box-sizing: border-box;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-main {
	flex: 1 1 auto;
	min-width: 0;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl--item {
	margin: 0 0 10px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl--item:last-child {
	margin-bottom: 0 !important;
}

/* Satır görünümü .pxl-title--text üzerinde (pxl-tabs3 kuralları); başlık kabı şeffaf */
body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl-tab--title.pxl-accordion--title {
	cursor: pointer;
	background: transparent !important;
	box-shadow: none !important;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl-title--text .aimo-accordion-dokumanlar-heading-label {
	flex: 1 1 auto;
	min-width: 0;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl-title--text .pxl-accordion--end {
	margin-left: auto;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl-title--text .pxl-title--number:not(:empty) {
	flex-shrink: 0;
	margin-right: 8px;
}

/* destek-accordions.css aktif satırda beyaz metin — dökümanlar tabs sidebar ile aynı lacivert ton */
body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl--item.active .pxl-accordion--title,
body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl-accordion--title.active,
body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl--item.active .pxl-accordion--title .pxl-title--text,
body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar .pxl-accordion--title.active .pxl-title--text {
	color: var(--aimo-cat-text) !important;
}

body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-main .pxl-accordion--content {
	margin: 0 !important;
	padding: clamp(18px, 2.5vw, 26px) !important;
	background: #ffffff !important;
	border: 1px solid var(--aimo-cat-card-border) !important;
	border-radius: var(--aimo-cat-card-radius) !important;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split.pxl-tabs3 .pxl-tabs--inner {
		flex-direction: column;
		flex-wrap: wrap;
	}

	body.aimo-destek-section.aimo-destek-tabs-sidebar.aimo-destek-dokumanlar #pxl-main .pxl-accordion2.aimo-accordion-dokumanlar-split .aimo-accordion-dokumanlar-sidebar {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
	}
}