/**
 * Accessibility Improvements for Tandijital.com
 * WCAG 2.1 AA uyumluluğu için erişilebilirlik iyileştirmeleri
 */

/* ========================================
   FOCUS INDICATORS (Odak Göstergeleri)
   ======================================== */

/* Genel odak göstergeleri */
:focus {
  outline: 3px solid #007cba !important;
  outline-offset: 2px !important;
  border-radius: 3px !important;
  transition: outline 0.2s ease-in-out;
}

/* Skip to content link */
.skip-link {
  background: #007cba;
  color: white !important;
  font-weight: 700;
  left: 6px;
  padding: 8px 16px;
  position: absolute;
  top: -40px;
  transition: top 0.3s ease-in-out;
  z-index: 100000;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.skip-link:focus {
  top: 6px;
}

.skip-link:hover {
  background: #005a8b;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Form elemanları odak */
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 2px solid #007cba !important;
  outline-offset: 2px !important;
  border-color: #007cba !important;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2) !important;
}

/* Link odak */
a:focus {
  outline: 2px solid #007cba !important;
  outline-offset: 2px !important;
  text-decoration: underline !important;
}

/* Buton odak */
.btn:focus,
.wp-block-button__link:focus {
  outline: 2px solid #007cba !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2) !important;
}

/* ========================================
   CONTRAST IMPROVEMENTS (Kontrast İyileştirmeleri)
   ======================================== */

/* Başlık linkleri - daha koyu renk */
.entry-title a {
  color: #1a1a1a !important;
  text-decoration: none;
}

.entry-title a:hover {
  color: #007cba !important;
  text-decoration: underline;
}

.entry-title a:focus {
  color: #007cba !important;
  text-decoration: underline;
}

/* Post meta bilgileri - daha koyu gri */
.post-meta {
  color: #4a4a4a !important;
}

.post-meta a {
  color: #2c2c2c !important;
  text-decoration: none;
}

.post-meta a:hover {
  color: #007cba !important;
  text-decoration: underline;
}

.post-meta a:focus {
  color: #007cba !important;
  text-decoration: underline;
}

/* Form etiketleri */
label {
  color: #2c2c2c !important;
  font-weight: 600 !important;
}

/* Hata mesajları */
.error-message,
.wpcf7-not-valid-tip {
  color: #d63638 !important;
  background: #fcf0f1 !important;
  border: 1px solid #d63638 !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
}

/* Başarı mesajları */
.success-message,
.wpcf7-mail-sent-ok {
  color: #00a32a !important;
  background: #f0f6fc !important;
  border: 1px solid #00a32a !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
}

/* ========================================
   SEMANTIC IMPROVEMENTS (Semantik İyileştirmeler)
   ======================================== */

/* Ana içerik alanı */
#main-content {
  outline: none;
}

#main-content:focus {
  outline: 2px solid #007cba;
  outline-offset: 4px;
}

/* Navigasyon menüsü */
.main-navigation {
  outline: none;
}

.main-navigation:focus-within {
  outline: 2px solid #007cba;
  outline-offset: 2px;
}

/* ========================================
   INTERACTIVE ELEMENTS (Etkileşimli Elemanlar)
   ======================================== */

/* Hover efektleri */
.read-more:hover,
.btn:hover,
.wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Focus efektleri */
.read-more:focus,
.btn:focus,
.wp-block-button__link:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* ========================================
   SCREEN READER SUPPORT (Ekran Okuyucu Desteği)
   ======================================== */

/* Gizli ama erişilebilir metin */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  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: #007cba;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: white;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* ========================================
   MOBILE ACCESSIBILITY (Mobil Erişilebilirlik)
   ======================================== */

@media (max-width: 768px) {
  /* Mobil odak göstergeleri */
  :focus {
    outline: 4px solid #007cba !important;
    outline-offset: 1px !important;
  }
  
  /* Skip link mobil pozisyon */
  .skip-link {
    left: 10px;
    top: -50px;
  }
  
  .skip-link:focus {
    top: 10px;
  }
  
  /* Mobil buton boyutları */
  .btn,
  .wp-block-button__link {
    min-height: 44px;
    min-width: 44px;
  }
  
  /* Mobil form elemanları */
  input,
  textarea,
  select {
    min-height: 44px;
  }
}

/* ========================================
   HIGH CONTRAST MODE SUPPORT (Yüksek Kontrast Modu Desteği)
   ======================================== */

@media (prefers-contrast: high) {
  :focus {
    outline: 4px solid #000000 !important;
    outline-offset: 2px !important;
  }
  
  .btn,
  .wp-block-button__link {
    border: 2px solid #000000 !important;
  }
  
  .entry-title a {
    color: #000000 !important;
  }
}

/* ========================================
   REDUCED MOTION SUPPORT (Azaltılmış Hareket Desteği)
   ======================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .skip-link {
    transition: none !important;
  }
  
  .read-more:hover,
  .btn:hover,
  .wp-block-button__link:hover {
    transform: none !important;
  }
}

/* ========================================
   PRINT STYLES (Yazdırma Stilleri)
   ======================================== */

@media print {
  .skip-link,
  .main-navigation,
  .sidebar,
  .footer {
    display: none !important;
  }
  
  .entry-title a {
    color: #000000 !important;
    text-decoration: none !important;
  }
  
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 12px;
    color: #666666;
  }
}