/* Eski ok kalintilarini kesin olarak gizliyoruz */
.nokta-ok-buton svg, #sol-ok svg, #sag-ok svg { display: none !important; }

/* Buton alanlarini tam 2 misli buyutuyoruz (110px) */
.nokta-ok-buton {
    position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;
    width: 110px !important; height: 110px !important; z-index: 2000 !important; cursor: pointer !important;
    background: none !important; display: block !important;
}
#sol-ok { left: 25px !important; }
#sag-ok { right: 25px !important; }

/* Uclari esit, 170 derece genis acili, 2.4px kalinlikta tam TAKVIM RENGINDE (%2300f5d4) oklar */
#sol-ok::before {
    content: "" !important; display: block !important; width: 100% !important; height: 100% !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke="%2300f5d4" stroke-width="2.4" stroke-linejoin="round" stroke-linecap="round"><path d="M 57 25 L 48 48 C 47.7 49, 47.7 51, 48 52 L 57 75 C 59 77.5, 62.5 76.5, 61.5 73 L 53 50 L 61.5 27 C 62.5 23.5, 59 22.5, 57 25 Z"/></svg>') !important;
    background-size: contain !important; background-repeat: no-repeat !important;
}

#sag-ok::before {
    content: "" !important; display: block !important; width: 100% !important; height: 100% !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke="%2300f5d4" stroke-width="2.4" stroke-linejoin="round" stroke-linecap="round"><path d="M 43 25 L 52 48 C 52.3 49, 52.3 51, 52 52 L 43 75 C 41 77.5, 37.5 76.5, 38.5 73 L 47 50 L 38.5 27 C 37.5 23.5, 41 22.5, 43 25 Z"/></svg>') !important;
    background-size: contain !important; background-repeat: no-repeat !important;
}

/* SADECE WFHD GENİŞ EKRANINA ÖZEL İNCE AYAR */
/* Sayfa wfhd.html olduğunda okları 40px aşağı kaydırır ve sol oku kenara çeker */
body[class*="wfhd"] .nokta-ok-buton, 
main[class*="wfhd"] .nokta-ok-buton,
#wfhd-ekrani .nokta-ok-buton {
    top: calc(50% + 40px) !important; /* Okları tam 1 cm (40px) aşağı indirir */
}

/* Eğer yukarıdaki sınıflar yoksa, doğrudan wfhd.html dosyasının içine özel ezme kuralı */
