/* Reklam metni aracı: Pardon renkleri. arac.css Akın'dan aynen gelir (icerik_al.py) ve Akın'ın tasarım değişkenlerini kullanır;
   burada o değişkenler yalnızca aracın kabında Pardon'un koyu paletine bağlanır. Aracın kendi kuralları değişmez. */
.arac-kap {
  --bg: #141317;
  --surface: #1b1a20;
  --surface-2: #232129;
  --line: rgba(255, 255, 255, .1);
  --line-strong: rgba(255, 255, 255, .2);
  --ink: #f2f0ec;
  --ink-2: #dcd8e2;
  --muted: #b4b2ba;
  --muted-2: #8a8794;
  --error: #ff8a7a;
  --akin-plum: #c9a2ff;
  --akin-orange: #bfff00;
  --on-dark: #ffffff;
  --grad-brand: linear-gradient(100deg, #6a1fd0, #8a2be2 55%, #a35bff);
  --r-pill: 999px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --fs-micro: 13px;
  --fs-small: 14px;
  --fs-h3: 21px;
  --font-sans: var(--sans);
  --ease-out: var(--yumusak);
  --header-h: 84px;
  --shadow-float: 0 30px 70px -30px rgba(0, 0, 0, .9);
  --grain-soft: var(--gren);
  padding: clamp(14px, 2vw, 24px);
  border-radius: 30px;
  background: linear-gradient(170deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
  box-shadow: inset 0 0 0 1px var(--cizgi);
  color: var(--ink);
}
/* Durum renkleri koyu zeminde okunacak tonlarda; arama sonucu önizlemesi Google'ın koyu temasına benzer */
.arac-kap .ra {
  --ra-uyari: #ffcf70;
  --ra-uyari-zemin: rgba(255, 190, 70, .12);
  --ra-hata-zemin: rgba(255, 120, 100, .12);
  --ra-tamam: #bfff00;
  --ra-tamam-zemin: rgba(191, 255, 0, .1);
  --ra-orta: #ffcf70;
  --ra-link: #8ab4f8;
}
.arac-kap input, .arac-kap textarea, .arac-kap select { color: var(--ink); background-color: var(--surface); }
.arac-kap input::placeholder, .arac-kap textarea::placeholder { color: var(--muted-2); }
.arac-kap .ra-btn--yz { background: rgba(138, 43, 226, .18); color: #e2ccff; }
.arac-not { max-width: 72ch; margin-top: 16px; font-size: 14px; color: var(--murekkep-3); }
.arac-kaynaklar { display: grid; gap: 6px; margin-top: 10px; font-size: 15px; }
.arac-kaynaklar a { color: var(--lila); }
.sayfa-ust--arac { grid-template-columns: 1fr; padding-bottom: clamp(20px, 3vw, 36px); }

/* Akın'ın genel sıfırlaması (base.css) Pardon'da yok: düğmeler tarayıcının gri zeminiyle gelmesin.
   :where() özgüllüğü sıfırlar, aracın kendi .ra-btn kuralları geçerli kalır */
:where(.arac-kap) button { margin: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.arac-kap .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.arac-kap .ra-btn--ana, .arac-kap .ra--yz #ra-olustur {
  background: linear-gradient(100deg, #6a1fd0, #8a2be2 55%, #a35bff); color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 10px 28px -12px rgba(138, 43, 226, .8);
}
.arac-kap .ra-btn--ana:hover:not(:disabled) { background: linear-gradient(100deg, #7a2fe0, #9a3bf2 55%, #b36bff); }
.arac-kap .ra-btn--sade:hover:not(:disabled) { background: rgba(201, 162, 255, .1); }
.arac-kap .ra-btn--yz { background: rgba(138, 43, 226, .18); color: #e2ccff; }
.arac-kap .ra-btn--yz:hover:not(:disabled) { background: rgba(138, 43, 226, .3); }
.arac-kap .ra-alan.hatali input, .arac-kap .ra-alan.hatali textarea { background: rgba(255, 120, 100, .08); }
/* Kart kenarındaki marka geçişi: Akın'ın turuncu-mor yerine mor-lime */
.arac-kap .ra-brief { background: linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(120deg, rgba(138, 43, 226, .7), rgba(201, 162, 255, .35), rgba(191, 255, 0, .45)) border-box; }
.arac-kap .ra-sekmeler [aria-selected="true"] { background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
/* Arama sonucu önizlemesi: Google'ın koyu teması */
.arac-kap .ra-serp__adres { color: #dadce0; }
.arac-kap .ra-serp__aciklama, .arac-kap .ra-serp__ogeler, .arac-kap .ra-serp__siteler li { color: #bdc1c6; }
.sayfa-ust--arac .sayfa-ust__baslik em { display: block; margin-top: .12em; font-size: .62em; color: var(--murekkep-2); }