@font-face
{
     font-family: 'Scheheraza';
     src: url('../fonts/Scheherazade.eot');
     src: local('Scheherazade'), url('../fonts/Scheherazade.woff2') format('woff2'), url('../fonts/Scheherazade.ttf') format('truetype');
 }

/* D134 (2026-09-24, kullanıcı isteği): Kur'an hat/font yönetimi -- ek fontlar
   (config/quran_fonts.php'nin amiri/uthmanic/husrev girdileri). Kullanıcı
   2026-09-24'te Amiri (4 ağırlık), Hüsrev (2 varyant) ve KFGQPC Uthmanic
   Script HAFS (.otf) dosyalarını public/themes/default/assets/fonts/ altına
   kopyaladı -- src'lerin hepsi o gerçek dosya adlarına göre yazıldı, artık
   dört fontun (scheherazade dahil) hepsi gerçek dosyaya sahip.
   'ScheherazadeNew-*.ttf' (dört ağırlık) de kullanıcı isteğiyle (2026-09-24)
   AYRI bir font olarak eklendi (config/quran_fonts.php'nin yeni
   'scheherazade_new' girdisi) -- mevcut varsayılan 'Scheherazade' (yukarıdaki
   ilk @font-face, D134 öncesi, eski Scheherazade.ttf) DEĞİŞTİRİLMEDİ, ikisi
   artık admin panelinde iki ayrı seçenek olarak yan yana duruyor. */
@font-face
{
     font-family: 'ScheherazadeNew';
     src: url('../fonts/ScheherazadeNew-Regular.woff2') format('woff2'), url('../fonts/ScheherazadeNew-Regular.ttf') format('truetype');
     font-weight: normal;
}

@font-face
{
     font-family: 'ScheherazadeNew';
     src: url('../fonts/ScheherazadeNew-Medium.woff2') format('woff2'), url('../fonts/ScheherazadeNew-Medium.ttf') format('truetype');
     font-weight: 500;
}

@font-face
{
     font-family: 'ScheherazadeNew';
     src: url('../fonts/ScheherazadeNew-SemiBold.woff2') format('woff2'), url('../fonts/ScheherazadeNew-SemiBold.ttf') format('truetype');
     font-weight: 600;
}

@font-face
{
     font-family: 'ScheherazadeNew';
     src: url('../fonts/ScheherazadeNew-Bold.woff2') format('woff2'), url('../fonts/ScheherazadeNew-Bold.ttf') format('truetype');
     font-weight: bold;
}
@font-face
{
     font-family: 'Amiri';
     src: url('../fonts/Amiri-Regular.woff2') format('woff2'), url('../fonts/Amiri-Regular.ttf') format('truetype');
}

@font-face
{
     font-family: 'Amiri';
     src: url('../fonts/Amiri-Bold.woff2') format('woff2'), url('../fonts/Amiri-Bold.ttf') format('truetype');
     font-weight: bold;
}

@font-face
{
     font-family: 'Amiri';
     src: url('../fonts/Amiri-Italic.woff2') format('woff2'), url('../fonts/Amiri-Italic.ttf') format('truetype');
     font-style: italic;
}

@font-face
{
     font-family: 'Amiri';
     src: url('../fonts/Amiri-BoldItalic.woff2') format('woff2'), url('../fonts/Amiri-BoldItalic.ttf') format('truetype');
     font-weight: bold;
     font-style: italic;
}

/* D134 takip (2026-09-22, kullanıcı bulgusu): "KFGQPC Uthmanic Script HAFS
   Regular.otf" Kur'an'a özgü U+06DF (ARABIC SMALL HIGH ROUNDED ZERO, ۟ --
   "أُو۟لَٰٓئِكَ" gibi sessiz harfleri işaretleyen küçük daire) glyph'ini dolu
   siyah bir daire olarak render ediyordu -- izole FontFace testiyle
   doğrulandı (kod/CSS tarafında sorun yok, fontun kendi glyph eksikliği).
   Kullanıcının denediği "KFGQPC Uthman Taha Naskh Bold.ttf" aynı karakteri
   doğru gösteriyor (aynı testle doğrulandı) -- kullanıcı isteğiyle mevcut
   'uthmanic' anahtarı BU dosyaya taşındı. Eski Regular.otf dosyası silinmedi
   (zararsız, başka hiçbir kural referans etmiyor), ileride gerekirse durur. */
@font-face
{
     font-family: 'UthmanicHafs';
     src: url('../fonts/KFGQPC Uthman Taha Naskh Bold.woff2') format('woff2'), url('../fonts/KFGQPC Uthman Taha Naskh Bold.ttf') format('truetype');
}

