/* ===================================================
   ERİŞİLEBİLİRLİK DÜZELTMELERİ (Accessibility Fixes)
   Lighthouse / axe denetim hatalarını gidermek için
   =================================================== */

/* 1. Ana içeriğe atlama bağlantısı (Skip to main content) */
.skip-to-main {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -9999;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
  text-decoration: none;
}
.skip-to-main:focus {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow: auto;
  z-index: 99999;
  outline: 3px solid #ffb606;
}

/* 2. Odak göstergesi - klavye gezinimini görünür yapar */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

/* 3. Header üst menü - orijinal transparan arka plan korunur
   Linklerde hover/focus durumunda görünürlük artırılır */
.header_top .pull-left a:hover,
.header_top .pull-left a:focus {
  opacity: 1 !important;
  text-decoration: underline;
}
.header_social li a:hover,
.header_social li a:focus {
  opacity: 1 !important;
}

/* 4. Footer içindeki metin bağlantıları - kontrast düzeltmesi
   Footer arka planı #f7f7f7 (açık gri) üzerinde #555 gri yeterli değil
   Koyu renge çek */
.footer_widget_area a,
.footer_copyright_area a {
  color: #ff9400 !important;
  text-decoration: underline;
}
.footer_widget_area a:hover,
.footer_copyright_area a:hover,
.footer_widget_area a:focus,
.footer_copyright_area a:focus {
  color: #000000 !important;
  text-decoration: underline;
}

/* 5. Gövde (body) metin kontrast düzeltmesi
   Açık arka plan üzerinde #777 veya #888 gibi gri metinler yetersiz kontrast
   h2, p elementleri için */
body {
  color: #222222;
}
p {
  color: #ff9400;
}

/* 6. fun_fact_area - h3 counter rengi kontrast */
.fun_fact_area h3.counter,
.fun_fact_area h4 {
  color: #ffffff;
}

/* 7. Galeri bağlantı etiketleri - renk kontrastı ve alt çizgi */
.our_resort_gallery_area a,
.resort_g_hover a {
  text-decoration: underline;
}

/* 8. Introduction ve içerik alanı metinleri */
.introduction_left_text h2,
.introduction_left_text p {
  color: #1a1a1a;
}

/* 9. Bağlantıların renk kontrastı - ana içerik */
.introduction_area a,
.our_resort_gallery_area p a {
  color: #005fcc !important;
  text-decoration: underline !important;
}
.introduction_area a:hover,
.our_resort_gallery_area p a:hover {
  color: #003b99 !important;
}

/* 10. Resim en boy oranı düzeltmesi - width:352px ile gerçek görüntü boyutu uyumu */
.resort_gallery .item img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* 11. Navbar toggle butonları - görünür odak hali */
.navbar-toggle:focus {
  outline: 3px solid #ffb606 !important;
  outline-offset: 2px;
}

/* 12. book_now_btn kontrast iyileştirmesi */
.book_now_btn {
  background-color: #c47200 !important;   /* koyu sarı - AA kontrast */
  color: #ffffff !important;
}
.book_now_btn:hover,
.book_now_btn:focus {
  background-color: #995800 !important;
  color: #ffffff !important;
  text-decoration: underline;
}