/* ==========================================================================
   Site düzeltmeleri / erişilebilirlik yamaları
   ========================================================================== */

/* --- Klavye ile gezinme: "İçeriğe geç" bağlantısı ------------------------ */
.skip-link {
    position: absolute;
    top: -100px;
    left: 8px;
    z-index: 2000;
    padding: 10px 16px;
    background: #004899;
    color: #fff !important;
    border-radius: 0 0 8px 8px;
    font-weight: 600;
    transition: top 0.15s ease-in-out;
}

.skip-link:focus,
.skip-link:focus-visible {
    top: 0;
}

/* --- Erişilebilirlik düğmesi ---------------------------------------------
   Varsayılan konum (bottom-right) hem ana sayfadaki arama düğmesinin hem de
   footer'daki telefon numarasının üstüne biniyordu. Sola alındı ve
   Bootstrap offcanvas'ının (1045) altında kaldırıldı.                       */
.accessibility-toggle-button {
    right: auto !important;
    left: 16px !important;
    bottom: 24px !important;
    width: 48px !important;
    height: 48px !important;
    z-index: 1030 !important;
    opacity: 0.92;
}

.accessibility-toggle-button:hover,
.accessibility-toggle-button:focus-visible {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .accessibility-toggle-button {
        left: 12px !important;
        bottom: 16px !important;
        width: 44px !important;
        height: 44px !important;
    }
}

/* --- Mobil alt menü: geri düğmesi ---------------------------------------- */
.mobile-sub-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    margin-bottom: 16px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.mobile-sub-back:hover,
.mobile-sub-back:focus-visible {
    background: rgba(255, 255, 255, 0.14);
}

.mobile-sub-back:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* --- Masaüstü menü başlıkları artık <button> ----------------------------- */
.header--content .webmenu > li > button.menu-toggle {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: inherit;
    text-align: left;
    cursor: pointer;
}

.header--content .webmenu > li > button.menu-toggle:focus-visible {
    outline: 2px solid #eb3542;
    outline-offset: 4px;
    border-radius: 4px;
}

.header--content .webmenu > li > button.menu-toggle:hover {
    opacity: 0.85;
}

/* --- Küçük puntolu "Tüm Haberler" benzeri düğmeler ---------------------- */
.button.small,
.btn.small,
.btn-xs {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
}

/* --- Metni olmayan sosyal medya ikonlarına erişilebilir isim ------------- */
.webmenu .ri-facebook-fill,
.webmenu .ri-twitter-fill,
.webmenu .ri-instagram-fill {
    pointer-events: none;
}

/* --- Odak halkaları ------------------------------------------------------ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #eb3542;
    outline-offset: 2px;
}

/* --- Metin seçimi ve kontrast -------------------------------------------- */
.hero--content .hero-search .hero-search-form input::placeholder {
    color: #fff !important;
    opacity: 0.85;
}