/*
 Loun Studio – erişilebilirlik stilleri (a11y.css)
 styles/main.css'den SONRA yüklenir (custom-style bağımlılığı).
 Yalnızca klavye odağı, diyalog kapatma düğmesi ve imleç katmanını ele alır;
 main.css'in yerleşim/animasyon kurallarına dokunmaz.
 Atlama bağlantısı (.skip-link) konumu için main.css'deki .screen-reader-text:focus kuralı yeterlidir.
*/

/* Klavye odağı (fare/dokunmatikte :focus-visible tetiklenmez) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Koyu zeminli iletişim formu: main.css `.form button{outline:none}` ve `.form input{outline:none}` üzerine */
.form input:focus-visible,
.form textarea:focus-visible,
.form button:focus-visible,
.form a:focus-visible{outline:2px solid #fff;outline-offset:3px}

.menu-toggle:focus-visible{outline:2px solid #eff79a;outline-offset:2px}

/* .form-close artık <button>; main.css `.form button{opacity:0;pointer-events:none;background:#fff;width:max-content;padding:12px 8px;…}`
   kuralını sıfırlayıp eski <span class="form-close"> görünümüne (30x30, sağ-üst) döndürür */
.form .form-close{opacity:1;pointer-events:all;background:transparent;color:inherit;width:30px;height:30px;padding:0;border:0;border-radius:0;line-height:inherit;cursor:pointer}
.form .form-close > span{display:block;width:100%;height:100%}

/* Özel imleç katmanı tıklamaları/odak hedeflerini engellemesin */
.cursor-main{pointer-events:none}