/* Dosya adı kullanıcının kopyaladığı hâliyle birebir (Windows/Mac aktarımından
   kalma 'ı' yerine 'ì' -- yeniden adlandırmadım, aynen referans verdim). İki
   varyanttan "Arapça" olanı seçildi -- .text-arabic Kuran metnini gösteriyor,
   "Osmanlıca" varyantı bu bağlama uymuyor. */
@font-face
{
     font-family: 'Husrev';
     src: url('../fonts/Hüsrev Hattì Arapça.woff2') format('woff2'), url('../fonts/Hüsrev Hattì Arapça.ttf') format('truetype');
}

/* Kullanıcı isteği (2026-09-23): dört yeni Kur'an fontu. Bağlamadan önce hepsi
   aynı izole FontFace testinden geçirildi (U+06DF sessiz harf işareti küçük
   daire olarak doğru çiziliyor, Uthmanic HAFS'taki dolu siyah daire sorunu
   hiçbirinde yok). 'AmiriQuranFont' bilerek ayrı bir aile adı: yukarıdaki
   'Amiri' (düz Amiri, 4 ağırlık) ile karışmasın. BebasNeue-Regular.ttf de
   klasörde ama Latin bir başlık fontu, Arapça glyph'i yok, bağlanmadı. */
@font-face
{
     font-family: 'AmiriQuranFont';
     src: url('../fonts/AmiriQuran-Regular.woff2') format('woff2'), url('../fonts/AmiriQuran-Regular.ttf') format('truetype');
}

@font-face
{
     font-family: 'NotoNaskhArabic';
     src: url('../fonts/NotoNaskhArabic-VariableFont_wght.woff2') format('woff2'), url('../fonts/NotoNaskhArabic-VariableFont_wght.ttf') format('truetype');
     font-weight: 400 700;
}

@font-face
{
     font-family: 'ShaikhHamdullah';
     src: url('../fonts/Shaikh Hamdullah Mushaf.woff2') format('woff2'), url('../fonts/Shaikh Hamdullah Mushaf.ttf') format('truetype');
}

@font-face
{
     font-family: 'MeQuran';
     src: url('../fonts/me_quran Regular.woff2') format('woff2'), url('../fonts/me_quran Regular.ttf') format('truetype');
}

body
{
    font-family: inherit;
	/* font-family: 'Ubuntu', sans-serif; */
	line-height: 1.5;
}

/* D131 (2026-09-19, kullanıcı isteği): fare ile bir bağlantıya (fihrist harf
   çubuğu, ayet numarası vb.) tıklanınca etrafında tarayıcının varsayılan odak
   (focus) çerçevesi çıkıyordu -- site hiçbir zaman `outline` özelleştirmediği
   için her tarayıcı kendi varsayılanını çiziyordu, tüm <a> etiketlerinde,
   site genelinde. `outline: none` yerine `:focus-visible` kullanılıyor:
   çerçeve yalnızca FARE tıklamasında kayboluyor, Tab tuşuyla klavye gezintisi
   hâlâ görünür kalıyor (WCAG 2.4.7 -- odak göstergesini tamamen kaldırmak
   klavye kullanıcıları için erişilebilirlik ihlali olurdu). :focus-visible'ı
   desteklemeyen eski tarayıcılarda kural geçersiz sayılıp yok sayılır, eski
   davranış (çerçeve) aynen kalır -- bozulma yok, yalnızca iyileşme olmaz. */
a:focus:not(:focus-visible)
{
	outline: none;
}

body.container > section:before,
body.session:before
{
	content: "";
	background: #FFF url(../images/bg.jpg) repeat-x;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;  
	display: block;
}

.navbar-brand .h1,
.header-md .navbar-brand 
{
	font-family: 'Slabo 27px', serif;
	font-size: 32px;
}

.navbar-brand .h1
{
	font-size: 36px;
}

.text-arabic
{
	text-align: justify;
    font-family: Scheherazade, Scheheraza;
    font-size: 2em;
    font-weight: normal;
    direction: rtl;
	line-height: 50px;
}

.scrollToTop
{
	text-decoration: none;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
}

.scrollToTop:hover
{
	text-decoration:none;
}

@media(min-width: 767px) 
{
    .sm-m-l-n
    {
        margin-left: -15px;
    }
    
	header .navbar-header
	{
		text-align: center;
		float: none;
		margin: 0 auto;
	}
	
	.navbar-header > .btn 
	{
		position: absolute;
		font-size: 2em;
		padding: 9px 16px;
		line-height: 40px;
		left: 0;
		text-decoration: none !important;
	}
	
	.navbar-header .navbar-brand + .btn
	{
		right: 0;
		top: 0;
		left: auto;
	}
	
	/*
	#navbar:before
	{
		content: " ";
		background-image: url('../images/header-bg.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center; 
		opacity: 0.5;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;  
		display: block;
	}
	*/
}

