/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com
 Description: Child theme minimal untuk GeneratePress
 Author: Anda
 Template: generatepress
 Version: 1.0
*/




/* ============================================================
   MASTER CSS NGAJI FIQH (FINAL VERSION)
   ============================================================ */


/* --- 2. SETTING QUOTE (KUTIPAN) --- */
/* Default: Bahasa Indonesia (Kiri) */
.wp-block-quote, blockquote {
    background-color: #f9fbfd !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    border-left: 5px solid #006450 !important;
    border-right: none !important;
    text-align: left !important;
    direction: ltr !important;
    color: #333 !important;
    font-family: inherit !important;
}
.wp-block-quote p, blockquote p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* Khusus Arab (Kitab) */
.wp-block-quote.arab, blockquote.arab,
.wp-block-quote.is-arabic, blockquote.is-arabic {
    font-family: 'Amiri', serif !important;
    font-size: 24px !important; /* Font Arab dibesarkan */
    background-color: #f4fcf9 !important;
    border-right: 5px solid #006450 !important;
    border-left: none !important;
    text-align: right !important;
    direction: rtl !important;
}
.wp-block-quote.arab p, blockquote.arab p,
.wp-block-quote.is-arabic p, blockquote.is-arabic p {
    font-size: 18px !important;
    line-height: 2 !important;
    margin-bottom: 0 !important;
    color: #000 !important;
}

/* Teks Arab Manual (Inline) */
.arab {
    font-family: 'Amiri', serif !important;
    font-size: 18px !important;
    line-height: 2.0 !important;
    direction: rtl;
    text-align: right;
}

/* --- 3. LAYOUT ARTIKEL & HEADER --- */
.generate-columns .inside-article, .blog .inside-article, .archive .inside-article {
    border: 1px solid #e0e0e0;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.postx-news-ticker-wrapper {
    margin-bottom: 20px;
}

/* --- 4. NAVIGASI MENU UTAMA (HEADER) --- */
.main-navigation, .main-navigation ul ul {
    background-color: #006450; /* Hijau Teal */
}
.main-navigation .main-nav ul li a {
    color: #ffffff;
    font-weight: 500;
}
.main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    background-color: #004d3d;
    color: #fff;
}
button.menu-toggle {
    color: #ffffff !important;
}

/* --- 5. TOMBOL READ MORE & LINK --- */
.read-more, a.button, .button {
    background-color: #006450;
    color: #fff !important;
    border-radius: 3px;
    padding: 8px 15px;
    transition: all 0.3s ease;
}
.read-more:hover, a.button:hover, .button:hover {
    background-color: #D35400; /* Oranye */
    color: #fff !important;
}
.entry-content a {
    color: #D35400;
    text-decoration: none;
    border-bottom: 1px dotted #D35400;
}
.entry-content a:hover {
    color: #006450;
    border-bottom: 1px solid #006450;
}

