/*
 * Kucuk duzeltmeler (T-20261019-011). resources/css/app.css kaynagi olmadigindan derlenmis
 * CSS'e dokunulmaz; bu dosya layout'ta derlenmis CSS ve sayfa ici <style> bloklarindan SONRA yuklenir.
 *
 * Mobil hero: header .position-absolute oldugundan hero icerigi (baslik) header'in altina,
 * yani ~112px asagi itilmeli; aksi halde 200px'lik hero'da logo basligin ustune biner (<768px).
 * >=768px'te hero yuksekligi (350/450px) yeterli oldugundan degisiklik YOK.
 */
@media (max-width: 767.98px) {
    .hero-banner {
        padding-top: 112px;
        padding-bottom: 24px;
        min-height: 300px;
    }
}

/*
 * Hero basligi bazi sayfalarda h2 olarak basilir (sayfa basligi H1 olsun diye). Mevcut
 * `.hero-banner h1` kurali h2'ye uygulanmadigindan ayni beyaz renk ve golge burada tanimlanir.
 */
.hero-banner .hero-title {
    color: #fff !important;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7);
}

/*
 * Iletisim formu honeypot tuzagi: gorsel olarak gizli (display:none bazi botlarca atlanir; ekran disina alinir).
 * Ekran okuyucudan aria-hidden, klavyeden tabindex=-1 ile gizlenir.
 */
.contact-hp {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Iletisim formu geri bildirim alani odaga alininca kontur gostermez (ic icerik odaklanabilir) */
#contact-form-feedback:focus {
    outline: none;
}