/**
 * Destek menüsü ve alt sayfaları (body.aimo-destek-section) — Case Accordion başlıkları:
 * kapalı satırlar mağaza sidebar ile uyumlu çerçeve (açık gri + lacivert metin).
 * Açık (.active) satırda tema gradient + beyaz metin korunur.
 */
/* Tıklanabilir görsel — büyütme önizlemesi */
body.aimo-destek-section .aimo-accordion-img-lightbox {
	display: inline-block;
	max-width: 100%;
	cursor: zoom-in;
	text-decoration: none;
}

body.aimo-destek-section .pxl-accordion--content img {
	cursor: zoom-in;
}

body.aimo-destek-section {
	--aimo-da-frame-bg: #eef1f5;
	--aimo-da-frame-bg-hover: #e4e8ef;
	--aimo-da-frame-border: #e1e6ed;
	--aimo-da-title: #2a3f63;
	--aimo-da-icon: #2a3f63;
	--aimo-da-icon-ring: rgba(42, 63, 99, 0.28);
}

/* ------------------------------------------------------------------------- *
 * Accordion 1 — style-default (çoğu “FAQ / tab” şablonu)
 * ------------------------------------------------------------------------- */
body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) {
	background-color: var(--aimo-da-frame-bg) !important;
	border: 1px solid var(--aimo-da-frame-border) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active):hover {
	background-color: var(--aimo-da-frame-bg-hover) !important;
	border-color: #cdd6e0 !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-accordion--title,
body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-accordion--title .pxl-title--text {
	color: var(--aimo-da-title) !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-accordion--pdf {
	color: var(--aimo-da-icon) !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-accordion--pdf-icon svg path {
	fill: var(--aimo-da-icon) !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-icon--plus {
	border-color: var(--aimo-da-icon-ring) !important;
	background: rgba(255, 255, 255, 0.92) !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-icon--plus::before,
body.aimo-destek-section .pxl-accordion1.style-default .pxl--item:not(.active) .pxl-icon--plus::after {
	background-color: var(--aimo-da-icon) !important;
}

/* Açık satır — mevcut gradient + beyaz tipografi */
body.aimo-destek-section .pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title,
body.aimo-destek-section .pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title .pxl-title--text {
	color: #fff !important;
}

/* ------------------------------------------------------------------------- *
 * Accordion 1 — style-1 (koyu şerit yerine aynı çerçeve)
 * ------------------------------------------------------------------------- */
body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) {
	background-color: var(--aimo-da-frame-bg) !important;
	border: 1px solid var(--aimo-da-frame-border) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active):hover {
	background-color: var(--aimo-da-frame-bg-hover) !important;
	border-color: #cdd6e0 !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) .pxl-accordion--title,
body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) .pxl-accordion--title .pxl-title--text {
	color: var(--aimo-da-title) !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) .pxl-accordion--pdf-icon svg path {
	fill: var(--aimo-da-icon) !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) .pxl-icon--plus {
	border-color: var(--aimo-da-icon-ring) !important;
	background: rgba(255, 255, 255, 0.92) !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) .pxl-icon--plus::before,
body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item:not(.active) .pxl-icon--plus::after {
	background-color: var(--aimo-da-icon) !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item.active .pxl-accordion--title,
body.aimo-destek-section .pxl-accordion1.style-1 .pxl--item.active .pxl-accordion--title .pxl-title--text {
	color: #fff !important;
}

/* ------------------------------------------------------------------------- *
 * Accordion 2 — style-default
 * ------------------------------------------------------------------------- */
body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) {
	background-color: var(--aimo-da-frame-bg) !important;
	border: 1px solid var(--aimo-da-frame-border) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active):hover {
	background-color: var(--aimo-da-frame-bg-hover) !important;
	border-color: #cdd6e0 !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) .pxl-accordion--title,
body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) .pxl-accordion--title .pxl-title--text {
	color: var(--aimo-da-title) !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) .pxl-accordion--pdf-icon svg path {
	fill: var(--aimo-da-icon) !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) .pxl-icon--plus {
	border-color: var(--aimo-da-icon-ring) !important;
	background: rgba(255, 255, 255, 0.92) !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) .pxl-icon--plus::before,
body.aimo-destek-section .pxl-accordion2.style-default .pxl--item:not(.active) .pxl-icon--plus::after {
	background-color: var(--aimo-da-icon) !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl--item.active .pxl-accordion--title,
body.aimo-destek-section .pxl-accordion2.style-default .pxl--item.active .pxl-accordion--title .pxl-title--text {
	color: #fff !important;
}

/* ------------------------------------------------------------------------- *
 * Accordion 3 — style-default (numaralı satır)
 * ------------------------------------------------------------------------- */
body.aimo-destek-section .pxl-accordion3.style-default .pxl--item:not(.active) .number,
body.aimo-destek-section .pxl-accordion3.style-default .pxl--item:not(.active) .qstn-number {
	color: var(--aimo-da-title) !important;
}

body.aimo-destek-section .pxl-accordion3.style-default .pxl--item:not(.active) .title {
	color: var(--aimo-da-title) !important;
}

body.aimo-destek-section .pxl-accordion3.style-default .pxl--item.active .title,
body.aimo-destek-section .pxl-accordion3.style-default .pxl--item.active .number {
	color: inherit;
}

/* ------------------------------------------------------------------------- *
 * İçerik: metin ve görseller çerçevenin solundan başlasın (ortalanmasın)
 * ------------------------------------------------------------------------- */
body.aimo-destek-section .elementor-widget-pxl_accordion .elementor-widget-container {
	text-align: left !important;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content p,
body.aimo-destek-section .pxl-accordion .pxl-accordion--content li {
	text-align: left !important;
}

body.aimo-destek-section .pxl-accordion1.style-default .pxl-accordion--content {
	max-width: none !important;
	padding-left: 22px !important;
	padding-right: 28px !important;
}

body.aimo-destek-section .pxl-accordion1.style-1 .pxl-accordion--content {
	max-width: none !important;
	padding-left: 22px !important;
	padding-right: 28px !important;
	text-align: left !important;
}

body.aimo-destek-section .pxl-accordion2.style-default .pxl-accordion--content {
	max-width: none !important;
	padding-left: 22px !important;
	padding-right: 24px !important;
	text-align: left !important;
}

@media screen and (max-width: 1024px) {
	body.aimo-destek-section .pxl-accordion2.style-default .pxl-accordion--content {
		padding-left: 20px !important;
	}
}

@media screen and (max-width: 479px) {
	body.aimo-destek-section .pxl-accordion2.style-default .pxl-accordion--content {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}

/* Accordion 3: numara sütunu korunur; metin/görsel sola hizalı, gereksiz ortalamayı kaldır */
body.aimo-destek-section .pxl-accordion3.style-default .pxl-title--text {
	text-align: left !important;
}

body.aimo-destek-section .pxl-accordion3.style-default .title,
body.aimo-destek-section .pxl-accordion3.style-default .pxl-accordion--content {
	text-align: left !important;
}

/* Tema 225px yerine biraz daha sola (numara alanı için alt sınır ~120px) */
body.aimo-destek-section .pxl-accordion3.style-default .title,
body.aimo-destek-section .pxl-accordion3.style-default .pxl-accordion--content {
	padding-left: clamp(120px, 18vw, 200px) !important;
}

@media (max-width: 880px) {
	body.aimo-destek-section .pxl-accordion3.style-default .title,
	body.aimo-destek-section .pxl-accordion3.style-default .pxl-accordion--content {
		padding-left: clamp(96px, 14vw, 120px) !important;
	}
}

@media (max-width: 767px) {
	body.aimo-destek-section .pxl-accordion3.style-default .title,
	body.aimo-destek-section .pxl-accordion3.style-default .pxl-accordion--content {
		padding-left: clamp(72px, 12vw, 96px) !important;
	}
}

@media (max-width: 580px) {
	body.aimo-destek-section .pxl-accordion3.style-default .title,
	body.aimo-destek-section .pxl-accordion3.style-default .pxl-accordion--content {
		padding: 0 18px 0 15px !important;
	}
}

/*
 * Görseller: orijinal çözünürlük / en-boy korunur; küçük görsel büyütülmez (bulanıklık olmaz).
 * Sadece içerik alanından taşarsa max-width: 100% ile küçülür.
 */
body.aimo-destek-section .pxl-accordion .pxl-accordion--content .pxl-item--image {
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left !important;
	width: fit-content !important;
	width: -moz-fit-content !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content .pxl-item--image img {
	margin-left: 0 !important;
	margin-right: auto !important;
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	vertical-align: bottom;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content img:not(.emoji) {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	box-sizing: border-box !important;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content p img,
body.aimo-destek-section .pxl-accordion .pxl-accordion--content figure img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content figure {
	margin: 1rem 0 0;
	max-width: 100%;
	width: fit-content;
	width: -moz-fit-content;
	box-sizing: border-box;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content .aligncenter,
body.aimo-destek-section .pxl-accordion .pxl-accordion--content .wp-caption {
	margin-left: 0 !important;
	margin-right: auto !important;
	max-width: 100% !important;
	width: fit-content !important;
	width: -moz-fit-content !important;
	box-sizing: border-box;
}

body.aimo-destek-section .pxl-accordion .pxl-accordion--content .wp-caption img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}
