/*
Theme Name: Atakent Hizmet
Theme URI: https://staging.atakenthizmet.com
Description: Hello Elementor alt teması — Atakent Hizmet usta rehberi
Author: Arstech Digital
Template: hello-elementor
Version: 3.1
*/

/* =========================================================
   TASARIM SİSTEMİ — açık tema
   Elementor → Site Ayarları → Global Renkler bölümüne de
   aynı değerleri gir ki Elementor sayfaları uyumlu olsun.
   ========================================================= */
:root{
	--bg:#FFFFFF;
	--yuzey:#FFFFFF;
	--yuzey2:#F5F6F7;
	--ink:#101114;          /* birincil metin */
	--ink2:#53555C;         /* ikincil metin */
	--ink3:#868992;         /* soluk metin, sayılar */
	--line:#E4E6EA;
	--line2:#CFD2D8;
	--acc:#C9430C;          /* erişilebilir turuncu — metin ve buton */
	--acc-parlak:#FF6A1F;   /* sadece logo ve büyük yüzeyler */
	--acc-soft:#FDF1EB;
	--acc-ink:#FFFFFF;
	--yesil:#17803D;
	--yesil-soft:#EAF6EE;
	--kap:900px;
	--r-kucuk:9px;
	--r-orta:12px;
	--r-buyuk:15px;
	--golge:0 1px 2px rgba(16,17,20,.05);
	--golge-2:0 6px 20px -12px rgba(16,17,20,.22);
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
	margin:0;
	background:var(--bg);
	color:var(--ink);
	font-family:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	font-size:15px;
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button{font:inherit}

.ic{max-width:var(--kap);margin:0 auto;padding-inline:20px}

/* =========================================================
   ÜST ÇUBUK
   ========================================================= */
.ah-bar{
	position:sticky;top:0;z-index:100;
	background:rgba(255,255,255,.82);
	backdrop-filter:blur(18px) saturate(180%);
	-webkit-backdrop-filter:blur(18px) saturate(180%);
	border-bottom:1px solid var(--line);
}
.ah-bar-ic{
	display:flex;align-items:center;gap:14px;height:60px;
	max-width:var(--kap);margin:0 auto;padding-inline:20px;
}
.ah-marka{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15.5px;
	letter-spacing:-.035em;flex:0 0 auto;color:var(--ink)}
.ah-marka em{font-style:normal;font-weight:400;color:var(--ink2)}
.ah-marka svg{display:block;flex:0 0 auto}

.ah-ara{flex:1 1 auto;display:flex;align-items:center;gap:9px;min-width:0;
	background:var(--yuzey2);border:1px solid var(--line);border-radius:10px;padding:0 12px;height:38px}
.ah-ara:focus-within{border-color:var(--line2);background:#fff}
.ah-ara svg{flex:0 0 auto;color:var(--ink3)}
.ah-ara input{flex:1;min-width:0;background:transparent;border:0;outline:none;
	color:var(--ink);font:inherit;font-size:13.5px}
.ah-ara input::placeholder{color:var(--ink3)}

.ah-acil{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;
	background:var(--acc);color:var(--acc-ink);border:0;border-radius:10px;
	font-weight:700;font-size:13.5px;white-space:nowrap;cursor:pointer}
.ah-acil:hover{background:#AE3909}

@media(max-width:640px){
	.ah-bar-ic{height:auto;flex-wrap:wrap;padding-block:10px;gap:10px}
	.ah-ara{order:3;flex:1 1 100%;height:42px}
	.ah-acil{margin-left:auto}
}

/* =========================================================
   SAYFA BAŞLIĞI
   ========================================================= */
.ah-ust{padding-block:24px 6px}
.ah-ust h1{font-size:26px;line-height:1.18;letter-spacing:-.035em;font-weight:800;margin:0 0 7px}
.ah-ust h1 u{text-decoration:none;color:var(--acc)}
.ah-ust p{font-size:14.5px;color:var(--ink2);margin:0;max-width:62ch;line-height:1.6}
@media(max-width:640px){.ah-ust h1{font-size:22px}}

.ah-kirinti{font-size:12.5px;color:var(--ink3);padding-top:18px}
.ah-kirinti a:hover{color:var(--ink2)}

/* =========================================================
   ŞU AN AÇIK ŞERİDİ
   ========================================================= */
.ah-simdi{margin-top:20px;border:1px solid var(--line);border-radius:var(--r-buyuk);
	background:var(--yuzey);overflow:hidden;box-shadow:var(--golge)}
.ah-simdi-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:13px 17px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--yuzey2)}
.ah-simdi-bas{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:-.01em}
.ah-canli{width:7px;height:7px;border-radius:50%;background:var(--yesil);
	box-shadow:0 0 0 3px rgba(23,128,61,.16)}
.ah-simdi-say{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--ink2)}
.ah-simdi-liste{display:grid;grid-template-columns:repeat(3,1fr)}
.ah-sl{padding:15px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.ah-sl:last-child{border-right:0}
.ah-sl-ad{font-size:14.5px;font-weight:700;letter-spacing:-.018em;line-height:1.25}
.ah-sl-meta{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink2);flex-wrap:wrap}
@media(max-width:640px){
	.ah-simdi-liste{grid-template-columns:1fr}
	.ah-sl{border-right:0;border-bottom:1px solid var(--line)}
	.ah-sl:last-child{border-bottom:0}
}

