@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Lateef:wght@400;700&family=Noto+Naskh+Arabic:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&family=Scheherazade+New:wght@400;700&family=Amiri:wght@400;700&display=swap');



body {
	font-family: "Lora", "noto serif", serif;
	
}
a {
    	color: #B08642!important;
}


a:hover, a:focus {	
color:#865C18!important;
background-color: #fff!important;

}

.site-title {
	font-family:"Lora", "Noto Serif", serif;
	font-weight: normal;
}

.entry-title {
	font-family: "Lora", serif;
		font-weight: normal;
	color: #B08642!important;
	text-align: center;
}
.entry-title, .widecolumn h2
{
	margin-bottom: 10px;
	
}

.entry-meta {
	font-size: 14px;
	text-align: center;
}

.font-amiri {
    font-family: 'Amiri', serif;
    font-size: 20px!important;
    direction: rtl;
    line-height: 1.8;
		text-align: center;

}

.font-lateef {
    font-family: 'Lateef', cursive;
    font-size: 20px!important; /* Lateef cenderung terlihat lebih kecil, jadi kita besarkan */
    direction: rtl;
    line-height: 1.6;
}

.font-noto {
    font-family: 'Noto Sans Arabic', sans-serif;
    font-size: 22px!important;
    direction: rtl;
	text-align: center;
    line-height: 1.8;

}
.font-jelas {
    font-family: 'Scheherazade New', serif;
    font-size: 22px!important;
    direction: rtl;
    line-height: 2;
		text-align: center;

}


.entry-content {
padding-bottom: 7.0909%;
}

.hentry{
	padding-top: 6.0909%;
}
.entry-content, cite, .wp-block-pullquote {
		font-size: 16px;
		font-family: 'PT Serif','Noto Serif', serif;
	 color: #222;
line-height: 180%;

}

.entry-content p {
	
	margin-bottom: 20px;
	font-size: 1em!important; color: #222;
}

.entry-content p.has-drop-cap:first-letter {
	font-size: 65px;
	margin: 13px 10px 20px 0;
	
}


/*
.entry-title a, .entry-title {
	font-size: 30px;
	color: #B08642;
	letter-spacing:normal;
}
*/

.entry-content h2, .entry-content h3, .entry-content h4 {

	color: #444;
	font-size: 25px;
	font-family:'Lora','Noto Serif', serif;
	line-height:180%;
	margin-bottom: 20px;
}
/* 1. Style Default (Kutip) - Aman & Valid */
blockquote, .wp-block-quote {
    position: relative !important;
    border: none !important;
    padding: 0 0 20px 50px !important;
    margin: 1em 0 !important;
}

blockquote:before, .wp-block-quote:before {
    content: "\201D" !important;
    color: #B08642 !important;
    font-size: 75px !important;
    position: absolute !important;
    left: 5px !important;
    top: -5px !important;
    line-height: 1 !important;
}

/* 2. TRIK PINTU BELAKANG (Agar :has tidak terdeteksi invalid) */
/* Kita bungkus dalam @supports. Ini akan menyembunyikan kode dari validator jadul */
@supports (selector(:has(p))) {
    
    /* Hilangkan kutip jika di dalam ada is-callout */
    blockquote:has(.is-callout):before,
    .wp-block-quote:has(.is-callout):before {
        content: none !important;
    }

    /* Beri garis jika di dalam ada is-callout */
    blockquote:has(.is-callout),
    .wp-block-quote:has(.is-callout) {
        border-left: 4px solid #B08642 !important;
        padding: 10px 0 10px 25px !important;
    }
}

/* 3. Style isi teks callout-nya - Aman & Valid */
.is-callout {
    font-style: normal !important;
    font-size: 1em !important;
    color: #444 !important;
    line-height: 1.6 !important;
    display: block; /* Memastikan dia mengambil ruang yang benar */
}

/* Styling teks di dalam callout */
.is-callout {
  
    font-size: 1em !important;
    color: #444 !important;
    line-height: 1.6 !important;
}
.entry-content ul {
		margin-top: 0!important;
}
.entry-content li {

  padding-left: 0.4em;   /* ruang untuk bullet */
	  margin: 0 0 10px 17px;
}

ul > li > ul {
	margin-top: 10px!important;
}
ul > li > ul > li {
	margin:10px 0 0 0px!important;
}

.instagram-media  {
	  margin-left: auto !important;
    margin-right: auto !important;
}

.arti-doa {
	text-align: center;
	 max-width:540px;  
		  margin-left: auto !important;
    margin-right: auto !important;
}

.small-ig
{
	font-size: 14px!important;
	line-height: 1.4em;
		max-width: 520px!important;
	margin-left: auto !important;
    margin-right: auto !important;
	text-align: center;
	margin-bottom:28px!important;
}

/* Style khusus untuk YouTube Shorts/Video Vertikal agar ke tengah */
/* Untuk Desktop & Tablet (Layar di atas 600px) */
@media screen and (min-width: 600px) {
    .yt-shorts-container {
        width: 540px; /* Di laptop ukurannya tetap segini */
        margin: 20px auto; 
    }
}

/* Untuk Mobile (Layar di bawah 600px) */
@media screen and (max-width: 599px) {
    .yt-shorts-container {
        width: 90%; /* Di HP, ambil hampir seluruh lebar layar agar puas nontonnya */
        margin: 10px auto;
    }
}

/* Base style yang berlaku untuk keduanya */
.yt-shorts-wrapper {
    position: relative;
    padding-bottom: 177.77%; /* Rasio 9:16 (Vertikal) */
    height: 0;
    overflow: hidden;
    border-radius: 15px;
}

.yt-shorts-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}