@media (max-width: 767px) 
{
	.navbar-search
	{
		min-height: 50px;
	}
	
	body.fixed-bottom-xs
	{
		margin-bottom: 20px !important;
	}
	
	body.fixed-bottom-sm
	{
		margin-bottom: 40px !important;
	}
	
	body.fixed-bottom-md
	{
		margin-bottom: 60px !important;
	}
	
	body.fixed-bottom-lg
	{
		margin-bottom: 80px !important;
	}
	
	.ayah-item span.clear
	{
		clear: both;
	}
	
	.ayah-item .ayah-content
	{
		margin-top: 15px;
	}
	
    /*
	.dropdown-menu 
	{
		font-size: 20px;
	}
    */
	
	.scrollToTop
	{
		bottom:60px;
		right:10px;
	}
}

.thumb-v-xl.surah-logo
{
	margin-top: -60px;
    margin-bottom: -60px;
}

.i-checks.i-checks-rounded input[type="checkbox"] + i 
{
  border-radius: 100%;
}

/* Fihrist/sure/cüz önceki-sonraki gezinmesi (2026-09-18, kullanıcı bulgusu:
   uzun bir başlık iki satıra sarınca ikinci satır ok simgesinin altına
   kayıyordu -- "Kadınların giyimi-örtünmesi" örneğinde ölçüldü: <i> simgesi
   left:86 width:70 (70-156px), tek satırlık kısa başlıklarda span'ın ilk
   satırı simgenin sağında (~160px'ten) başlıyor, ama sarılan satır normal
   satır-içi akışta sütunun en soluna (left:86, simgeyle AYNI x) dönüyor --
   getBoundingClientRect bunu span'ın toplam kutusu left:86 olarak gösterdi,
   ilk satırın gerçek konumu değil, tüm parçaların birleşimi.

   Kök neden aynı sınıf: satır-içi kardeşler (simge + metin) blok bağlamında
   sarıldığında, sarılan satır önceki satırdaki kardeşin genişliğini hesaba
   katmaz, sütunun tam soluna döner (bkz. f6f29ad'deki gösterge paneli kartı
   düzeltmesi -- aynı "sarılan içerik önceki hizayı bilmiyor" kökü, orada
   float sütun atlamasına, burada satır-içi metin çakışmasına yol açıyor).
   Çözüm de aynı ilke: <a>'yı flex yapmak simgeyi ve metni ayrı sütunlara
   ayırıyor, metin kaç satıra sararsa sarsın kendi sütununda kalıyor, simgenin
   altına asla dönmüyor. min-width:0 flex öğesinin kendi içeriğine göre
   büzülmeyi reddetmesini (varsayılan min-width:auto) engelliyor, metnin
   normal şekilde sarmasına izin veriyor.

   1280px (masaüstü, sarma zorlanarak) ve 991px (col-sm-3 sütun genişliği,
   gerçek üretim verisiyle "Kadınların mahremleri" sayfası) yerel önizlemede
   ölçülüp doğrulandı: simge artık left:86-156 sabit, span'ın HER satırı
   left:160'tan başlıyor, hiçbir satır simgenin altına dönmüyor. */
.surah-prev a.hidden-xs,
.surah-next a.hidden-xs
{
    display: flex;
    align-items: center;
}

/* D128 (2026-09-18) -- kullanıcı bulgusu, D126'nın kaçırdığı yan etki: "Sonraki"
   oku başlığın uzunluğuna göre sağa/sola kayıyordu, "Önceki" oku gibi sabit
   kalmıyordu. Sebep: D126'daki display:flex, justify-content belirtmeden
   varsayılan flex-start'ta kaldı -- bu, flex öğelerini kapsayıcının SOLUNA
   sıkıca paketler. Önceki'de HTML sırası ikon-önce-metin olduğu için ikon
   zaten ilk eleman, flex-start onu sol kenara sabitliyordu (kazara doğru).
   Sonraki'de sıra metin-önce-ikon; flex-start ikisini birlikte sola paketler,
   yani ikon "metnin bittiği yere" düşer -- sütunun sağ kenarına değil.
   Ölçüldü (aynı .surah-next sütunu, sol:917 sağ:1199 sabit; "Mallar ve
   Evlatlar imtihan içindir" / "Mallarını gösteriş için sarf edenler" gerçek
   verisiyle): kısa "Sonraki" metninde ikon sağ:1072 (sütun kenarına 127px),
   uzun metinde ikon sağ:1184 (127px'ten... 15px'e düşüyor). justify-content:
   flex-end ikonu (son eleman) HER ZAMAN sağ kenara sabitler, metin o kadar
   büzülür/sarılır -- .surah-prev'e dokunulmuyor, orası zaten doğruydu. */