/* =========================================================
   KATEGORİ IZGARASI
   ========================================================= */
.ah-bolum-ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
	margin:32px 0 12px;flex-wrap:wrap}
.ah-bolum-ust h2{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}
.ah-bolum-ust span{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:var(--ink3)}

.ah-kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}
.ah-kt{background:var(--yuzey);border:1px solid var(--line);border-radius:var(--r-orta);
	padding:13px 14px;display:flex;flex-direction:column;gap:6px;
	transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.ah-kt:hover{border-color:var(--line2);box-shadow:var(--golge-2);transform:translateY(-1px)}
.ah-kt-ad{font-size:13.5px;font-weight:700;letter-spacing:-.012em;line-height:1.25;color:var(--ink)}
.ah-kt-alt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ah-kt-say{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:var(--ink3)}
.ah-kt-724{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;color:var(--acc);
	letter-spacing:.04em;font-weight:500}
.ah-kt.oncelik{border-color:rgba(201,67,12,.3);
	background:linear-gradient(180deg,var(--acc-soft),#fff 72%)}
.ah-kt.oncelik:hover{border-color:rgba(201,67,12,.55)}
@media(max-width:640px){.ah-kgrid{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.ah-kt{transition:none}.ah-kt:hover{transform:none}}

/* =========================================================
   FAYDA ŞERİDİ
   ========================================================= */
.ah-fayda{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:24px}
.ah-fk{background:var(--yuzey2);border:1px solid var(--line);border-radius:var(--r-orta);padding:15px 17px;
	transition:border-color .15s ease}
.ah-fk:hover{border-color:var(--line2)}
.ah-fk b{display:block;font-size:13.5px;font-weight:700;letter-spacing:-.015em;margin-bottom:4px;color:var(--ink)}
.ah-fk span{font-size:12.5px;color:var(--ink2);line-height:1.5}
.ah-fk .durum{display:inline-flex;align-items:center;gap:6px;
	font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;color:var(--yesil);margin-top:7px}

/* =========================================================
   FİLTRE ÇİPLERİ
   ========================================================= */
.ah-filtre{display:flex;gap:8px;flex-wrap:wrap;padding-block:18px;
	border-block:1px solid var(--line);margin-top:20px}
.ah-cip{font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;
	border:1px solid var(--line);background:var(--yuzey);color:var(--ink2)}
.ah-cip:hover{border-color:var(--line2);color:var(--ink)}
.ah-cip.aktif{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.ah-sonuc{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--ink3);
	padding-block:14px}

/* =========================================================
   USTA SATIRI
   ========================================================= */
.ah-liste{display:flex;flex-direction:column;gap:10px}
.ah-usta{background:var(--yuzey);border:1px solid var(--line);border-radius:14px;padding:18px 20px;
	display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;box-shadow:var(--golge)}
.ah-usta:hover{border-color:var(--line2)}
.ah-usta-sol{flex:1 1 260px;min-width:0}
.ah-usta-ad{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}
.ah-usta-ad h2,.ah-usta-ad h3{font-size:17px;font-weight:700;letter-spacing:-.022em;margin:0}
.ah-usta-meta{display:flex;gap:13px;flex-wrap:wrap;align-items:center;
	font-size:13px;color:var(--ink2);margin-bottom:8px}
.ah-puan{font-family:"IBM Plex Mono",ui-monospace,monospace;color:var(--ink);
	font-variant-numeric:tabular-nums}
.ah-puan i{font-style:normal;color:var(--acc)}
.ah-usta-hizmet{font-size:13.5px;color:var(--ink2);line-height:1.55}
.ah-usta-sag{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
@media(max-width:560px){.ah-usta-sag{flex-direction:row;width:100%}}

/* rozetler */
.ah-rozet{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;
	padding:3px 9px;border-radius:999px;white-space:nowrap;
	background:var(--yesil-soft);color:var(--yesil)}
.ah-rozet.telefon{background:var(--yuzey2);color:var(--ink2);border:1px solid var(--line)}
.ah-rozet.acil{background:var(--acc-soft);color:var(--acc)}

/* =========================================================
   BUTONLAR
   ========================================================= */
.ah-iletisim{display:flex;gap:8px;flex-wrap:wrap}
.ah-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
	font-size:13.5px;font-weight:700;padding:0 18px;height:40px;border-radius:var(--r-kucuk);
	border:1px solid transparent;cursor:pointer;white-space:nowrap;
	background:var(--acc);color:var(--acc-ink)}
.ah-btn:hover{background:#AE3909}
.ah-btn[disabled]{opacity:.6;cursor:default}
.ah-wa{background:var(--yuzey);border-color:var(--line2);color:var(--ink)}
.ah-wa:hover{background:var(--yuzey2)}
.ah-tel-acik{background:var(--ink);border-color:var(--ink);color:#fff;
	font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;letter-spacing:.02em}
.ah-tel-acik:hover{background:#000}
.ah-btn-buyuk{height:48px;padding:0 24px;font-size:15px;border-radius:11px}
@media(max-width:560px){.ah-iletisim{width:100%}.ah-btn{flex:1}}

/* =========================================================
   USTA DETAY
   ========================================================= */
.ah-d-ust{padding-block:14px 26px;border-bottom:1px solid var(--line)}
.ah-d-ust h1{font-size:clamp(26px,4.4vw,38px);font-weight:800;letter-spacing:-.035em;margin:0 0 13px}
.ah-d-rozetler{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.ah-d-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--ink2);margin-bottom:22px}
.ah-d-meta a{color:var(--acc);font-weight:600}

.ah-d-govde{display:grid;grid-template-columns:1fr 290px;gap:34px;padding-block:30px}
@media(max-width:760px){.ah-d-govde{grid-template-columns:1fr;gap:24px}}
.ah-d-blok{margin-bottom:30px}
.ah-d-blok h2{margin:0 0 12px;text-transform:uppercase;letter-spacing:.07em;
	color:var(--ink3);font-size:11.5px;font-weight:700}
.ah-hizmet{list-style:none;margin:0;padding:0;display:grid;
	grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ah-hizmet li{font-size:14px;color:var(--ink2);padding-left:18px;position:relative}
.ah-hizmet li::before{content:"";position:absolute;left:4px;top:8px;width:5px;height:5px;
	border-radius:50%;background:var(--acc)}

.ah-kart{background:var(--yuzey);border:1px solid var(--line);border-radius:14px;padding:6px 18px;
	box-shadow:var(--golge)}
.ah-satir{display:flex;justify-content:space-between;gap:14px;padding-block:11px;font-size:13.5px}
.ah-satir+.ah-satir{border-top:1px solid var(--line)}
.ah-satir dt{color:var(--ink3)}
.ah-satir dd{margin:0;font-weight:600;text-align:right}
.ah-satir dd a{color:var(--acc)}

.ah-icerik p{color:var(--ink2);line-height:1.7}
.ah-icerik .wp-block-gallery{margin:0}

.ah-sahiplen{font-size:13px;line-height:1.55;color:var(--ink3);margin:14px 2px 0}
.ah-sahiplen a{color:var(--acc);font-weight:600}

/* =========================================================
   HARİTA
   ========================================================= */
.ah-harita{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;
	height:260px;background:var(--yuzey2)}
.ah-harita-kucuk{height:190px}
.leaflet-container{background:var(--yuzey2)}
.leaflet-popup-content{margin:11px 14px;font-size:13px}
.leaflet-popup-content a{color:var(--acc);font-weight:600}

/* =========================================================
   SAYFALAMA
   ========================================================= */
.ah-sayfalama{display:flex;gap:7px;flex-wrap:wrap;padding-block:28px}
.ah-sayfalama .page-numbers{display:inline-flex;align-items:center;justify-content:center;
	min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-kucuk);
	background:var(--yuzey);font-size:13.5px;font-weight:600;color:var(--ink2)}
.ah-sayfalama .page-numbers:hover{border-color:var(--line2);color:var(--ink)}
.ah-sayfalama .page-numbers.current{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}

/* =========================================================
   DİP
   ========================================================= */
.ah-dip{border-top:1px solid var(--line);margin-top:44px;padding-block:24px;
	display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;
	font-size:12.5px;color:var(--ink3)}
.ah-dip a:hover{color:var(--ink)}

/* =========================================================
   BOŞ DURUM
   ========================================================= */
.ah-bos{background:var(--yuzey2);border:1px solid var(--line);border-radius:14px;
	padding:30px 24px;text-align:center;color:var(--ink2);font-size:14.5px;margin-top:14px}

/* =========================================================
   İÇERİK SAYFALARI (hakkımızda, kvkk, fiyat rehberi…)
   ========================================================= */
.ah-sayfa{padding-block:8px 20px;max-width:760px}
.ah-sayfa h1{font-size:clamp(26px,4.4vw,36px);font-weight:800;letter-spacing:-.035em;margin:18px 0 14px}
.ah-sayfa .ozet{font-size:16.5px;line-height:1.6;color:var(--ink2);margin:0 0 8px;max-width:60ch}
.ah-sayfa h2{font-size:19px;font-weight:700;letter-spacing:-.022em;margin:34px 0 10px}
.ah-sayfa h3{font-size:15.5px;font-weight:700;letter-spacing:-.015em;margin:22px 0 7px}
.ah-sayfa p{color:var(--ink2);line-height:1.72;font-size:15px;margin:0 0 13px}
.ah-sayfa ul,.ah-sayfa ol{color:var(--ink2);line-height:1.72;font-size:15px;padding-left:20px;margin:0 0 14px}
.ah-sayfa li{margin-bottom:6px}
.ah-sayfa a{color:var(--acc);font-weight:600}
.ah-sayfa strong{color:var(--ink)}
.ah-sayfa hr{border:0;border-top:1px solid var(--line);margin:30px 0}

.ah-tablo-sar{overflow-x:auto;margin:0 0 16px}
.ah-tablo{width:100%;border-collapse:collapse;font-size:14px;min-width:440px}
.ah-tablo th,.ah-tablo td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}
.ah-tablo th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
	color:var(--ink3);font-weight:700}
.ah-tablo td:first-child{font-weight:600;color:var(--ink)}
.ah-tablo td.sayi{font-family:"IBM Plex Mono",ui-monospace,monospace;
	font-variant-numeric:tabular-nums;white-space:nowrap}

.ah-uyari{background:var(--acc-soft);border:1px solid rgba(201,67,12,.25);border-radius:12px;
	padding:15px 17px;font-size:13.5px;line-height:1.6;color:var(--ink2);margin:0 0 18px}
.ah-uyari b{color:var(--acc)}

.ah-bilgi{background:var(--yuzey2);border:1px solid var(--line);border-radius:12px;
	padding:15px 17px;font-size:13.5px;line-height:1.6;color:var(--ink2);margin:0 0 18px}

.ah-adim-liste{list-style:none;padding:0;margin:0 0 18px;counter-reset:ah}
.ah-adim-liste li{counter-increment:ah;position:relative;padding-left:38px;margin-bottom:16px}
.ah-adim-liste li::before{content:counter(ah);position:absolute;left:0;top:1px;
	width:26px;height:26px;border-radius:50%;background:var(--acc-soft);color:var(--acc);
	display:grid;place-items:center;font-family:"IBM Plex Mono",ui-monospace,monospace;
	font-size:12px;font-weight:500}
.ah-adim-liste b{display:block;color:var(--ink);font-size:15px;margin-bottom:3px}

.ah-kaynak{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 20px}
.ah-kaynak a{display:inline-flex;align-items:center;height:38px;padding:0 15px;
	border:1px solid var(--line2);border-radius:var(--r-kucuk);background:var(--yuzey);
	font-size:13.5px;font-weight:600;color:var(--ink)}
.ah-kaynak a:hover{background:var(--yuzey2)}

/* =========================================================
   ERİŞİLEBİLİRLİK
   ========================================================= */
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}
.ah-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* =========================================================
   YORUMLAR
   ========================================================= */
.ah-yorumlar{margin-top:4px}
.ah-yorum-liste{list-style:none;margin:0 0 22px;padding:0}
.ah-yorum{border-top:1px solid var(--line);padding-block:16px}
.ah-yorum:first-child{border-top:0;padding-top:0}
.ah-yorum-ust{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:7px;align-items:baseline}
.ah-yorum-ad{font-size:14.5px;font-weight:700;letter-spacing:-.015em}
.ah-yorum-sag{display:flex;align-items:baseline;gap:11px}
.ah-yorum-puan{color:var(--acc);font-size:13px;letter-spacing:.06em}
.ah-yorum-tarih{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:var(--ink3)}
.ah-yorum-metin{font-size:14.5px;line-height:1.65;color:var(--ink2)}
.ah-yorum-metin p{margin:0 0 9px}
.ah-yorum-bekliyor{font-size:12.5px;color:var(--acc);margin:0 0 6px}
.ah-yorum-bos{font-size:14.5px;color:var(--ink2);margin:0 0 18px}

.ah-yorum-kapali{background:var(--yuzey2);border:1px solid var(--line);border-radius:var(--r-orta);
	padding:16px 18px;font-size:13.5px;line-height:1.6;color:var(--ink2)}
.ah-yorum-kapali strong{display:block;color:var(--ink);margin-bottom:4px}
.ah-yorum-kapali a{display:inline-block;margin-top:8px;color:var(--acc);font-weight:600}

.ah-yorum-not{font-size:12.5px;line-height:1.55;color:var(--ink3);margin:0 0 14px}
.comment-respond{max-width:480px}
.comment-reply-title{font-size:15px;font-weight:700;letter-spacing:-.015em;margin:0 0 12px}
.ah-form-satir{margin:0 0 14px}
.ah-form-satir label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.ah-form-satir label span{font-weight:400;color:var(--ink3)}
.ah-form-satir input[type=text],.ah-form-satir input[type=email],
.ah-form-satir select,.ah-form-satir textarea{
	width:100%;background:var(--yuzey);border:1px solid var(--line2);border-radius:var(--r-kucuk);
	padding:11px 13px;font:inherit;font-size:14.5px;color:var(--ink)}
.ah-form-satir input:focus,.ah-form-satir select:focus,.ah-form-satir textarea:focus{
	outline:none;border-color:var(--acc)}
.ah-form-satir textarea{resize:vertical;min-height:110px}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--ink3);margin:0 0 14px}
.comment-form-cookies-consent label{font-weight:400}
.form-submit{margin:0}
.form-submit .ah-btn{border:0}