/* =========================================================
   Atakent Pazar — teklif sistemi bileşenleri
   Renkler temanın :root değişkenlerinden gelir; yeni renk
   sistemi tanımlanmaz. Değişken yoksa yedek değer kullanılır.
   ========================================================= */

.ah-sayfa,.ah-ikili,.ah-serit,.ah-btn.ah-btn-ikincil{
	--ah-acc:var(--acc,#C9430C);
	--ah-ink:var(--ink,#101114);
	--ah-ink2:var(--ink2,#53555C);
	--ah-ink3:var(--ink3,#868992);
	--ah-line:var(--line,#E4E6EA);
	--ah-yuzey2:var(--yuzey2,#F5F6F7);
	--ah-soft:var(--acc-soft,#FDF1EB);
	--ah-yesil:var(--yesil,#17803D);
	--ah-yesil-soft:var(--yesil-soft,#EAF6EE);
	--ah-r:var(--r-orta,12px);
	--ah-r-k:var(--r-kucuk,9px);
	--ah-golge:var(--golge-2,0 6px 20px -12px rgba(16,17,20,.22));
}

.ah-sayfa{
	color:var(--ah-ink);
	padding:24px 0 56px;
}

.ah-kap{max-width:var(--kap,900px);margin:0 auto;padding:0 16px}
.ah-kap.ah-dar{max-width:520px}

.ah-sayfa h1{font-size:26px;line-height:1.25;margin:0 0 8px}
.ah-sayfa h2{font-size:19px;margin:32px 0 12px}
.ah-alt{color:var(--ah-ink2);margin:0 0 24px;line-height:1.55}
.ah-kucuk{font-size:13px;color:var(--ah-ink3);line-height:1.5}
.ah-dipnot{margin-top:40px;padding-top:16px;border-top:1px solid var(--ah-line)}

/* --- bildirim şeritleri --- */
.ah-uyari,.ah-basari{
	padding:12px 14px;border-radius:var(--ah-r-k);margin:0 0 20px;font-size:15px;line-height:1.5;
}
.ah-uyari{background:var(--ah-soft);border:1px solid var(--ah-acc);color:var(--ah-ink)}
.ah-basari{background:var(--ah-yesil-soft);border:1px solid var(--ah-yesil);color:var(--ah-ink)}

/* --- butonlar: dokunma hedefi en az 44px --- */
.ah-btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;padding:11px 20px;border:0;border-radius:var(--ah-r-k);
	background:var(--ah-acc);color:#fff;font-size:15px;font-weight:600;
	text-decoration:none;cursor:pointer;line-height:1.2;
}
.ah-btn:hover,.ah-btn:focus{opacity:.92;color:#fff}
.ah-btn-buyuk{width:100%;font-size:16px;min-height:52px;margin-top:8px}
.ah-btn-ikincil{background:transparent;color:var(--ah-acc);border:1px solid var(--ah-acc)}
.ah-btn-ikincil:hover{color:var(--ah-acc)}
.ah-baglanti-btn{
	display:inline-flex;align-items:center;min-height:44px;padding:0 4px;
	background:none;border:0;color:var(--ah-ink2);font-size:14px;
	text-decoration:underline;cursor:pointer;
}

/* --- form --- */
.ah-form{margin:0 0 24px}
.ah-bolum{border:0;border-top:1px solid var(--ah-line);margin:0;padding:20px 0 4px}
.ah-bolum:first-of-type{border-top:0;padding-top:0}
.ah-bolum legend{font-size:15px;font-weight:600;padding:0;margin:0 0 12px;color:var(--ah-ink)}

.ah-alan{display:block;margin:0 0 16px}
.ah-alan>span{display:block;font-size:14px;font-weight:600;margin:0 0 6px}
.ah-alan>span em{font-weight:400;color:var(--ah-ink3);font-style:normal}
.ah-alan input[type=text],
.ah-alan input[type=tel],
.ah-alan input[type=date],
.ah-alan input[type=number],
.ah-alan input[type=file],
.ah-alan select,
.ah-alan textarea{
	width:100%;min-height:48px;padding:12px 14px;
	border:1px solid var(--ah-line);border-radius:var(--ah-r-k);
	font-size:16px;/* iOS'ta yakınlaştırmayı engeller */
	background:#fff;color:var(--ah-ink);
}
.ah-alan textarea{min-height:110px;resize:vertical;line-height:1.5}
.ah-alan input:focus,.ah-alan select:focus,.ah-alan textarea:focus{
	outline:2px solid var(--ah-acc);outline-offset:1px;border-color:var(--ah-acc);
}

.ah-cipler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ah-cip{position:relative}
.ah-cip input{position:absolute;opacity:0;width:0;height:0}
.ah-cip span{
	display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
	border:1px solid var(--ah-line);border-radius:999px;font-size:15px;cursor:pointer;
}
.ah-cip input:checked+span{border-color:var(--ah-acc);background:var(--ah-soft);font-weight:600}
.ah-cip input:focus-visible+span{outline:2px solid var(--ah-acc);outline-offset:2px}

.ah-onay{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;font-size:14px;line-height:1.5}
.ah-onay input{margin-top:3px;width:20px;height:20px;flex:0 0 auto}
.ah-onay span em{color:var(--ah-ink3);font-style:normal}

.ah-balkabi{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- takip ekranı --- */
.ah-takip-ust{margin:0 0 20px}
.ah-durum{
	display:inline-block;padding:4px 10px;border-radius:999px;
	font-size:13px;font-weight:600;margin:0 0 10px;
}
.ah-durum-acik{background:var(--ah-soft);color:var(--ah-acc)}
.ah-durum-islem{background:#EEF2FF;color:#3538CD}
.ah-durum-tamam{background:var(--ah-yesil-soft);color:var(--ah-yesil)}
.ah-durum-sorun{background:#FEF3F2;color:#B42318}
.ah-durum-notr{background:var(--ah-yuzey2);color:var(--ah-ink2)}

.ah-ozet{background:var(--ah-yuzey2);border-radius:var(--ah-r);padding:16px;margin:0 0 8px;line-height:1.55}
.ah-sayac{font-size:14px;font-weight:400;color:var(--ah-ink3);margin-left:6px}

.ah-bos{
	border:1px dashed var(--ah-line);border-radius:var(--ah-r);
	padding:24px 16px;text-align:center;color:var(--ah-ink2);line-height:1.55;
}
.ah-bos p{margin:0 0 8px}

/* --- teklif kartları: mobilde tablo değil, dikey kart --- */
.ah-kart-liste{display:grid;gap:14px}
.ah-kart{
	border:1px solid var(--ah-line);border-radius:var(--ah-r);
	padding:16px;background:#fff;box-shadow:var(--ah-golge);
}
.ah-teklif-secili{border-color:var(--ah-yesil);background:var(--ah-yesil-soft)}

.ah-teklif-ust{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.ah-teklif-isletme{font-size:16px;line-height:1.3;flex:1 1 100%}
.ah-rozet{
	font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;
	background:var(--ah-yesil-soft);color:var(--ah-yesil);
}
.ah-google-puan{font-size:12px;color:var(--ah-ink3,var(--ink3,#868992))}

.ah-teklif-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 6px}
.ah-fiyat{font-size:26px;font-weight:700;line-height:1.1}
.ah-fiyat-kesif{font-size:18px;font-weight:600;color:var(--ah-ink2)}
.ah-fiyat-tip{font-size:13px;color:var(--ah-ink3)}
.ah-teklif-gelis{margin:0 0 8px;font-size:14px;color:var(--ah-ink2)}
.ah-teklif-mesaj{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--ah-ink)}

.ah-teklif-alt{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	border-top:1px solid var(--ah-line);padding-top:10px;margin-top:4px;flex-wrap:wrap;
}
.ah-secili-etiket{font-size:14px;font-weight:600;color:var(--ah-yesil)}
.ah-kapandi-etiket{font-size:14px;color:var(--ah-ink3)}

.ah-kart-secilen{display:grid;gap:10px}
.ah-iletisim{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.ah-onay-kutu{
	border:1px solid var(--ah-line);border-radius:var(--ah-r);
	padding:16px;margin:24px 0;background:var(--ah-yuzey2);
}
.ah-onay-kutu h2{margin-top:0}
.ah-sorun-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--ah-line)}

.ah-iptal{margin:24px 0 0}

/* --- fotoğraflar --- */
.ah-foto-izgara{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ah-foto-izgara img{
	width:92px;height:92px;object-fit:cover;border-radius:var(--ah-r-k);
	border:1px solid var(--ah-line);display:block;
}

/* --- ana sayfa ve kategori CTA --- */
.ah-ikili{display:grid;gap:12px;margin:20px 0}
.ah-kart-hizli,.ah-kart-teklif{
	display:grid;gap:4px;padding:18px 16px;text-decoration:none;color:var(--ah-ink);
	border:1px solid var(--ah-line);border-radius:var(--ah-r);background:#fff;min-height:44px;
}
.ah-kart-hizli:hover,.ah-kart-teklif:hover{border-color:var(--ah-acc)}
.ah-kart-ust{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ah-acc)}
.ah-kart-hizli strong,.ah-kart-teklif strong{font-size:17px;line-height:1.3}
.ah-kart-alt{font-size:13px;color:var(--ah-ink3)}

.ah-serit{
	display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
	border:1px solid var(--ah-line);border-radius:var(--ah-r);
	padding:12px 14px;margin:0 0 16px;background:var(--ah-soft);
}
.ah-serit-metin{display:grid;gap:2px;font-size:14px;line-height:1.4}
.ah-serit-metin span{color:var(--ah-ink2);font-size:13px}

/* --- kırılım noktaları --- */
@media (min-width:600px){
	.ah-sayfa h1{font-size:30px}
	.ah-ikili{grid-template-columns:1fr 1fr}
	.ah-btn-buyuk{width:auto;min-width:280px}
	.ah-foto-izgara img{width:110px;height:110px}
}

@media (min-width:900px){
	.ah-kart-liste{gap:16px}
	.ah-teklif-isletme{flex:1 1 auto}
}

/* Dar telefonlarda (320px) taşma olmasın */
@media (max-width:360px){
	.ah-kap{padding:0 12px}
	.ah-fiyat{font-size:23px}
	.ah-cip span{padding:0 12px;font-size:14px}
}

@media (prefers-reduced-motion:reduce){
	*{transition:none!important;animation:none!important}
}