/* --- 6. SIDEBAR WIDGET --- */
.sidebar .widget {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
.sidebar .widget-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #006450;
    border-bottom: 2px solid #D35400;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: none;
}
.sidebar ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #eee;
    display: flex;
    align-items: center;
}
.sidebar ul li:last-child {
    border-bottom: none;
}
.sidebar a {
    color: #333 !important;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}
.sidebar a:hover {
    color: #D35400 !important;
}
/* Thumbnail & Iklan Sidebar */
.sidebar .wp-block-latest-posts__featured-image img, 
.sidebar ul li img {
    border-radius: 5px;
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    margin-right: 15px;
}
.sidebar .widget:not(.widget_recent_entries):not(.widget_block) img {
     width: auto !important;
     height: auto !important;
     max-width: 100%;
}

/* --- 7. WIDGET FOOTER (TAG CLOUD) --- */
.tag-cloud-link {
    background-color: #f1f1f1;
    color: #555;
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px !important;
    display: inline-block;
    margin: 0 5px 8px 0;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}
.tag-cloud-link:hover {
    background-color: #006450;
    color: #ffffff;
    border-color: #006450;
}
.footer-widgets .tag-cloud-link:nth-of-type(n+21) {
    display: none; /* Batasi jumlah tag */
}
.footer-widgets .widget > h3 {
  display: inline-block;
  background-color: #006450;
  color: #ffffff !important;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 14px !important;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  transition: all 0.3s ease;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  text-align: center;
}

.footer-widgets .widget > h3:hover {
  background-color: #D35400;
  transform: translateY(-2px);
}

/* --- 8. AUTHOR BOX --- */
.sidebar-author-card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #f0f0f0;
    text-align: center;
}
.author-header-bg {
    height: 80px;
    background: linear-gradient(135deg, #006450 0%, #004d3d 100%);
    width: 100%;
}
.author-image-wrapper {
    margin-top: -50px;
    margin-bottom: 15px;
}
.author-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.author-name {
    font-family: 'Amiri', serif;
    font-size: 22px;
    color: #212121;
    margin-bottom: 5px;
    font-weight: 700;
}
.author-role {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #D35400;
    font-weight: 600;
    margin-bottom: 15px;
}
.author-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    padding: 0 20px;
    margin-bottom: 20px;
}
.author-actions {
    display: flex;
    gap: 10px;
    padding: 0 20px 25px 20px;
    justify-content: center;
}
.action-btn {
    flex: 1;
    padding: 10px 0;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.fb-btn {
    background-color: #f5f8f7;
    color: #006450;
    border-color: #e0e0e0;
}
.fb-btn:hover {
    background-color: #006450;
    color: #fff;
    border-color: #006450;
}
.trakteer-btn {
    background-color: #D35400;
    color: #fff;
    box-shadow: 0 4px 10px rgba(211, 84, 0, 0.2);
}
.trakteer-btn:hover {
    background-color: #b04600;
    transform: translateY(-2px);
}

/* --- 9. NAVIGASI NEXT/PREV & RELATED (ESTETIK CARD) --- */
h3.related_post_title, .crp_related_title { 
    font-size: 20px;
    font-weight: 700;
    color: #006450; /* Hijau Teal */
    border-bottom: 2px solid #D35400; /* Oranye */
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}
footer.entry-meta { display: none !important; }

/* Wadah Utama Navigasi */
.post-navigation {
    margin: 50px 0 !important;
    border: none !important;
}

.nav-links {
    display: flex !important;
    gap: 20px;
    justify-content: space-between;
}

.nav-previous, .nav-next {
    width: 50%;
    flex: 1;
}

/* Tampilan Kartu (Card) */
.nav-previous a, .nav-next a {
    display: flex !important;
    flex-direction: column;
    background: #ffffff !important;
    padding: 25px !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    height: 100%;
    position: relative;
}

/* Efek Hover Modern */
.nav-previous a:hover, .nav-next a:hover {
    border-color: #006450 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 100, 80, 0.1) !important;
    background-color: #f4fcf9 !important;
}

/* Label Kecil di Atas Judul */
.nav-previous a::before, .nav-next a::before {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #D35400 !important; /* Warna Oranye Aksen */
    margin-bottom: 10px;
    display: block;
}

.nav-previous a::before { content: "← Kajian Sebelumnya"; }
.nav-next a::before { content: "Kajian Selanjutnya →"; text-align: right; }

/* Judul Artikel di Dalam Card */
.nav-previous a, .nav-next a {
    font-family: 'Amiri', serif !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    color: #2c3e50 !important;
    font-weight: 700 !important;
}

.nav-next a { text-align: right; align-items: flex-end; }

/* Menghilangkan panah default tema agar tidak tumpang tindih */
.post-navigation .gp-icon { display: none !important; }

/* Responsif Layar HP */
@media (max-width: 768px) {
    .nav-links { flex-direction: column; }
    .nav-previous, .nav-next { width: 100%; }
}

/* --- 10. NEWSLETTER MAILPOET --- */
.footer-widgets .widget_mailpoet_form .widget-title {
    font-size: 20px;
    color: #212121;
    border-left: 4px solid #D35400;
    padding-left: 10px;
    margin-bottom: 20px;
}
.mailpoet_text {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9fbfd;
    margin-bottom: 10px;
    font-size: 14px;
}
.mailpoet_submit {
    width: 100%;
    background-color: #006450 !important;
    color: #ffffff !important;
    border: none;
    padding: 12px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.mailpoet_submit:hover {
    background-color: #D35400 !important;
    transform: translateY(-2px);
}


/* ============================================================
   MASTER CSS FINAL - FIX HOME & GLOBAL FOOTER
   ============================================================ */

/* 1. RESET FOOTER AREA */
.site-info {
    background: linear-gradient(135deg, #f8fafb, #eef3f1) !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 0 !important;
}

.site-info .inside-site-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 12px 0 !important;
    min-height: 0 !important;
}

/* 2. TEKS COPYRIGHT (KIRI) */
.site-info .copyright, 
.site-info .copyright span, 
.site-info .copyright strong {
    font-size: 13px !important;
    color: #666 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 3. MENU NAVIGASI (KANAN) - JADI TOMBOL PILL */
.footer-bar .widget_nav_menu ul,
.footer-bar ul {
    display: flex !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-bar a {
    background-color: #ffffff !important;
    color: #333333 !important;
    padding: 5px 14px !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: 1px solid #e0e0e0 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.footer-bar a:hover {
    background-color: #006450 !important;
    color: #ffffff !important;
    border-color: #006450 !important;
}

/* 4. FIX TOMBOL BACK TO TOP & ICON */
/* Jangan pakai display:none pada .gp-icon secara global */
.generate-back-to-top {
    font-size: 20px !important;
    border-radius: 5px !important;
    background-color: rgba(0, 100, 80, 0.7) !important;
}

/* Hanya sembunyikan icon panah di navigasi artikel agar rapi */
.post-navigation .gp-icon { 
    display: none !important; 
}

/* 5. RESPONSIVE MOBILE */
@media (max-width: 768px) {
    .site-info .inside-site-info {
        flex-direction: column-reverse;
        text-align: center;
        gap: 15px;
    }
    .footer-bar ul { justify-content: center !important; }
}

/* --- 12. OPTIMASI PERFORMA SCROLL --- */

/* Memaksa browser menggunakan akselerasi hardware untuk kelancaran */
html {
    scroll-behavior: auto !important;
}

/* Memastikan tombol Go to Top tidak membebani render */
.generate-back-to-top {
    font-size: 20px !important;
    border-radius: 5px !important;
    background-color: rgba(0, 100, 80, 0.8) !important;
    transition: opacity 300ms ease-in-out, transform 200ms ease !important;
    transform: translateZ(0); /* Trik untuk mempercepat render di HP */
    will-change: opacity;
}

/* Menghilangkan lag saat tombol disentuh */
.generate-back-to-top:hover {
    transform: scale(1.1) translateZ(0) !important;
    background-color: #D35400 !important;
}

/* Efek Hover (Warna Hijau Teal Ngaji Fiqh) */
body .tagcloud a:hover, 
body .widget_tag_cloud a:hover, 
body .wp-block-tag-cloud a:hover, 
body a.tag-cloud-link:hover {
    background-color: #006450 !important;
    color: #ffffff !important;
    border-color: #006450 !important;
    transform: translateY(-2px) !important;
}



/* --- 5. TOMBOL READ MORE (DIPERKUAT) --- */
/* Memaksa tombol berada di baris baru dan punya jarak */
.entry-summary .read-more, 
.archive .read-more, 
.category .read-more, 
.tag .read-more {
    display: table !important; /* Memaksa tombol baris baru */
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    clear: both !important;
}

.read-more, a.button, .button {
    background-color: #006450 !important;
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1) !important;
}

.read-more:hover, a.button:hover, .button:hover {
    background-color: #D35400 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,0.15) !important;
}

/* --- 14. PAGINASI ESTETIK (PILL STYLE) --- */
.nav-links {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}

/* Tampilan Dasar Angka & Tombol */
.page-numbers {
    background-color: #ffffff !important;
    color: #333333 !important;
    padding: 8px 16px !important;
    border-radius: 50px !important; /* Bentuk Pill */
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
    min-width: 40px !important;
    text-align: center !important;
    display: inline-block !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
}

/* Halaman yang Sedang Aktif (Current) */
.page-numbers.current {
    background-color: #006450 !important; /* Hijau Teal */
    color: #ffffff !important;
    border-color: #006450 !important;
    box-shadow: 0 4px 10px rgba(0, 100, 80, 0.2) !important;
}

/* Efek Hover untuk Tombol Lain */
.page-numbers:hover:not(.current):not(.dots) {
    background-color: #f4fcf9 !important;
    color: #006450 !important;
    border-color: #006450 !important;
    transform: translateY(-2px) !important;
}

/* Khusus Tombol "Next" & "Prev" */
.page-numbers.next, .page-numbers.prev {
    background-color: #f9fbfd !important;
    padding: 8px 20px !important;
    border: 1px solid #d1d9e0 !important;
}

.page-numbers.next:hover, .page-numbers.prev:hover {
    background-color: #D35400 !important; /* Oranye */
    color: #ffffff !important;
    border-color: #D35400 !important;
}

/* Simbol Titik-titik (...) */
.page-numbers.dots {
    border: none !important;
    background: none !important;
    color: #999 !important;
    cursor: default !important;
    padding: 8px 5px !important;
}

/* Optimasi Mobile */
@media (max-width: 768px) {
    .page-numbers {
        padding: 6px 12px !important;
        font-size: 13px !important;
    }
}

/* Memberi jarak aman untuk Related Posts di tengah artikel */
.crp-tengah-artikel {
    margin: 30px 0 !important;
    padding: 20px;
    background-color: #f9fbfd; /* Warna background lembut */
    border-left: 4px solid #006450; /* Aksen Hijau Teal Ngaji Fiqh */
    border-radius: 8px;
}

.crp-tengah-artikel .crp_related_title {
    margin-top: 0 !important;
    font-size: 18px !important;
}

/* ============================================================
   SIDEBAR WIDGETS - RECENT POSTS & CATEGORIES (FINAL)
   ============================================================ */

/* 1. CONTAINER WIDGET UMUM */
.sidebar .widget {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    margin-bottom: 30px !important;
    overflow: hidden;
}

/* 2. JUDUL WIDGET (Selaras dengan Header Author Box) */
.sidebar .widget-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #006450 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #D35400 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    display: block;
}

/* 3. STYLING RECENT POSTS (LATEST POSTS BLOCK) */
.sidebar .wp-block-latest-posts {
    padding-left: 0 !important;
    list-style: none !important;
}

.sidebar .wp-block-latest-posts li {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px dashed #eee !important;
}

.sidebar .wp-block-latest-posts li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* Thumbnail Recent Posts (Selaras dengan Foto Author) */
.sidebar .wp-block-latest-posts__featured-image {
    margin-bottom: 0 !important;
}

.sidebar .wp-block-latest-posts__featured-image img {
    width: 65px !important;
    height: 65px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #f0f0f0 !important;
}

.sidebar .wp-block-latest-posts a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.sidebar .wp-block-latest-posts a:hover {
    color: #D35400 !important;
}

/* 4. STYLING KATEGORI (LIST STYLE) */
.sidebar .widget_categories ul, 
.sidebar .wp-block-categories-list {
    padding-left: 0 !important;
    list-style: none !important;
}

.sidebar .widget_categories li, 
.sidebar .wp-block-categories-list li {
    position: relative !important;
    padding: 8px 12px !important;
    margin-bottom: 8px !important;
    background: #f9fbfd !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.sidebar .widget_categories li:hover, 
.sidebar .wp-block-categories-list li:hover {
    background: #eef7f4 !important;
    transform: translateX(5px) !important;
}

.sidebar .widget_categories a, 
.sidebar .wp-block-categories-list a {
    color: #555 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* Indikator Panah Kategori */
.sidebar .widget_categories li::before {
    content: "•";
    color: #D35400;
    font-weight: bold;
    margin-right: 8px;
}

/* ============================================================
   RANK MATH FAQ ESTETIK - NGAJI FIQH STYLE
   ============================================================ */

/* Container Utama FAQ */
#rank-math-faq {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 30px !important;
}

/* Kotak Item FAQ */
.rank-math-faq-item {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    overflow: hidden;
    transition: all 0.3s ease !important;
}

.rank-math-faq-item:hover {
    border-color: #006450 !important;
    box-shadow: 0 8px 20px rgba(0, 100, 80, 0.08) !important;
    transform: translateY(-2px);
}

/* Judul Pertanyaan (Question) */
.rank-math-question {
    background-color: #f9fbfd !important;
    color: #006450 !important; /* Hijau Teal */
    padding: 18px 25px !important;
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Ikon Tanya (Aksen Oranye) */
.rank-math-question::before {
    content: "?";
    background-color: #D35400; /* Oranye */
    color: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 12px;
    flex-shrink: 0;
}

/* Kotak Jawaban (Answer) */
.rank-math-answer {
    padding: 20px 25px 25px 64px !important; /* Offset agar sejajar setelah ikon */
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    background: #fff !important;
}

/* Link di dalam Jawaban */
.rank-math-answer a {
    color: #D35400 !important;
    text-decoration: underline !important;
}

.rank-math-answer a:hover {
    color: #006450 !important;
}

/* ============================================================
   FIX TOTAL: TABEL RESPONSIVE (ANTI-POTONG & BISA DIGESER)
   ============================================================ */

/* 1. Wadah Luar (Container) */
.wp-block-table {
    margin: 30px 0 !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    
    /* KUNCI PERBAIKAN: */
    display: block !important;       /* Ubah jadi block agar bisa scroll */
    overflow-x: auto !important;    /* Aktifkan scroll horizontal */
    overflow-y: hidden !important;  /* Cegah scroll vertikal yang tak perlu */
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important; /* Scroll halus di iPhone/iOS */
}

/* 2. Pengaturan Tabel di Dalamnya */
.wp-block-table table {
    width: 100% !important;
    min-width: 600px !important; /* PAKSA lebar minimal agar scroll muncul di HP */
    border-collapse: collapse !important;
    margin: 0 !important;
}

/* 3. Gaya Header (Tetap Hijau & Satu Baris) */
.wp-block-table thead tr th,
.wp-block-table thead tr td {
    background-color: #006450 !important;
    color: #ffffff !important;
    padding: 15px 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important; /* Cegah judul kolom turun ke bawah */
}

/* 4. Gaya Baris Isi */
.wp-block-table tbody tr td {
    padding: 15px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-right: 1px solid #f0f0f0 !important;
    font-size: 15px !important;
    color: #444 !important;
    background-color: #fff !important;
}

/* Zebra Style & Hover */
.wp-block-table tbody tr:nth-child(even) td { background-color: #f9fbfd !important; }
.wp-block-table tbody tr:hover td { background-color: #f4fcf9 !important; }

/* 5. Indikator Scroll (Opsional: Munculkan scrollbar tipis agar jamaah tahu bisa digeser) */
.wp-block-table::-webkit-scrollbar {
    height: 4px;
}
.wp-block-table::-webkit-scrollbar-thumb {
    background: #006450;
    border-radius: 10px;
}
/* ============================================================
   KODE SAPU JAGAT - ACCORDION REFERENSI (NGAJI FIQH)
   ============================================================ */

/* Menargetkan semua elemen yang memiliki struktur accordion */
[class*="accordion"] {
    border: none !important;
    background: transparent !important;
}

/* Membuat tampilan kartu (Card) pada tiap item */
[class*="accordion"] [class*="item"], 
[class*="accordion"] [class*="section"] {
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important; /* Selaras Author Box */
    margin-bottom: 15px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
}

/* Header Accordion (Pertanyaan/Judul) */
[class*="accordion"] [class*="title"], 
[class*="accordion"] [class*="header"], 
[class*="accordion"] button {
    background-color: #f9fbfd !important;
    color: #006450 !important; /* Hijau Teal */
    padding: 18px 25px !important;
    font-weight: 700 !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
}

/* Isi Accordion (Jawaban/Referensi) */
[class*="accordion"] [class*="content"], 
[class*="accordion"] [class*="body"], 
[class*="accordion"] [class*="panel"] {
    padding: 20px 25px !important;
    background: #ffffff !important;
    color: #555 !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* Aksen Ikon (Oranye) */
[class*="accordion"] [class*="icon"], 
[class*="accordion"] [class*="indicator"] {
    color: #D35400 !important;
}

/* --- SHARING BUTTONS ESTETIK NGAJI FIQH --- */
.fiqh-share-container {
    margin-top: 40px !important;
    padding: 20px 25px !important;
    background: #f9fbfd !important; /* Latar belakang biru muda sangat lembut */
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important; /* Radius selaras Author Box */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.share-label {
    font-weight: 700 !important;
    color: #006450 !important; /* Hijau Teal Ngaji Fiqh */
    font-size: 16px !important;
}

.share-icons-wrapper {
    display: flex !important;
    gap: 12px !important;
}

.share-link {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: flex !important;
    align-items: center !important;
}

/* Efek saat ikon disentuh (Hover) */
.share-link:hover {
    transform: translateY(-5px) scale(1.1) !important;
    filter: brightness(1.1) !important;
}

/* Tampilan Mobile: Jadi ke tengah */
@media (max-width: 600px) {
    .fiqh-share-container {
        flex-direction: column !important;
        text-align: center !important;
        justify-content: center !important;
    }
}

/* ============================================================
   SIDEBAR SEARCH WIDGET - NGAJI FIQH STYLE
   ============================================================ */

/* 1. Container Form Pencarian */
.widget_search .search-form, 
.wp-block-search__inside-wrapper {
    display: flex !important;
    gap: 10px !important;
    background: #ffffff !important;
}

/* 2. Styling Kolom Input (Kotak Ketik) */
.widget_search .search-field, 
.wp-block-search__input {
    flex: 1 !important;
    padding: 10px 15px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important; /* Sudut membulat halus */
    font-size: 14px !important;
    background-color: #f9fbfd !important; /* Biru muda sangat lembut */
    transition: all 0.3s ease !important;
}

/* Efek Fokus saat Kolom Diklik */
.widget_search .search-field:focus, 
.wp-block-search__input:focus {
    border-color: #006450 !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 100, 80, 0.1) !important;
}

/* 3. Styling Tombol Search (Selaras Author Box) */
.widget_search .search-submit, 
.wp-block-search__button {
    background-color: #006450 !important; /* Hijau Teal */
    color: #ffffff !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Efek Hover Tombol (Berubah Oranye) */
.widget_search .search-submit:hover, 
.wp-block-search__button:hover {
    background-color: #D35400 !important; /* Oranye */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(211, 84, 0, 0.2) !important;
}

/* ============================================================
   FIX TOTAL: TOC NGAJI FIQH (ANTI-HILANG & RESPONSIVE)
   ============================================================ */

/* 1. Paksa Kotak Utama Jadi Kartu (Card Style) */
div#ez-toc-container, 
#ez-toc-container.ez-toc-v2_0_80 {
    background-color: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important; /* Selaras Author Box */
    padding: 0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    margin: 35px 0 !important;
    overflow: hidden !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Paksa Header Jadi Hijau Teal (Mencegah Tulisan Hilang) */
#ez-toc-container .ez-toc-title-container,
#ez-toc-container .ez-toc-title-container .ez-toc-title {
    background-color: #006450 !important; /* Hijau Teal */
    background: #006450 !important;
    visibility: visible !important;
}

#ez-toc-container .ez-toc-title-container {
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: none !important;
}

/* Paksa Teks Judul Jadi Putih & Muncul */
#ez-toc-container .ez-toc-title {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: block !important;
}

/* 3. Perbaikan Ikon Toggle (Biar Lebih Rapi) */
#ez-toc-container .ez-toc-title-toggle {
    background: rgba(255, 255, 255, 0.2) !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

#ez-toc-container .ez-toc-title-toggle a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 4. Area Daftar Isi (Gaya Hierarki) */
#ez-toc-container nav, 
#ez-toc-container .ez-toc-list {
    padding: 20px 25px !important;
}

/* Sub-Materi (Hierarki Garis Oranye) */
#ez-toc-container ul.ez-toc-list li li {
    margin-left: 20px !important;
    padding-left: 15px !important;
    border-left: 2.5px solid #D35400 !important;
    margin-top: 8px !important;
}

#ez-toc-container ul.ez-toc-list li a {
    color: #333 !important;
    text-decoration: none !important;
}

/* --- FIX RESPONSIVE MOBIL (SOLUSI TEKS KEBANTING) --- */
@media (max-width: 768px) {
    #ez-toc-container nav, 
    #ez-toc-container .ez-toc-list {
        padding: 15px !important; /* Kurangi padding agar teks tidak sempit */
    }

    #ez-toc-container ul.ez-toc-list li li {
        margin-left: 10px !important;
        padding-left: 10px !important;
    }
}

/* ============================================================
   PREMIUM IMAGE CAPTION - NGAJI FIQH STYLE
   ============================================================ */

/* Container Utama untuk Caption Gambar Unggulan & Artikel */
.featured-image-caption,
.wp-block-image figcaption,
.wp-caption-text {
    margin-top: 10px !important;
    padding: 12px 18px !important;
    background: linear-gradient(to right, #f9fbfd, #ffffff) !important; /* Gradasi halus */
    border-left: 4px solid #006450 !important; /* Aksen Hijau Teal Ngaji Fiqh */
    border-radius: 0 8px 8px 0 !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #444 !important;
    font-style: italic !important;
    display: block !important;
    position: relative !important;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.02) !important;
}

/* Label Tambahan "Keterangan:" sebelum teks */
.featured-image-caption::before,
.wp-block-image figcaption::before,
.wp-caption-text::before {
    content: "Keterangan: ";
    font-weight: 700 !important;
    color: #D35400 !important; /* Aksen Oranye */
    font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 11px !important;
    margin-right: 5px !important;
}

/* Merapikan bingkai gambar agar serasi */
.wp-block-image img, 
.featured-image img {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    transition: transform 0.3s ease !important;
}

/* Efek zoom halus saat gambar dilewati kursor */
.wp-block-image:hover img {
    transform: scale(1.01) !important;
}

/* ============================================================
   PREMIUM COMMENT FORM - NGAJI FIQH STYLE
   ============================================================ */

/* 1. Header Judul Form */
#reply-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #006450 !important; /* Hijau Teal */
    margin-bottom: 20px !important;
    display: block !important;
}

