/* --- 2.4.1 Icerige atla baglantisi --- */
.skip-link{
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
	transform:translateY(-200%);
	background:#11457C;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding:12px 24px;
	text-decoration:none;
	border:2px solid #fff;
	border-radius:0 0 6px 0;
}

.skip-link:focus,
.skip-link:focus-visible{
	transform:translateY(0);
	color:#fff;
	outline:3px solid #00a3ca;
	outline-offset:0;
}

/* Odak hedefi olan main cercevesiz kalsin */
#main-content:focus{
	outline:none;
}

/* --- Yalnizca ekran okuyucuya gorunen metin --- */
.a11y-sr-only{
	position:absolute !important;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

/* --- 1.4.3 Kontrast: ana sayfa slayt kategori etiketleri (>= 4.5:1) --- */
#anasayfa_etkinlikler #yesil-renk{
	background:#2F8168;
}

#anasayfa_etkinlikler #turuncu-renk{
	background:#AD5D22;
}

/* --- 1.4.3 Kontrast: birim sayfasi duyuru kutularindaki "devami" baglantilari --- */
#anasayfa_duyurular_alt .devam a{
	color:#6E6E6E;
}

#anasayfa_duyurular_alt .sayi{
	color:#8A8A8A;
}

/* --- 2.5.8 Tiklama hedefi en az 24x24 px --- */
#SliderHeader .carousel-caption .baslik_mavi a{
	display:block;
	min-height:24px;
	padding:3px 0;
}

#sosyal_medya_paylas_container .social-link,
#image_text_socail_table_list .social-link{
	min-width:34px;
	min-height:34px;
	justify-content:center;
}

/* Paylas ikonlari klavyeyle de erisilebilir olsun (yalnizca :hover yetmiyor) */
#sosyal_medya_paylas_container:focus-within .social-links,
#image_text_socail_table_list:focus-within .social-links{
	opacity:1;
	pointer-events:auto;
}

/* --- 4.1.2 nested-interactive: <button><a> yerine tek baglanti kullanildi --- */
a#program_ara_btn_st_arasttirma{
	display:inline-block;
	text-align:center;
}

/* --- 1.3.1 Baslik hiyerarsisi: h5 yerine dogru seviyeler kullanildi,
       gorunum korunuyor --- */
#footer h2.footer-baslik{
	color:#00a6c9;
	font-size:18px;
	margin-top:45px;
	margin-bottom:10px;
}

#MenuIcerigi #kisayollinkler h2.kisayol-baslik{
	color:#fff;
	font-size:15px;
	margin-top:0;
	margin-bottom:.5rem;
}

/* --- 2.2.2 Slayt gosterisini durdur / baslat dugmesi --- */
.slider-play-toggle{
	position:absolute;
	right:16px;
	bottom:16px;
	z-index:30;
	width:44px;
	height:44px;
	border:2px solid #fff;
	border-radius:50%;
	background:rgba(17,69,124,.85);
	color:#fff;
	font-size:15px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

.slider-play-toggle:hover,
.slider-play-toggle:focus-visible{
	background:#11457C;
	outline:3px solid #00a3ca;
	outline-offset:2px;
}

@media (max-width:767px){
	.slider-play-toggle{
		right:10px;
		bottom:10px;
		width:38px;
		height:38px;
		font-size:13px;
	}
}

/* --- 4.1.2 Owl Carousel noktalari: ad verildi, hedef buyutuldu --- */
.owl-theme .owl-dots .owl-dot span{
	min-width:14px;
	min-height:14px;
}

/* --- 2.4.7 Odak gostergesini her yerde belirgin tut --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
	outline:3px solid #00a3ca;
	outline-offset:2px;
}
