/* ============================================================================
   OvaSoft — bitiş katmanı (her ekran genişliği)
   Mobil ölçü düzeltmeleri ova-mobil.css'te; burada tüm genişlikleri ilgilendiren
   sunum kararları var: çağrı hiyerarşisi, başlığın maliyeti ve masaüstü ritmi.
   En son yüklenir.
   ========================================================================= */

/* ---------------------------------------------------------------------------
   1) ÇAĞRI HİYERARŞİSİ
   Ana sayfada sekiz ayrı yerde aynı dolu mavi düğme vardı (başlık, kapak, dört
   çözüm kartı, proje keşfi, entegrasyon talebi). Hepsi aynı anda bağırınca
   hiçbiri öne çıkmıyor, sayfa ucuzluyor. Dolu mavi yalnız iki yerde kalıyor:
   başlıktaki kalıcı çağrı ve kapaktaki asıl çağrı. Geri kalanı aynı işi yapan
   ama sessiz çerçeveli düğmeye dönüyor — hiçbir bağlantı kaldırılmadı.
   Paket kartlarının kendi düğmeleri dokunulmadan kalır: onlar çağrı değil,
   ürün seçimidir.
   ------------------------------------------------------------------------- */
main .agency-btn-primary:not(.ova-asil) {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid rgba(24, 103, 209, 0.32) !important;
  color: #1356b4 !important;
  box-shadow: 0 1px 2px rgba(20, 50, 90, 0.05) !important;
}

main .agency-btn-primary:not(.ova-asil):hover {
  border-color: #1867d1 !important;
  background: #f2f7fe !important;
  color: #0f4a9c !important;
}

/* Kapaktaki asıl çağrı ile başlıktaki kalıcı çağrı dolu kalır */
main .ova-hero .agency-btn-primary,
.ova-hero-govde .agency-btn-primary:not(.ova-yok),
header .agency-btn-primary {
  background: linear-gradient(#247dee, #1462ce) !important;
  border: 1px solid #1260c9 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22),
              0 5px 12px rgba(23, 110, 229, 0.18) !important;
}

main .ova-hero .agency-btn-primary:hover,
.ova-hero-govde .agency-btn-primary:not(.ova-yok):hover,
header .agency-btn-primary:hover {
  background: linear-gradient(#2a86f5, #1568d8) !important;
  color: #fff !important;
}

/* ---------------------------------------------------------------------------
   2) BAŞLIK ÇUBUĞUNUN MALİYETİ
   Yapışkan başlıkta backdrop-blur var; kaydırma boyunca her karede arkasındaki
   alanı yeniden bulanıklaştırıyor. Telefon ve tablette bu en pahalı iş.
   Yerine donuk cam: aynı görünüm, bulanıklık hesabı yok.
   ------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  header.sticky,
  header[class*="backdrop-blur"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: rgba(244, 247, 251, 0.97) !important;
  }
}

/* ---------------------------------------------------------------------------
   3) MASAÜSTÜ RİTMİ
   Bölümler arasında 150 pikseli aşan ölü şeritler vardı; sayfa uzuyor, içerik
   seyrek görünüyordu. Boşluk kompozisyonu bozmadan toparlanır.
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  main .mt-14 { margin-top: 44px !important; }
  main .mt-12 { margin-top: 40px !important; }
  main .mt-10 { margin-top: 34px !important; }
  main .space-y-16 > * + * { margin-top: 64px !important; }
}

/* ---------------------------------------------------------------------------
   4) KART KENARLARI
   Kartların bir kısmı 2 piksel, bir kısmı 1 piksel çerçeveliydi; yan yana
   gelince kalınlık oynuyordu. Tek değere çekiliyor.
   ------------------------------------------------------------------------- */
main .border-2[class*="rgba(24,103,209"] { border-width: 1px !important; }

/* ---------------------------------------------------------------------------
   5) KÖŞE YUVARLAKLIĞI
   Kartlar 22, 32 ve 36 piksel yuvarlaktı; bu ölçü sayfayı "şablon" gösteren
   en belirgin işaretlerden biri. Ölçtüğüm referanslarda kart köşeleri çok daha
   keskin: Stripe 6 px, Vercel 6 px, Lusion 10 px, Linear 12 px,
   basement.studio 0 px, Resend 24 px — ortanca 8–12 px. OvaSoft 14–16'ya
   çekiliyor: hâlâ yumuşak ama artık şişkin değil.
   Etiket/rozet biçimli küçük haplara dokunulmuyor, onlar hap olmalı.
   ------------------------------------------------------------------------- */
main [class*="rounded-[36px]"],
main [class*="rounded-[32px]"] { border-radius: 18px !important; }

main [class*="rounded-[22px]"],
main [class*="rounded-3xl"] { border-radius: 15px !important; }

main [class*="rounded-2xl"] { border-radius: 13px !important; }

main [class*="rounded-xl"] { border-radius: 11px !important; }

/* Tam yuvarlak CTA'lar da aynı dile gelir; küçük etiketler hap kalır */
main a[class*="rounded-full"]:not([class*="px-2"]):not([class*="px-3"]),
main button[class*="rounded-full"]:not([class*="px-2"]):not([class*="px-3"]) {
  border-radius: 11px !important;
}

/* Kapak paneli ve alt bilgi kartları da aynı ölçüye gelir */
.ova-hero-media { border-radius: 16px !important; }
footer [class*="rounded-[22px]"],
footer [class*="rounded-2xl"] { border-radius: 13px !important; }

/* Gölgeler bir tık toplanır: dağılmış gölge ucuzluk işareti */
main [class*="shadow-[0_28px_80p"],
main [class*="shadow-[0_24px_60px"] {
  box-shadow: 0 10px 28px -14px rgba(20, 45, 80, 0.26) !important;
}

/* ---------------------------------------------------------------------------
   6) SOL KENARDAKİ SOSYAL MEDYA SEKMESİ
   Sabit sekme, kapağın altındaki rakam şeridinin etiketini kesiyordu
   ("RAKAMLA OVASOFT" → "AMLA OVASOFT"). Şeride sol güvenli alan veriliyor.
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .ed-signature > div { padding-left: 64px !important; }
}