/* 2. Menata Layout Nama & Email Jadi Berdampingan */
@media (min-width: 768px) {
    .comment-form-author, .comment-form-email {
        width: 48.5% !important;
        display: inline-block !important;
        margin-bottom: 20px !important;
    }
    .comment-form-email {
        float: right !important;
    }
    .comment-form-comment {
        clear: both !important;
    }
}

/* 3. Styling Kotak Input (Nama, Email, Textarea) */
#commentform input[type="text"], 
#commentform input[type="email"], 
#commentform textarea {
    width: 100% !important;
    padding: 15px 20px !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important; /* Selaras Author Box */
    background-color: #f9fbfd !important; /* Biru muda sangat lembut */
    font-size: 15px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

/* Efek saat kolom diklik (Focus) */
#commentform input:focus, 
#commentform textarea:focus {
    background-color: #ffffff !important;
    border-color: #006450 !important; /* Hijau Teal */
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(0, 100, 80, 0.05) !important;
}


/* 5. Styling Tombol Kirim (Gaya Oranye) */
#submit {
    background-color: #D35400 !important; /* Oranye */
    color: #ffffff !important;
    padding: 14px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 50px !important; /* Tombol lonjong modern */
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(211, 84, 0, 0.2) !important;
}

#submit:hover {
    background-color: #006450 !important; /* Berubah Teal saat hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 100, 80, 0.2) !important;
}

