/*
Theme Name:  Gürtes
Theme URI:   https://gurtes.com.tr
Description: florax child teması. Sayfa şablonlarını devralır ve gövdeyi
             `gurtes-sections` eklentisinin ürettiği bölümlere bırakır.
             ⚠️ ÜRETİLMİŞ KOPYA — kaynak: ~/Belgeler/gurtes_desing/wp/gurtes-theme/
             Buradaki dosyalar elle düzenlenmez; `npm run sync:wp` üzerine yazar.
Author:      Gürtes
Template:    florax
Version:     1.0.0
Text Domain: gurtes
*/

/* Stil YOK — tasarım eklentiden gelir (`assets/tokens.css`, `assets/base.css`,
 * `sections/<slug>/style.css`). Bu dosya yalnız tema başlığını taşır. */

/* ── Tek global kural: tam genişlik kaçışının güvencesi ──────────────────────
 *
 * `.gs-bleed` (eklentideki `assets/base.css`) `width: 100vw` kullanıyor ve
 * `100vw` dikey kaydırma çubuğu kadar yatay taşma yaratır. Bugüne kadar bunu
 * florax'ın `style.css`'i engelliyordu (`html, body { overflow-x: clip }`,
 * WORDPRESS.md §5 ①). Devralınan sayfalarda florax'ın stilini kuyruktan
 * çıkardığımız için o güvence kayboluyordu — kuralı BURASI devralıyor.
 *
 * ⚠️ Kaldırma. Kaldırırsan 375 px'te yatay taşma geri gelir (ölçülür). */
html,
body {
    width: 100%;
    overflow-x: clip;
}

/* ── `.screen-reader-text` — görsel olarak gizli, ekran okuyucuda duran metin ─
 *
 * 🔴 A47'nin (M-256) gerilemesi, Ö-261 ölçtü: bu sınıfı gizleyen kural
 * yalnız KUYRUKTAN ÇIKARILAN üç dosyada vardı — florax `style.css` ·
 * Elementor `frontend.min.css` · çekirdeğin `block-library`si. Onlar gidince
 * `skip-link` her devralınmış sayfanın tepesinde 17 px'lik görünür bir satır
 * oldu (öncesi 1×1 px, M-234) ve bütün sayfayı 18 px aşağı itti; katalogda
 * eklentinin beş gizli metni de açığa çıktı.
 *
 * Değerler çekirdeğin `block-library/style.css`inden AYNEN — A47'den önce
 * odakta görünen `skip-link` buydu. Sınıf tema dışı çıktılarda da geçiyor
 * (`gurtes-katalog`), yani kural `.gs` altına değil köke yazılır.
 *
 * ⚠️ Kaldırma. Bir izinsiz kök daha çıkarılırken bu kuralın varlığı ölçülür. */
.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* ── `skip-link`in odak halkası — A18 · F3.3'te kapandı ──────────────────────
 *
 * Ö-105 ölçtü: ana sayfadaki 69 Tab durağının 68'i tasarımın halkasını taşıyor
 * (`2px solid rgb(230, 233, 234)` · offset 3px), `skip-link` ise TARAYICI
 * VARSAYILANINI (`1px auto rgb(16, 16, 16)`). Görünür olduğu için
 * `CLAUDE.md §11` ölçütü karşılanıyordu, ama öğe eklentinin değil TEMANIN
 * kendisinin (`header.php`) ve dolayısıyla `.gs` tabanının dışında — oradaki
 * `:focus-visible` kuralı ona hiç değmiyor.
 *
 * 🔴 Halka NEDEN KIRMIZI DEĞİL: `--gs-primary` (#B40404) koyu zeminde 2.36:1
 * (DESIGN.md §3). Bağlantı odaklanınca sayfanın en üstünde, koyu header'ın
 * hizasında belirir — kırmızı halka orada görünmezdi. Açık renk kullanılıyor.
 *
 * ⚠️ Değer `--gs-koyu-metin`den okunuyor ama fallback ile: `skip-link`
 * `.gs` ağacının DIŞINDA ve tokenlar `.gs` üzerinde tanımlı, yani değişken
 * burada çözülmeyebilir. Fallback ölçülmüş değerin kendisidir. */
.skip-link:focus-visible {
    outline: 2px solid var(--gs-koyu-metin, #e6e9ea);
    outline-offset: 3px;
    border-radius: 2px;
}