.surah-next a.hidden-xs
{
    justify-content: flex-end;
}

.surah-prev span,
.surah-next span
{
    position: relative;
	vertical-align: top;
	line-height: normal;
	min-width: 0;
	align-self: flex-start;
	margin-top: 24px;
}

#surahs #banners [class^="col-"]
{
	z-index: -1;
}

.full
{
	width: 100%;
	border-radius: 0;
}

.pixelturk a
{
	color: #FFF !important;
}

/* D130 (2026-09-19, kullanıcı isteği): /fihrist harf çubuğundaki harflerin
   puntosu büyütüldü (i-lg'nin 1.333em'inden 1.5em'e -- taban 14px olduğu için
   ~18.67px'ten 21px'e) ve aralık m-xs'in 5px'inden 7px'e genişletildi. .i-lg
   ve .m-xs tema genelinde başka yerlerde de kullanıldığı için doğrudan
   değiştirilmedi; bunun yerine yalnızca bu çubuğun linklerine eklenen
   .fihrist-letter-bar-link ile kapsamı daraltıldı. 1280px'te ölçüldü: 28
   öğe (Tümü + o an dolu 27 harf) bu punto+aralıkta hâlâ tek satırda, son
   harfin sağ kenarı sütun sınırından ~104px önce bitiyor -- taşma yok. */
.fihrist-letter-bar-link
{
	font-size: 1.5em;
	margin: 7px;
}


body.safari	.thumb-v-xl 
{
	width: 40%; 
	height: 40%; 
}

.ayah-content p
{
	color: #333;
}

.onhover:hover
{
	background-color: #f2f2f2 !important;
}

#navbar-search
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.i-checks-lg i 
{
    width: 24px;
    height: 24px;
    font-size: 18px;
}

dl dt
{
	width: 30%;
	float: left;
	margin-bottom: 10px;
}

dl dd
{
	width: 70%;
	float: left;
	margin-bottom: 10px;
}

@media (min-width: 768px)
{
    .vbox > header ~ section 
    {
        top: 60px;
    }
}

.jp-play-bar 
{
    border-right: 1px solid #f05050;
}

.btn-circle
{
    border: 1px solid #cbd5dd !important;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

.btn-circle .i-lg 
{
    vertical-align: sub;
}

.surah-control-label
{
    position: absolute;
    font-size: 10px;
    top: -50px;
}

.fihrist-aciklama
{
    font-size: 16px;
}

.surah-prev span .surah-control-label
{
    left: 0;
}

.surah-next span .surah-control-label
{
    right: 0;
}

.bg-custom
{
    color: #FFF;
    background-color: #4267b2;
}

.bg-info a,
.bg-custom .text-lt,
.bg-custom .btn-link
{
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a
{
    color: #545ca6;
    font-weight: bold;
    text-transform: uppercase;
}

/* Final review fix (2026-09-16): Bootstrap's .dropdown-menu > li > a { display: block;
   clear: both } (bootstrap.css) forces these two links onto separate lines from each
   other and from the step-name label, breaking the single-row layout the design spec
   requires (Bölüm 3: "Sola yaslı, tek satır"). Scoped narrowly to just these two
   data-action values so no other dropdown-menu link's layout is affected. */
/* Kullanıcı bulgusu (2026-09-16): yukarıdaki düzeltme masaüstünde doğruydu ama mobilde
   A-/A+ dokunma hedefini 20-29px'e kadar küçültüyordu (aynı menüdeki diğer maddeler
   tam-genişlik/tam-yükseklik iken) -- gerçek bir parmakla dokunmak güvenilir şekilde
   isabet ettiremiyordu, "Seçenekler" sayfasındaki (düz form, ayrı sorun yok) eşdeğer
   ayar ise çalışıyordu. Kök neden canlı ölçümle doğrulandı (375px görünümde 25x20/29x20
   px), padding+min-width ile ~37-41x40 px'e çıkarılarak (WCAG'ın 24x24 asgari önerisinin
   üzerinde) düzeltildi -- satır tek satır kalmaya devam ediyor (li 46px'e uzadı, ayrı
   satırlara BÖLÜNMEDİ), tıklama mantığı değişmedi. */
.dropdown-menu > li > a[data-action="fontsizedown"],
.dropdown-menu > li > a[data-action="fontsizeup"]
{
	display: inline-block;
	clear: none;
	padding: 10px 12px;
	min-width: 36px;
	text-align: center;
}