/* Ataşehir Tema — içerik bileşenleri (sayfa düzeni + Elementor HTML bloklarında kullanılan sınıflar) */

/* ---------- Başlık bandı ---------- */
.ats-bant {
	position: relative; overflow: hidden;
	background: var(--ats-lacivert); color: #fff;
	padding-block: 48px 52px;
}
.ats-bant::after {
	content: ""; position: absolute; right: -120px; top: -160px; width: 420px; height: 420px; border-radius: 50%;
	background: radial-gradient(circle, rgba(27, 116, 218, .55), rgba(27, 116, 218, 0) 70%);
	pointer-events: none;
}
.ats-bant .ats-kapsayici { position: relative; z-index: 1; }
.ats-yol { display: flex; flex-wrap: wrap; gap: 6px 8px; font-size: 14px; color: rgba(255, 255, 255, .7); margin-bottom: 14px; }
.ats-yol a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.ats-yol a:hover { color: #fff; text-decoration: underline; }
.ats-bant__baslik { color: #fff; margin: 0; }
.ats-bant__ozet { margin: 12px 0 0; max-width: 720px; font-size: 1.1rem; color: rgba(255, 255, 255, .85); }

/* ---------- Sayfa düzeni ---------- */
.ats-sayfa-duzen { padding-block: 48px 80px; }
.ats-sayfa-duzen.has-yan { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 48px; align-items: start; }
.ats-sayfa-yan { position: sticky; top: calc(var(--ats-header-yukseklik) + 24px); }
.admin-bar .ats-sayfa-yan { top: calc(var(--ats-header-yukseklik) + 56px); }

.ats-alt-menu { border: 1px solid var(--ats-cizgi); border-radius: var(--ats-yaricap-buyuk); padding: 10px; background: #fff; }
.ats-alt-menu__baslik { margin: 0; }
.ats-alt-menu__baslik a { display: block; padding: 10px 14px; font-weight: 750; color: var(--ats-lacivert); text-decoration: none; border-radius: 10px; }
.ats-alt-menu ul { list-style: none; margin: 4px 0 0; padding: 4px 0 0; border-top: 1px solid var(--ats-cizgi); }
.ats-alt-menu li a { display: block; padding: 9px 14px; border-radius: 10px; color: var(--ats-metin); text-decoration: none; font-weight: 550; transition: background-color var(--ats-gecis), color var(--ats-gecis); }
.ats-alt-menu a:hover { background: var(--ats-zemin-alt); color: var(--ats-mavi); }
.ats-alt-menu a[aria-current="page"] { background: var(--ats-mavi-acik); color: var(--ats-mavi); font-weight: 700; }

/* Elementor sarmalayıcılarını nötrle */
.ats-sayfa-icerik .elementor-widget:not(:last-child) { margin-bottom: 0; }
.ats-sayfa-icerik .e-con, .ats-sayfa-icerik .elementor-section { --padding-top: 0; --padding-bottom: 0; --padding-left: 0; --padding-right: 0; }

/* ---------- Metin alanı ---------- */
.ats-metin-alani { font-size: 1.04rem; }
.ats-metin-alani > *:first-child, .ats-metin-alani .ats-bolum:first-child { margin-top: 0; }
.ats-metin-alani p { margin: 0 0 1em; }
.ats-metin-alani h2 { margin-top: 0; }
.ats-metin-alani img { border-radius: var(--ats-yaricap-buyuk); }

.ats-giris { font-size: 1.2rem; line-height: 1.65; color: var(--ats-lacivert); font-weight: 500; margin-bottom: 1.25em; }
.ats-bolum { margin-block: 0 56px; }
.ats-bolum:last-child { margin-bottom: 0; }
.ats-ust-baslik { display: inline-block; margin-bottom: 8px; font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; color: var(--ats-mavi); }

/* Izgaralar */
.ats-izgara { display: grid; gap: 20px; }
.ats-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ats-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ats-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Özellik kartı */
.ats-ozellik { padding: 24px; border: 1px solid var(--ats-cizgi); border-radius: var(--ats-yaricap-buyuk); background: #fff; height: 100%; }
.ats-ozellik__ikon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 14px; border-radius: 14px; background: var(--ats-mavi-acik); color: var(--ats-mavi); font-size: 22px; font-weight: 800; }
.ats-ozellik__ikon svg { width: 24px; height: 24px; }
.ats-ozellik h3 { font-size: 1.1rem; margin-bottom: 8px; }
.ats-ozellik p { margin: 0; color: var(--ats-metin-soluk); }
.ats-ozellik--koyu { background: var(--ats-lacivert); border-color: var(--ats-lacivert); color: rgba(255, 255, 255, .85); }
.ats-ozellik--koyu h3 { color: #fff; }
.ats-ozellik--koyu p { color: rgba(255, 255, 255, .8); }

/* Onay listesi */
.ats-liste { list-style: none; margin: 0 0 1em; padding: 0; display: grid; gap: 10px; }
.ats-liste li { position: relative; padding-left: 34px; }
.ats-liste li::before {
	content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 22px; border-radius: 50%;
	background: var(--ats-mavi-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b74da' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 13px no-repeat;
}
.ats-liste--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }

/* Numaralı adımlar */
.ats-adimlar { list-style: none; margin: 0; padding: 0; counter-reset: adim; display: grid; gap: 16px; }
.ats-adimlar > li { counter-increment: adim; position: relative; padding: 20px 20px 20px 76px; border: 1px solid var(--ats-cizgi); border-radius: var(--ats-yaricap-buyuk); background: #fff; }
.ats-adimlar > li::before { content: counter(adim, decimal-leading-zero); position: absolute; left: 20px; top: 20px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--ats-mavi); color: #fff; font-weight: 800; font-size: 15px; }
.ats-adimlar h3 { font-size: 1.05rem; margin: 0 0 4px; }
.ats-adimlar p { margin: 0; color: var(--ats-metin-soluk); }

/* Görsel + metin */
.ats-gorsel-metin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.ats-gorsel-metin--ters > :first-child { order: 2; }
.ats-gorsel-metin img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--ats-yaricap-buyuk); box-shadow: var(--ats-golge); }

/* Bilgi kutusu */
.ats-not { padding: 18px 20px; border-radius: var(--ats-yaricap); background: var(--ats-mavi-acik); color: var(--ats-lacivert); border-left: 4px solid var(--ats-mavi); margin: 0 0 1em; }
.ats-not strong { color: var(--ats-lacivert); }

/* Tablo */
.ats-tablo-kap { overflow-x: auto; border: 1px solid var(--ats-cizgi); border-radius: var(--ats-yaricap); margin: 0 0 1em; }
.ats-tablo { width: 100%; border-collapse: collapse; font-size: .97rem; }
.ats-tablo th { background: var(--ats-lacivert); color: #fff; text-align: left; padding: 12px 16px; font-weight: 700; }
.ats-tablo td { padding: 12px 16px; border-top: 1px solid var(--ats-cizgi); }
.ats-tablo tr:nth-child(even) td { background: var(--ats-zemin-alt); }

/* Sık sorulanlar */
.ats-sss { display: grid; gap: 10px; }
.ats-sss details { border: 1px solid var(--ats-cizgi); border-radius: var(--ats-yaricap); background: #fff; }
.ats-sss summary { cursor: pointer; list-style: none; padding: 16px 48px 16px 18px; font-weight: 700; color: var(--ats-lacivert); position: relative; }
.ats-sss summary::-webkit-details-marker { display: none; }
.ats-sss summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--ats-mavi); transition: transform var(--ats-gecis); }
.ats-sss details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.ats-sss details > div { padding: 0 18px 16px; color: var(--ats-metin-soluk); }

/* Kişi kartı (yönetim kadrosu) */
.ats-kisi { text-align: center; padding: 24px; border: 1px solid var(--ats-cizgi); border-radius: var(--ats-yaricap-buyuk); background: #fff; }
.ats-kisi img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin: 0 auto 14px; display: block; }
.ats-kisi h3 { font-size: 1.05rem; margin: 0 0 4px; }
.ats-kisi p { margin: 0; color: var(--ats-mavi); font-weight: 650; font-size: .95rem; }

/* Çağrı bandı */
.ats-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 32px; border-radius: var(--ats-yaricap-buyuk); background: var(--ats-mavi); color: #fff; }
.ats-cta h2, .ats-cta h3 { color: #fff; margin: 0 0 6px; }
.ats-cta p { margin: 0; color: rgba(255, 255, 255, .9); }
.ats-cta .ats-buton { background: #fff; border-color: #fff; color: var(--ats-lacivert); }
.ats-cta .ats-buton:hover { background: var(--ats-mavi-acik); border-color: var(--ats-mavi-acik); color: var(--ats-lacivert); }

/* Paylaşım kartları ek */
.ats-rozet { display: inline-block; padding: 3px 10px; border-radius: 999px; background: var(--ats-mavi-acik); color: var(--ats-mavi); font-size: 12.5px; font-weight: 700; }
.ats-kart__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.ats-kart__govde h3 { font-size: 1.1rem; margin: 10px 0 12px; }
.ats-kart__gorsel--bos { display: block; aspect-ratio: 16 / 10; background: linear-gradient(135deg, var(--ats-mavi-acik), #fff); }
.ats-bos { padding: 20px; border: 1px dashed var(--ats-cizgi); border-radius: var(--ats-yaricap); color: var(--ats-metin-soluk); text-align: center; }
.ats-tumu { margin-top: 24px; text-align: center; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1024px) {
	.ats-sayfa-duzen.has-yan { grid-template-columns: 1fr; gap: 24px; }
	.ats-sayfa-yan { position: static; }
	.ats-alt-menu ul { display: flex; flex-wrap: wrap; gap: 6px; }
	.ats-alt-menu li a { border: 1px solid var(--ats-cizgi); padding: 7px 12px; font-size: 14.5px; }
	.ats-izgara--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ats-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.ats-bant { padding-block: 32px 36px; }
	.ats-sayfa-duzen { padding-block: 32px 56px; }
	.ats-izgara--2, .ats-izgara--3, .ats-izgara--4, .ats-liste--iki, .ats-gorsel-metin { grid-template-columns: 1fr; }
	.ats-gorsel-metin--ters > :first-child { order: 0; }
	.ats-gorsel-metin { gap: 20px; }
	.ats-cta { padding: 24px; }
	.ats-adimlar > li { padding: 18px 18px 18px 68px; }
}