/* ============================================================
   CSS NUKLIR: BASMI KOLOM WEBSITE SAMPAI AKAR
   ============================================================ */

/* Menargetkan Container, Input, dan Label sekaligus dengan !important */
p.comment-form-url,                       /* Target container paragraf standar */
.comment-form-url,                        /* Target class container umum */
#commentform input#url,                   /* Target LANGSUNG ke kotak inputnya */
#commentform label[for="url"],            /* Target label "Website" */
.generate-columns-container .comment-form-url /* Target spesifik GeneratePress (jaga-jaga) */
{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: absolute !important; /* Lempar keluar dari aliran dokumen */
    z-index: -9999 !important;     /* Timpendam di paling belakang */
    clip: rect(0, 0, 0, 0) !important; /* Potong habis */
}

/* Menghilangkan sisa-sisa kolom website agar tidak bisa diketik */
.comment-form-url {
    display: none !important;
}

/* ============================================================
   ESTETIK LIST KOMENTAR & PINGBACK (NGAJI FIQH STYLE)
   ============================================================ */

/* 1. Mengubah Judul Jumlah Komentar */
.comments-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #006450 !important; /* Hijau Teal */
    border-bottom: 3px solid #D35400 !important; /* Aksen Oranye */
    display: inline-block !important;
    margin-bottom: 30px !important;
    padding-bottom: 5px !important;
}

/* 2. Merapikan Pingback (Link dari Artikel Lain) */
.comment-list .pingback {
    background: #f9fbfd !important;
    border: 1px solid #eef2f5 !important;
    border-left: 4px solid #006450 !important; /* Aksen Hijau */
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 15px !important;
    list-style: none !important;
    font-size: 14px !important;
}

/* Memberi label "Rujukan:" pada pingback */
.comment-list .pingback .comment-body::before {
    content: "🔗 Rujukan Kajian: ";
    font-weight: 700;
    color: #D35400;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}

/* 3. Merapikan Isi Nama & Link di Pingback */
.pingback a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.pingback a:hover {
    color: #006450 !important;
}

/* Menghilangkan garis bawah standar di GeneratePress */
.comment-content {
    border-bottom: none !important;
}

/* ============================================================
   ESTETIK HEADER KATEGORI & TAG (NGAJI FIQH STYLE)
   ============================================================ */

/* 1. Container Utama (Gaya Kartu) */
.archive .page-header {
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important; /* Selaras Author Box & TOC */
    padding: 40px !important;
    margin-bottom: 40px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    text-align: center !important; /* Judul di tengah agar elegan */
    position: relative !important;
    overflow: hidden !important;
}

/* 2. Judul Kategori (Gaya Bold Teal) */
.archive .page-title {
    color: #006450 !important; /* Hijau Teal */
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: capitalize !important; /* Huruf depan otomatis besar */
    margin-bottom: 15px !important;
    display: inline-block !important;
}

/* Aksen Garis Oranye di Bawah Judul */
.archive .page-title::after {
    content: "" !important;
    display: block !important;
    width: 60px !important;
    height: 4px !important;
    background: #D35400 !important; /* Oranye */
    margin: 10px auto 0 !important;
    border-radius: 10px !important;
}

/* 3. Deskripsi Kategori */
.archive .taxonomy-description p {
    color: #555 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Tambahkan ikon dekorasi halus (Opsional) */
.archive .page-header::before {
    content: "📚"; 
    font-size: 40px !important;
    opacity: 0.1 !important;
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
}

/* Responsif untuk Mobile */
@media (max-width: 768px) {
    .archive .page-header {
        padding: 25px 20px !important;
    }
    .archive .page-title {
        font-size: 26px !important;
    }
}

/* ============================================================
   DAFTAR ARTIKEL ESTETIK (CARD STYLE - NGAJI FIQH)
   ============================================================ */

/* 1. Mengubah Tiap Artikel Menjadi Kartu */
.blog .hentry, .archive .hentry {
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important; /* Sudut membulat 12px */
    padding: 30px !important; /* Ruang lega di dalam kartu */
    margin-bottom: 30px !important; /* Jarak antar kartu */
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important; /* Bayangan halus */
    transition: all 0.3s ease !important; /* Efek transisi halus */
}

/* Efek Saat Kursor Mengarah ke Kartu (Hover) */
.blog .hentry:hover, .archive .hentry:hover {
    transform: translateY(-5px) !important; /* Kartu naik sedikit */
    box-shadow: 0 10px 30px rgba(0, 100, 80, 0.1) !important; /* Bayangan jadi Teal */
    border-color: #006450 !important; /* Bingkai berubah Teal */
}

/* 2. Judul Artikel ("Syarat Istinja...") */
.entry-title a {
    font-weight: 800 !important;
    font-size: 22px !important;
    color: #333 !important; /* Warna awal hitam */
    text-decoration: none !important;
    line-height: 1.3 !important;
    transition: color 0.2s ease !important;
}

/* Efek Hover pada Judul */
.entry-title a:hover {
    color: #006450 !important; /* Berubah Hijau Teal saat disorot */
}

/* 3. Meta Data (Tanggal, Penulis, Kategori) */
.entry-meta {
    font-size: 13px !important;
    color: #999 !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Merapikan Link di Meta Data */
.entry-meta a {
    color: #D35400 !important; /* Aksen Oranye untuk link kategori/author */
    text-decoration: none !important;
}

/* 4. Ringkasan Artikel (Excerpt) */
.entry-summary p {
    color: #555 !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    margin-bottom: 20px !important;
}

/* 5. Tombol "Read More" (Jika ada) */
.read-more, .read-more:visited {
    display: inline-block !important;
    background-color: #D35400 !important; /* Oranye */
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 50px !important; /* Bentuk lonjong */
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Efek Hover Tombol */
.read-more:hover {
    background-color: #006450 !important; /* Berubah Teal */
    transform: translateY(-2px) !important;
}

/* ============================================================
   HEADING RESPONSIVE - NGAJI FIQH (FIX MOBILE)
   ============================================================ */

/* 1. Aturan Global Heading (Desktop & Tablet) */
h1, .entry-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #222 !important;
}

h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #006450 !important; /* Hijau Teal sesuai ToC */
    margin-top: 1.5em !important;
}

h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #333 !important;
}

/* 2. KHUSUS TAMPILAN MOBILE (Layar di bawah 768px) */
@media (max-width: 768px) {
    /* Judul Utama Artikel */
    h1, .entry-title, .entry-title a {
        font-size: 24px !important; /* Lebih kecil agar tidak pecah */
        line-height: 1.3 !important;
        letter-spacing: -0.5px !important;
    }

    /* Sub-judul H2 */
    h2 {
        font-size: 18px !important;
        margin-top: 1.2em !important;
    }

    /* Sub-judul H3 */
    h3 {
        font-size: 17px !important;
    }

    /* Merapikan jarak antar paragraf di mobile */
    .entry-content p {
        font-size: 16px !important;
        line-height: 1.7 !important;
        margin-bottom: 1.5em !important;
    }
}

/* 3. Aksen Estetik untuk H2 di Dalam Artikel */
.single-post .entry-content h2 {
    border-left: 5px solid #D35400 !important; /* Aksen Oranye */
    padding-left: 15px !important;
    background: #f9fbfd !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 0 8px 8px 0 !important;
}