/*
Theme Name: 'Ainul Yaqien Buletin
Theme URI: https://ainulyaqien.or.id
Author: sensei L'anglaise
Author URI: https://ainulyaqien.or.id
Description: Tema buletin da'wah digital Yayasan Masjid 'Ainul Yaqien. Arsip kajian skala ribuan artikel (cari, filter, indeks), jadwal sholat otomatis per wilayah, Galeri Kegiatan & Galeri Jemaah, komentar, widget pengunjung, font Arab, menu header/footer, dan Customizer lengkap untuk setiap halaman.
Version: 3.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ainul-yaqien
*/

:root{
  --paper:#EFE6D0;
  --paper-card:#F7F1E1;
  --paper-deep:#E5D9B6;
  --ink:#21281F;
  --ink-soft:#56503F;
  --emerald:#0B4A3A;
  --emerald-dark:#072F25;
  --brass:#A97C34;
  --brass-light:#C89B4E;
  --terracotta:#A8461E;
  --line:#C9BFA0;
  --line-soft:#DCD2AF;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Lora',serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.5;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(33,40,31,.05) 1px, transparent 0);
  background-size:3px 3px;
}

a{color:inherit;}
img{max-width:100%; display:block;}
ul{list-style:none;}

.wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 28px;
  position:relative;
  z-index:1;
}

.screen-reader-text{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

.eyebrow{
  font-family:'Reem Kufi', sans-serif;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.72rem;
  color:var(--brass);
}

h1,h2,h3,.wordmark{
  font-family:'Amiri', serif;
  color:var(--emerald-dark);
  margin:0;
  font-weight:700;
}

/* ================= TOP UTILITY BAR ================= */
.topbar{
  background:var(--emerald-dark);
  color:var(--paper-card);
  font-family:'Reem Kufi', sans-serif;
  font-size:.74rem;
  letter-spacing:.04em;
}
.topbar .wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:8px;
  padding-bottom:8px;
  flex-wrap:wrap;
  gap:6px;
}
.topbar .hijri{color:var(--brass-light);}

/* ================= MASTHEAD ================= */
.masthead{
  padding:34px 0 22px;
  border-bottom:1px solid var(--line);
}
.masthead .wrap{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:18px;
}
.brand-block{text-decoration:none; display:block;}
.brand-block .eyebrow{margin-bottom:6px; display:block;}
.wordmark{
  font-size:clamp(2.6rem, 6vw, 4.2rem);
  letter-spacing:.01em;
  line-height:1;
  text-transform:uppercase;
}
.wordmark span{color:var(--terracotta); font-style:italic;}
.brand-tagline{
  font-family:'Lora', serif;
  font-style:italic;
  color:var(--ink-soft);
  margin-top:6px;
  font-size:.98rem;
}
.masthead-meta{
  text-align:right;
  font-family:'Reem Kufi', sans-serif;
  font-size:.78rem;
  color:var(--ink-soft);
  letter-spacing:.03em;
}
.masthead-meta .edisi{
  color:var(--emerald);
  font-weight:600;
  display:block;
  margin-top:3px;
}
.custom-logo-link{display:inline-block; margin-bottom:8px;}
.custom-logo{max-height:64px; width:auto;}

/* ================= NAV ================= */
nav.mainnav{
  background:var(--paper-deep);
  border-bottom:1px solid var(--line);
}
nav.mainnav .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.navlinks{
  display:flex;
  gap:2px;
  list-style:none;
  margin:0; padding:0;
  flex-wrap:wrap;
}
.navlinks li{position:relative;}
.navlinks a{
  display:block;
  font-family:'Reem Kufi', sans-serif;
  font-size:.82rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--emerald-dark);
  padding:14px 16px;
  border-bottom:2px solid transparent;
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.navlinks a:hover, .navlinks a:focus-visible{
  border-bottom-color:var(--terracotta);
  color:var(--terracotta);
  outline:none;
}
.navlinks .current-menu-item > a{
  border-bottom-color:var(--terracotta);
  color:var(--terracotta);
}
.nav-cta{
  font-family:'Reem Kufi', sans-serif;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  background:var(--terracotta);
  color:var(--paper-card);
  text-decoration:none;
  padding:9px 18px;
  border-radius:2px;
  white-space:nowrap;
}
.nav-cta:hover{background:var(--emerald-dark); color:var(--paper-card);}
.navtoggle{display:none;}

/* ================= ORNAMENT DIVIDER (signature) ================= */
.ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:20px 0;
}
.ornament .rule{
  height:1px; flex:1;
  background:var(--line);
  max-width:280px;
}
.ornament svg{width:26px; height:26px; flex-shrink:0;}

/* ================= HERO / ARTIKEL UTAMA ================= */
.hero{padding:6px 0 46px;}
.hero-tag{
  display:inline-block;
  font-family:'Reem Kufi', sans-serif;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--paper-card);
  background:var(--emerald);
  padding:5px 12px;
  margin-bottom:16px;
  text-decoration:none;
}
.hero h1{
  font-size:clamp(1.9rem, 4vw, 3rem);
  line-height:1.12;
  max-width:20ch;
}
.hero h1 a{text-decoration:none; color:inherit;}
.hero-byline{
  font-family:'Reem Kufi', sans-serif;
  font-size:.8rem;
  color:var(--ink-soft);
  margin:14px 0 26px;
  letter-spacing:.02em;
}
.hero-byline strong{color:var(--emerald-dark);}

.hero-body{
  columns:2;
  column-gap:40px;
  column-rule:1px solid var(--line-soft);
  font-size:1.04rem;
}
.hero-body p{margin:0 0 1.1em;}
body.has-dropcap .hero-body > p:first-of-type:not(.arab):not([lang="ar"]):not([dir="rtl"])::first-letter{
  font-family:'Amiri', serif;
  font-weight:700;
  font-size:3.6rem;
  line-height:.78;
  float:left;
  padding:6px 8px 0 0;
  color:var(--terracotta);
}
@media (max-width:800px){
  .hero-body{columns:1;}
}
.hero-more{
  font-family:'Reem Kufi', sans-serif;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--terracotta);
  border-bottom:1px solid var(--terracotta);
  padding-bottom:2px;
  display:inline-block;
  margin-top:6px;
}

/* single article: no columns, comfortable reading width */
.single-article .hero-body{columns:1; max-width:72ch;}
body.has-dropcap .single-article .hero-body > p:first-of-type:not(.arab):not([lang="ar"]):not([dir="rtl"])::first-letter{font-size:3.2rem;}

/* ================= TWO COLUMN: JADWAL + KEGIATAN ================= */
.split{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:34px;
  padding:10px 0 50px;
  border-top:1px solid var(--line);
}
@media (max-width:820px){
  .split{grid-template-columns:1fr;}
}
.split--single{grid-template-columns:1fr; max-width:720px;}
.panel{padding-top:40px;}
.panel h2{font-size:1.5rem; margin-bottom:4px;}
.panel .eyebrow{display:block; margin-bottom:8px;}

.salat-card{
  background:var(--paper-card);
  border:1px solid var(--line);
  margin-top:18px;
  position:relative;
}
.salat-card::before{
  content:"";
  position:absolute; inset:6px;
  border:1px solid var(--brass-light);
  pointer-events:none;
}
.salat-table{
  width:100%;
  border-collapse:collapse;
  font-family:'Reem Kufi', sans-serif;
  position:relative;
}
.salat-table td{
  padding:13px 22px;
  font-size:.92rem;
  border-bottom:1px dashed var(--line);
}
.salat-table tr:last-child td{border-bottom:none;}
.salat-table td:first-child{color:var(--ink-soft); letter-spacing:.04em; text-transform:uppercase; font-size:.78rem;}
.salat-table td:last-child{
  text-align:right;
  color:var(--emerald-dark);
  font-weight:600;
  font-size:1.05rem;
}
.salat-note{
  font-family:'Lora', serif;
  font-style:italic;
  font-size:.82rem;
  color:var(--ink-soft);
  margin-top:12px;
}

.kegiatan-list{list-style:none; margin:18px 0 0; padding:0;}
.kegiatan-list li{
  display:flex;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid var(--line-soft);
}
.kegiatan-list li:first-child{padding-top:0;}
.kegiatan-list li:last-child{border-bottom:none;}
.kegiatan-star{flex-shrink:0; width:18px; height:18px; margin-top:3px;}
.kegiatan-title{font-family:'Lora', serif; font-weight:600; color:var(--emerald-dark);}
.kegiatan-when{
  font-family:'Reem Kufi', sans-serif;
  font-size:.76rem;
  letter-spacing:.03em;
  color:var(--terracotta);
  text-transform:uppercase;
  margin-top:3px;
}
.kegiatan-empty{color:var(--ink-soft); font-style:italic; font-size:.92rem;}

/* ================= ARTIKEL & KAJIAN INDEX ================= */
.articles{
  padding:44px 0 54px;
  border-top:1px solid var(--line);
}
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:30px;
  flex-wrap:wrap;
  gap:10px;
}
.section-head h2{font-size:1.9rem;}
.see-all{
  font-family:'Reem Kufi', sans-serif;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--terracotta);
  border-bottom:1px solid var(--terracotta);
  padding-bottom:2px;
}

.article-grid{
  display:grid;
  grid-template-columns:repeat(var(--art-cols, 3), 1fr);
  gap:0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
@media (max-width:900px){
  .article-grid{grid-template-columns:repeat(2, 1fr) !important;}
}
@media (max-width:600px){
  .article-grid{grid-template-columns:1fr !important;}
}
.article-card{
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:26px 24px 28px;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  min-height:230px;
  transition:background .15s ease;
}
.article-card:hover{background:var(--paper-card);}
.article-no{
  font-family:'Reem Kufi', sans-serif;
  font-size:.76rem;
  color:var(--brass);
  letter-spacing:.05em;
}
.article-cat{
  font-family:'Reem Kufi', sans-serif;
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--emerald);
  margin-top:10px;
}
.article-card h3{
  font-size:1.22rem;
  line-height:1.28;
  margin-top:10px;
  flex-grow:1;
}
.article-excerpt{
  font-size:.88rem;
  color:var(--ink-soft);
  margin-top:12px;
  line-height:1.55;
}
.empty-state{padding:40px 0; color:var(--ink-soft); font-style:italic;}

/* pagination */
.ayq-pagination{
  display:flex; gap:8px; flex-wrap:wrap;
  padding:36px 0 10px;
  font-family:'Reem Kufi', sans-serif;
  font-size:.8rem;
}
.ayq-pagination a, .ayq-pagination span{
  display:inline-block;
  padding:8px 14px;
  border:1px solid var(--line);
  text-decoration:none;
  color:var(--emerald-dark);
}
.ayq-pagination .current{background:var(--emerald-dark); color:#fff; border-color:var(--emerald-dark);}
.ayq-pagination a:hover{border-color:var(--terracotta); color:var(--terracotta);}

/* ================= GALERI KEGIATAN ================= */
.galeri{
  background-color:var(--gal-bg, var(--emerald-dark));
  background-image:var(--gal-bg-image, none);
  background-size:cover;
  background-position:center;
  color:var(--paper-card);
  padding:56px 0 60px;
  position:relative;
  overflow:hidden;
}
.galeri::after{
  content:"";
  position:absolute;
  right:-60px; top:-40px;
  width:280px; height:280px;
  border:1px solid rgba(200,155,78,.28);
  border-radius:50%;
}
.galeri .wrap{position:relative; z-index:1;}
.galeri .section-head h2{color:var(--paper-card);}
.galeri .eyebrow{color:var(--brass-light);}
.galeri .see-all{color:var(--brass-light); border-color:var(--brass-light);}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(var(--gal-cols, 3), 1fr);
  gap:var(--gal-gap, 22px);
}
@media (max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2, 1fr) !important;}
}
@media (max-width:600px){
  .gallery-grid{grid-template-columns:1fr !important;}
}
.gallery-card{text-decoration:none; color:inherit; display:block;}
.gallery-media{
  aspect-ratio:var(--gal-ratio, 4/3);
  position:relative;
  background:
    radial-gradient(circle at 30% 30%, rgba(200,155,78,.35), transparent 60%),
    linear-gradient(135deg, #0F5C46, #0B4A3A 55%, #08392C);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(200,155,78,.35);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gallery-media svg.motif{
  width:56px; height:56px;
  opacity:.5;
  stroke:var(--brass-light);
}
.gallery-tag{
  position:absolute;
  top:10px; left:10px;
  font-family:'Reem Kufi', sans-serif;
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(9,26,20,.72);
  color:var(--brass-light);
  padding:4px 9px;
}
.play-btn{
  position:absolute;
  width:44px; height:44px;
  border-radius:50%;
  border:1.5px solid var(--paper-card);
  display:flex; align-items:center; justify-content:center;
}
.play-btn::after{
  content:"";
  border-style:solid;
  border-width:7px 0 7px 12px;
  border-color:transparent transparent transparent var(--paper-card);
  margin-left:3px;
}
.gallery-caption{padding:14px 2px 0;}
.gallery-caption h3{
  font-family:'Lora', serif;
  font-weight:600;
  font-size:1rem;
  color:var(--paper-card);
  margin:0;
}
.gallery-caption .when{
  font-family:'Reem Kufi', sans-serif;
  font-size:.72rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#B9AE86;
  margin-top:5px;
}

/* light variant used on the Galeri archive page (full page can't be all-dark) */
.galeri-archive{background:var(--paper); color:var(--ink);}
.galeri-archive .section-head h2{color:var(--emerald-dark);}
.galeri-archive .eyebrow{color:var(--brass);}
.galeri-archive .see-all{color:var(--terracotta); border-color:var(--terracotta);}
.galeri-archive .gallery-caption h3{color:var(--emerald-dark);}
.galeri-archive .gallery-caption .when{color:var(--ink-soft);}
.galeri-archive::after{display:none;}

/* ================= TENTANG YAYASAN ================= */
.about{
  padding:56px 0;
  border-bottom:1px solid var(--line);
}
.about-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:50px;
}
@media (max-width:820px){
  .about-grid{grid-template-columns:1fr;}
}
.about h2{font-size:1.9rem; margin-bottom:16px;}
.about p{font-size:1.02rem; color:var(--ink-soft); max-width:56ch;}
.facts{
  list-style:none; margin:0; padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 18px;
}
.facts li{border-top:1px solid var(--line); padding-top:12px;}
.facts .num{
  font-family:'Amiri', serif;
  font-weight:700;
  font-size:1.9rem;
  color:var(--emerald);
  display:block;
}
.facts .lbl{
  font-family:'Reem Kufi', sans-serif;
  font-size:.72rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--ink-soft);
}

/* ================= GENERIC PAGE / 404 ================= */
.page-header-band{
  padding:44px 0 8px;
  border-bottom:1px solid var(--line);
}
.page-content-wrap{padding:40px 0 60px; max-width:72ch;}
.page-content-wrap p{color:var(--ink-soft); font-size:1.02rem;}
.error-404{padding:70px 0; text-align:center;}
.error-404 h1{font-size:2.4rem;}
.error-404 p{color:var(--ink-soft); margin:14px 0 24px;}
.btn-home{
  display:inline-block;
  background:var(--terracotta);
  color:#fff;
  text-decoration:none;
  font-family:'Reem Kufi', sans-serif;
  font-size:.82rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  padding:12px 24px;
}
.btn-home:hover{background:var(--emerald-dark);}

/* ================= FOOTER ================= */
footer{
  background:var(--paper-deep);
  padding:44px 0 26px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:36px;
}
@media (max-width:760px){
  .footer-grid{grid-template-columns:1fr; gap:28px;}
}
.footer-brand .wordmark{font-size:1.9rem;}
.footer-brand p{
  color:var(--ink-soft);
  font-size:.9rem;
  margin-top:12px;
  max-width:36ch;
}
.footer-col h4{
  font-family:'Reem Kufi', sans-serif;
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--emerald-dark);
  margin:0 0 14px;
}
.footer-col ul{list-style:none; margin:0; padding:0;}
.footer-col li{margin-bottom:9px; font-size:.9rem; color:var(--ink-soft);}
.footer-col a{text-decoration:none; color:var(--ink-soft);}
.footer-col a:hover{color:var(--terracotta);}
.footer-bottom{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  font-family:'Reem Kufi', sans-serif;
  font-size:.72rem;
  letter-spacing:.03em;
  color:var(--ink-soft);
}

/* ================= MOBILE NAV ================= */
@media (max-width:760px){
  nav.mainnav .wrap{flex-direction:column; align-items:stretch; padding:6px 0;}
  .navlinks{
    display:none;
    flex-direction:column;
    width:100%;
  }
  .navlinks.open{display:flex;}
  .navlinks a{padding:12px 4px; border-bottom:1px solid var(--line-soft);}
  .navtoggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    background:none;
    border:none;
    font-family:'Reem Kufi', sans-serif;
    font-size:.82rem;
    letter-spacing:.03em;
    text-transform:uppercase;
    color:var(--emerald-dark);
    padding:14px 4px;
    cursor:pointer;
  }
  .nav-cta{display:none;}
}

:focus-visible{outline:2px solid var(--terracotta); outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;}
}

/* =====================================================================
   VERSI 2.0 — Arab, hero berlatar, menu, komentar, pengunjung, dll.
   ===================================================================== */

.skip-link:focus{
  position:fixed; left:12px; top:12px; z-index:100000;
  width:auto; height:auto; clip:auto; margin:0; padding:10px 16px;
  background:var(--emerald-dark); color:#fff; text-decoration:none;
}

/* ----------------- Teks & font Arab ----------------- */
.arab, .arab-inline, [lang="ar"], .brand-arab, .bismillah{
  font-family:var(--font-arab);
}
.arab-inline{
  font-size:calc(1em * var(--arab-scale, 1.5));
  line-height:1.9;
  unicode-bidi:isolate;
  font-feature-settings:"liga" 1, "calt" 1, "mark" 1;
}
p.arab, .is-style-arab{
  direction:rtl;
  text-align:right;
  font-family:var(--font-arab);
  font-size:calc(1.1rem * var(--arab-scale, 1.5));
  line-height:2.1;
  color:var(--emerald-dark);
  margin:1.2em 0;
}
.hero-body p.arab::first-letter, .hero-body .arab p::first-letter{
  float:none; font-size:inherit; padding:0; color:inherit; line-height:inherit;
}
.hero-body .arab-inline{break-inside:avoid;}

.ayat-card, .wp-block-quote.is-style-ayat{
  margin:1.6em 0;
  padding:22px 26px 18px;
  background:var(--paper-card);
  border:1px solid var(--line);
  position:relative;
  break-inside:avoid;
}
.ayat-card::before, .wp-block-quote.is-style-ayat::before{
  content:""; position:absolute; inset:5px;
  border:1px solid var(--brass-light); pointer-events:none;
}
.ayat-card .ayat-arab{
  font-size:calc(1.15rem * var(--arab-scale, 1.5));
  line-height:2.2; color:var(--emerald-dark); text-align:right; margin:0;
}
.ayat-terjemah{font-style:italic; color:var(--ink-soft); margin:12px 0 0; font-size:.95rem;}
.ayat-sumber{
  font-family:'Reem Kufi', sans-serif; font-size:.72rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--brass); margin-top:8px;
}
.wp-block-quote.is-style-ayat p{
  font-family:var(--font-arab); direction:rtl; text-align:right;
  font-size:calc(1.15rem * var(--arab-scale, 1.5)); line-height:2.2;
}

/* ----------------- Basmalah & merek Arab ----------------- */
.bismillah{
  text-align:center; font-family:var(--font-arab-display);
  font-size:var(--bism-size,1.5rem); line-height:1.7; color:var(--brass);
  padding:4px 16px 0; position:relative; z-index:1;
}
.wordmark-row{display:flex; align-items:baseline; gap:18px; flex-wrap:wrap;}
.brand-arab{
  font-family:var(--font-arab-display);
  font-size:clamp(1.8rem, 4vw, 2.8rem); line-height:1.4; color:var(--brass);
}
.brand-arab--footer{display:block; font-size:1.5rem; margin-top:4px;}

/* ----------------- Hero berlatar (siap edit) ----------------- */
.hero{
  position:relative;
  background-color:var(--hero-bg-color, transparent);
  background-image:var(--hero-bg-image, none);
  background-size:var(--hero-bg-size, cover);
  background-position:var(--hero-bg-pos, center center);
  background-repeat:no-repeat;
  background-attachment:var(--hero-bg-attach, scroll);
  min-height:var(--hero-min-h, 0);
}
.hero::before{content:""; position:absolute; inset:0; background:var(--hero-overlay, transparent); pointer-events:none;}
.hero > .wrap{position:relative; z-index:1;}
.hero.has-bg{padding:46px 0 54px;}
.hero--compact{padding-bottom:20px;}
.hero.has-bg.hero--compact{padding:38px 0 34px;}
.hero-sub{font-size:1.05rem; color:var(--ink-soft); max-width:60ch; margin:12px 0 0;}
.hero--light h1, .hero--light h1 a, .hero--light .hero-byline strong{color:#fff;}
.hero--light .hero-byline, .hero--light .hero-sub,
.hero--light .hero-body, .hero--light .hero-body p{color:rgba(255,255,255,.92);}
.hero--light .hero-tag{background:var(--brass); color:#fff;}
.hero--light .hero-body{column-rule-color:rgba(255,255,255,.25);}
body.has-dropcap .hero--light .hero-body > p:first-of-type:not(.arab):not([lang="ar"]):not([dir="rtl"])::first-letter{color:var(--brass-light);}
.hero--light .see-all, .hero--light .hero-more, .hero--light .back-link a{color:var(--brass-light); border-color:var(--brass-light);}
.hero--light .eyebrow{color:var(--brass-light);}
.hero--light .hero-body a{color:var(--brass-light);}
.hero--light .ayat-card .ayat-arab, .hero--light .ayat-card p{color:var(--emerald-dark);}
.hero--light .cat-chips a{color:#fff; border-color:rgba(255,255,255,.45);}
.hero--light .cat-chips a.is-active, .hero--light .cat-chips a:hover{background:var(--brass); border-color:var(--brass); color:#fff;}
.hero-body--excerpt{columns:1; max-width:68ch;}
.hero-body--narrow{columns:1; max-width:72ch;}
.entry-thumb{margin-bottom:28px; border:1px solid var(--line);}
.entry-thumb img{width:100%; height:auto; display:block;}
.media-frame{margin:26px 0; border:1px solid var(--line); background:var(--paper-card);}
.media-frame img{width:100%; height:auto; display:block;}
.media-video{aspect-ratio:16/9;}
.media-video iframe{width:100%; height:100%; border:0;}
.back-link{margin-top:30px;}
.page-links{clear:both; font-family:'Reem Kufi', sans-serif;}

.cat-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:22px;}
.cat-chips a{
  font-family:'Reem Kufi', sans-serif; font-size:.74rem; letter-spacing:.06em;
  text-transform:uppercase; text-decoration:none;
  color:var(--emerald-dark); border:1px solid var(--line); padding:6px 14px; transition:all .15s ease;
}
.cat-chips a:hover, .cat-chips a.is-active{background:var(--emerald-dark); border-color:var(--emerald-dark); color:#fff;}

/* ----------------- Galeri: variasi ----------------- */
.galeri.galeri--darktext{color:var(--ink);}
.galeri.galeri--darktext .section-head h2, .galeri.galeri--darktext .gallery-caption h3{color:var(--emerald-dark);}
.galeri.galeri--darktext .eyebrow{color:var(--brass);}
.galeri.galeri--darktext .see-all{color:var(--terracotta); border-color:var(--terracotta);}
.galeri.galeri--darktext .gallery-caption .when{color:var(--ink-soft);}
.galeri.has-bg-image::before{content:""; position:absolute; inset:0; background:rgba(7,47,37,.55); pointer-events:none;}
.galeri.galeri--darktext.has-bg-image::before{background:rgba(239,230,208,.72);}
.galeri-related{padding:44px 0 50px;}

/* ----------------- Menu ----------------- */
nav.mainnav.is-sticky{position:sticky; top:0; z-index:50;}
body.admin-bar nav.mainnav.is-sticky{top:32px;}
@media (max-width:782px){ body.admin-bar nav.mainnav.is-sticky{top:46px;} }
.navlinks .sub-menu{
  display:none; position:absolute; left:0; top:100%; min-width:220px;
  background:var(--paper-card); border:1px solid var(--line);
  box-shadow:0 8px 20px rgba(7,47,37,.12); list-style:none; margin:0; padding:6px 0; z-index:60;
}
.navlinks li:hover > .sub-menu, .navlinks li:focus-within > .sub-menu{display:block;}
.navlinks .sub-menu a{padding:10px 16px; border-bottom:0; white-space:nowrap;}
.navlinks .menu-item-has-children > a::after{content:" ▾"; font-size:.7em;}
@media (max-width:760px){
  .navlinks .sub-menu{display:block; position:static; border:0; box-shadow:none; background:transparent; padding-left:14px;}
}
.footer-menu{list-style:none; margin:0; padding:0;}
.footer-menu li{margin-bottom:9px; font-size:.9rem;}
.footer-menu a{text-decoration:none; color:var(--ink-soft);}
.footer-menu a:hover{color:var(--terracotta);}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;}
@media (max-width:960px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:760px){ .footer-grid{grid-template-columns:1fr;} }

/* ----------------- Pengunjung ----------------- */
.ayq-stats{list-style:none; margin:0; padding:0;}
.ayq-stat{
  display:flex; justify-content:space-between; align-items:baseline; gap:12px;
  padding:7px 0; border-bottom:1px dashed var(--line); font-size:.88rem; color:var(--ink-soft);
}
.ayq-stat:last-child{border-bottom:0;}
.ayq-stat-num{font-family:'Reem Kufi', sans-serif; font-weight:600; color:var(--emerald-dark); font-size:1rem;}
.ayq-live-dot{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:#2E9E5B; margin-right:7px; vertical-align:middle; animation:ayqPulse 1.8s ease-in-out infinite;
}
@keyframes ayqPulse{0%,100%{opacity:1; transform:scale(1);}50%{opacity:.35; transform:scale(.7);}}
.ayq-visitor-box{background:var(--paper-card); border:1px solid var(--line); padding:16px 20px; margin:1.4em 0; max-width:340px;}
.footer-col.widget ul{list-style:none; margin:0; padding:0;}

/* ----------------- Komentar ----------------- */
.comments-section{padding:8px 0 56px;}
.comments-area{max-width:72ch; border-top:1px solid var(--line); padding-top:34px;}
.comments-head .eyebrow{display:block; margin-bottom:6px;}
.comments-title{font-size:1.7rem;}
.comments-count{color:var(--brass); font-weight:400;}
.comments-intro{color:var(--ink-soft); font-size:.95rem; margin:8px 0 0;}
.comment-list, .comment-list .children{list-style:none; margin:26px 0 0; padding:0;}
.comment-list .children{margin:0; padding-left:34px; border-left:1px solid var(--line-soft);}
.ayq-comment{margin:0;}
.ayq-comment > .comment-body{display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--line-soft);}
.comment-avatar img{border-radius:50%; border:2px solid var(--brass-light); width:48px; height:48px;}
.comment-main{flex:1; min-width:0;}
.comment-meta{display:flex; flex-wrap:wrap; gap:4px 14px; align-items:baseline;}
.comment-author-name{font-family:'Amiri', serif; font-weight:700; font-size:1.08rem; color:var(--emerald-dark);}
.comment-author-name a{text-decoration:none;}
.comment-time{font-family:'Reem Kufi', sans-serif; font-size:.72rem; letter-spacing:.04em; color:var(--ink-soft);}
.comment-time a{text-decoration:none;}
.comment-content{margin-top:8px; overflow-wrap:anywhere;}
.comment-content p{margin:0 0 .8em;}
.comment-awaiting-moderation{font-style:italic; color:var(--terracotta); font-size:.88rem; background:rgba(168,70,30,.07); padding:6px 12px; margin:8px 0 0;}
.comment-actions{display:flex; gap:16px; margin-top:6px;}
.comment-actions a{
  font-family:'Reem Kufi', sans-serif; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--terracotta); text-decoration:none; border-bottom:1px solid transparent;
}
.comment-actions a:hover{border-color:var(--terracotta);}
.bypostauthor > .comment-body .comment-author-name::after{
  content:"Penulis"; margin-left:8px; font-family:'Reem Kufi', sans-serif; font-size:.6rem;
  letter-spacing:.1em; text-transform:uppercase; background:var(--emerald); color:#fff; padding:2px 7px; vertical-align:middle;
}
.no-comments{color:var(--ink-soft); font-style:italic; margin:22px 0 0;}
.comments-area .nav-links{display:flex; justify-content:space-between; gap:12px; margin:18px 0; font-family:'Reem Kufi', sans-serif; font-size:.8rem;}
.comments-area a{color:var(--terracotta);}
.comment-respond{margin-top:36px; padding:26px 28px 28px; background:var(--paper-card); border:1px solid var(--line); position:relative;}
.comment-respond::before{content:""; position:absolute; inset:5px; border:1px solid var(--brass-light); pointer-events:none;}
.comment-respond > *{position:relative;}
.comment-reply-title{font-family:'Amiri', serif; font-size:1.4rem; color:var(--emerald-dark); margin:0 0 14px;}
.comment-reply-title small{margin-left:12px; font-size:.75rem; font-family:'Reem Kufi', sans-serif;}
.comment-form label{
  display:block; font-family:'Reem Kufi', sans-serif; font-size:.74rem; letter-spacing:.06em;
  text-transform:uppercase; color:var(--emerald-dark); margin-bottom:5px;
}
.comment-form .required{color:var(--terracotta);}
.comment-form input[type=text], .comment-form input[type=email], .comment-form textarea{
  width:100%; font:inherit; color:var(--ink); background:var(--paper);
  border:1px solid var(--line); padding:11px 13px; border-radius:0;
}
.comment-form input:focus, .comment-form textarea:focus{outline:2px solid var(--brass-light); outline-offset:0; border-color:var(--brass);}
.comment-form-author, .comment-form-email{width:calc(50% - 8px); display:inline-block; vertical-align:top;}
.comment-form-author{margin-right:12px;}
@media (max-width:640px){ .comment-form-author, .comment-form-email{width:100%; margin-right:0; display:block;} }
.comment-form-cookies-consent{font-size:.85rem; color:var(--ink-soft);}
.comment-form-cookies-consent label{display:inline; text-transform:none; letter-spacing:0; font-family:'Lora', serif; font-size:.85rem; color:var(--ink-soft);}
.comment-form .submit{border:0; cursor:pointer;}

/* ----------------- Pencarian & 404 ----------------- */
.search-box{margin:20px auto; max-width:460px;}
.search-form{display:flex;}
.search-form label{flex:1; margin:0;}
.search-field{width:100%; font:inherit; padding:12px 14px; background:var(--paper-card); border:1px solid var(--line); border-right:0; border-radius:0;}
.search-submit{font-family:'Reem Kufi', sans-serif; font-size:.8rem; letter-spacing:.04em; text-transform:uppercase; background:var(--emerald-dark); color:#fff; border:0; padding:0 20px; cursor:pointer;}
.search-submit:hover{background:var(--terracotta);}
.error-404.hero{padding:70px 0;}
.hero--light.error-404 p{color:rgba(255,255,255,.9);}

/* ----------------- Halaman Kontak ----------------- */
.contact-section{padding:26px 0 60px;}
.contact-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:34px; align-items:start;}
@media (max-width:820px){ .contact-grid{grid-template-columns:1fr;} }
.contact-card{background:var(--paper-card); border:1px solid var(--line); padding:28px;}
.contact-list{list-style:none; margin:0 0 20px; padding:0;}
.contact-list li{padding:12px 0; border-bottom:1px dashed var(--line); color:var(--ink);}
.contact-list li:last-child{border-bottom:0;}
.contact-list .lbl{display:block; font-family:'Reem Kufi', sans-serif; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--brass); margin-bottom:2px;}
.contact-list a{color:var(--terracotta);}
.contact-map{border:1px solid var(--line); aspect-ratio:4/3; background:var(--paper-deep);}
.contact-map iframe{width:100%; height:100%; border:0; display:block;}

/* ----------------- Area widget bawah artikel ----------------- */
.after-article-area{margin-top:34px; max-width:72ch;}
.after-article-widget{margin-bottom:20px;}
.after-article-widget .widget-title{font-family:'Reem Kufi', sans-serif; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--emerald-dark);}
.related-section{padding-top:36px;}


/* ================= v2.1 — HEADER RINGKAS ================= */
.brand-sub{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:2px 10px; margin:6px 0 0;
}
.brand-sub .eyebrow{font-size:.68rem;}
.brand-sub .brand-tagline{margin:0; font-size:.92rem;}
.brand-sub-sep{color:var(--brass);}
.masthead .brand-block > .custom-logo-link{margin-bottom:4px;}

.masthead--compact{
  padding:var(--mh-pad,12px) 0 calc(var(--mh-pad,12px) * .75);
}
.masthead--compact .wrap{align-items:center; gap:6px 18px;}
.masthead--compact .wordmark{
  font-size:clamp(1.7rem, 5vw, var(--wm-size,40px));
}
.masthead--compact .wordmark-row{gap:8px 14px; align-items:center;}
.masthead--compact .brand-arab{
  font-size:clamp(1.25rem, 3.4vw, calc(var(--wm-size,40px) * .72));
  line-height:1.2;
}
.masthead--compact .brand-sub{margin-top:3px;}
.masthead--compact .custom-logo{max-height:44px;}
.hdr-compact .topbar .wrap{padding-top:4px; padding-bottom:4px;}
.hdr-compact .bismillah{line-height:1.4; padding-top:2px;}
.hdr-compact nav.mainnav .navlinks a{padding:11px 14px;}
.hdr-compact .ornament{padding:8px 0;}
.hdr-compact .hero{padding-top:0;}
@media (max-width:640px){
  .masthead--compact .masthead-meta{text-align:left; width:100%;}
  .hdr-compact .topbar .wrap{justify-content:center; text-align:center;}
}

/* =====================================================================
   v3.0 — JADWAL SHOLAT OTOMATIS
   ===================================================================== */
.salat-wrap{margin-top:18px;}
.salat-next{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 16px;
  background:var(--emerald-dark); color:#fff; padding:18px 22px;
  position:relative; border:1px solid var(--emerald-dark);
}
.salat-next::after{content:""; position:absolute; inset:5px; border:1px solid rgba(200,155,78,.55); pointer-events:none;}
.salat-next-label{grid-column:1 / -1; font-family:'Reem Kufi',sans-serif; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--brass-light);}
.salat-next-name{font-family:'Lora',serif; font-size:1.5rem; font-weight:600; line-height:1.2;}
.salat-next-count{font-family:'Reem Kufi',sans-serif; font-size:1.7rem; font-variant-numeric:tabular-nums; color:var(--brass-light); letter-spacing:.04em;}
.salat-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(92px, 1fr));
  gap:0; margin-top:14px; border-top:1px solid var(--line); border-left:1px solid var(--line);
  background:var(--paper-card);
}
.salat-tile{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  padding:16px 8px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);
  text-align:center; transition:background .2s ease;
}
.salat-tile-name{font-family:'Reem Kufi',sans-serif; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.salat-tile-time{font-family:'Reem Kufi',sans-serif; font-size:1.25rem; font-weight:600; color:var(--emerald-dark); font-variant-numeric:tabular-nums;}
.salat-tile.is-extra{background:transparent;}
.salat-tile.is-extra .salat-tile-time{font-size:1.05rem; color:var(--ink-soft); font-weight:500;}
.salat-tile.is-past{opacity:.55;}
.salat-tile.is-next{background:var(--emerald); }
.salat-tile.is-next .salat-tile-name{color:var(--brass-light);}
.salat-tile.is-next .salat-tile-time{color:#fff;}
.salat-wrap.is-manual .salat-grid{grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));}
.salat-meta{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px 16px; margin-top:14px;}
.salat-date{font-family:'Reem Kufi',sans-serif; font-size:.82rem; color:var(--ink-soft); letter-spacing:.03em;}
.salat-region{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.salat-region-label{display:flex; align-items:center; gap:8px; font-family:'Reem Kufi',sans-serif; font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft);}
.salat-region select, .ayq-filter select, .ayq-explorer-form select, .jm-form select{
  font:inherit; font-family:'Lora',serif; font-size:.9rem; color:var(--ink);
  background:var(--paper-card); border:1px solid var(--line); padding:8px 10px; max-width:100%;
}
.salat-geo{
  font-family:'Reem Kufi',sans-serif; font-size:.74rem; letter-spacing:.05em; text-transform:uppercase;
  background:transparent; color:var(--terracotta); border:1px solid var(--terracotta); padding:8px 12px; cursor:pointer;
}
.salat-geo:hover{background:var(--terracotta); color:#fff;}
.salat-status{font-size:.84rem; color:var(--terracotta); margin:8px 0 0;}
.salat-noscript{margin:6px 0 0; padding:0; list-style:none; font-size:.9rem;}
@media (max-width:520px){
  .salat-next{grid-template-columns:1fr;}
  .salat-next-count{font-size:1.5rem;}
}

/* =====================================================================
   v3.0 — ARSIP KAJIAN
   ===================================================================== */
.ayq-btn{
  font-family:'Reem Kufi',sans-serif; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase;
  background:var(--emerald-dark); color:#fff; border:1px solid var(--emerald-dark); padding:10px 20px; cursor:pointer;
}
.ayq-btn:hover{background:var(--terracotta); border-color:var(--terracotta);}
.ayq-btn:disabled{opacity:.6; cursor:wait;}
.ayq-filter{margin:0 0 22px; padding:18px; background:var(--paper-card); border:1px solid var(--line);}
.ayq-filter-search{display:flex; gap:8px; margin-bottom:12px;}
.ayq-filter-search input, .ayq-explorer-form input{
  flex:1; min-width:0; font:inherit; font-size:1rem; padding:10px 14px; background:#fff; color:var(--ink); border:1px solid var(--line);
}
.ayq-filter-selects{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.ayq-reset{font-family:'Reem Kufi',sans-serif; font-size:.76rem; letter-spacing:.05em; text-transform:uppercase; color:var(--terracotta); margin-left:auto;}
.ayq-results{transition:opacity .15s ease;}
.ayq-results.is-loading{opacity:.45; pointer-events:none;}
.ayq-results-bar{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin:0 0 14px;}
.ayq-count{margin:0; font-size:.88rem; color:var(--ink-soft); font-style:italic;}
.ayq-view{display:inline-flex;}
.ayq-view button{
  font-family:'Reem Kufi',sans-serif; font-size:.74rem; letter-spacing:.05em; text-transform:uppercase;
  background:transparent; color:var(--emerald-dark); border:1px solid var(--line); padding:7px 14px; cursor:pointer;
}
.ayq-view button + button{border-left:none;}
.ayq-view button.is-active{background:var(--emerald-dark); color:#fff; border-color:var(--emerald-dark);}
.article-meta{display:block; margin-top:12px; font-family:'Reem Kufi',sans-serif; font-size:.7rem; letter-spacing:.04em; color:var(--brass);}

/* tampilan daftar ringkas */
.ayq-archive[data-view="daftar"] .article-grid{display:block; border-left:none;}
.ayq-archive[data-view="daftar"] .article-card{
  display:grid; grid-template-columns:90px 1fr auto; grid-template-areas:"no title meta" "no excerpt meta";
  gap:2px 18px; min-height:0; padding:16px 10px; border-right:none;
}
.ayq-archive[data-view="daftar"] .article-no{grid-area:no; align-self:start;}
.ayq-archive[data-view="daftar"] .article-cat{display:none;}
.ayq-archive[data-view="daftar"] .article-card h3{grid-area:title; margin:0; font-size:1.08rem; flex-grow:0;}
.ayq-archive[data-view="daftar"] .article-excerpt{grid-area:excerpt; margin:2px 0 0; font-size:.84rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.ayq-archive[data-view="daftar"] .article-meta{grid-area:meta; margin:0; align-self:center; text-align:right; white-space:nowrap;}
@media (max-width:700px){
  .ayq-archive[data-view="daftar"] .article-card{grid-template-columns:1fr; grid-template-areas:"no" "title" "excerpt" "meta"; gap:2px;}
  .ayq-archive[data-view="daftar"] .article-meta{text-align:left;}
}
.ayq-edisi-archive{margin:28px 0 0; text-align:center;}

/* paginasi */
.ayq-pagination{justify-content:center;}
.ayq-pagination .dots{border-color:transparent;}

/* halaman arsip (hub) */
.ayq-hub-block{margin:34px 0 0;}
.ayq-hub-block h2{font-size:1.4rem; margin:0 0 14px; padding-bottom:8px; border-bottom:1px solid var(--line);}
.ayq-years{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; align-items:start;}
.ayq-year{background:var(--paper-card); border:1px solid var(--line);}
.ayq-year summary{display:flex; justify-content:space-between; align-items:baseline; padding:12px 16px; cursor:pointer; list-style:none;}
.ayq-year summary::-webkit-details-marker{display:none;}
.ayq-year .y{font-family:'Reem Kufi',sans-serif; font-size:1.4rem; color:var(--emerald-dark);}
.ayq-year .c{font-size:.8rem; color:var(--ink-soft);}
.ayq-months{margin:0; padding:0 16px 12px; display:grid; grid-template-columns:1fr 1fr; gap:2px 14px; list-style:none;}
.ayq-months a{display:flex; justify-content:space-between; gap:8px; padding:5px 0; text-decoration:none; font-size:.92rem; border-bottom:1px dashed var(--line-soft);}
.ayq-months a:hover{color:var(--terracotta);}
.ayq-months small{color:var(--brass); font-family:'Reem Kufi',sans-serif;}
.ayq-months li.all{grid-column:1 / -1;}
.ayq-tiles{display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:10px; margin:0; padding:0; list-style:none;}
.ayq-tiles a{display:block; padding:14px 16px; background:var(--paper-card); border:1px solid var(--line); text-decoration:none;}
.ayq-tiles a:hover{border-color:var(--terracotta);}
.ayq-tiles strong{display:block; color:var(--emerald-dark);}
.ayq-tiles span{font-size:.8rem; color:var(--ink-soft);}
.ayq-chips{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;}
.ayq-chips--center{justify-content:center; margin-top:16px;}
.ayq-chips a{display:inline-block; padding:6px 12px; border:1px solid var(--line); background:var(--paper-card); text-decoration:none; font-size:.88rem;}
.ayq-chips a:hover{border-color:var(--terracotta); color:var(--terracotta);}
.ayq-chips small{color:var(--brass); margin-left:4px; font-family:'Reem Kufi',sans-serif;}
.ayq-tags{margin:24px 0 0;}
.ayq-az{display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none;}
.ayq-az a{display:block; min-width:38px; text-align:center; padding:8px 6px; border:1px solid var(--line); background:var(--paper-card); font-family:'Reem Kufi',sans-serif; text-decoration:none; color:var(--emerald-dark);}
.ayq-az a:hover{background:var(--emerald-dark); color:#fff;}
.ayq-hub-search .ayq-filter{margin-bottom:0;}

/* penjelajah arsip di beranda */
.ayq-explorer{padding:46px 0 50px; border-top:1px solid var(--line); text-align:center; background:var(--paper-deep);}
.ayq-explorer h2{font-size:1.9rem; margin:6px 0 10px;}
.ayq-explorer-text{max-width:60ch; margin:0 auto 20px; color:var(--ink-soft);}
.ayq-explorer-form{display:flex; flex-wrap:wrap; gap:8px; max-width:640px; margin:0 auto;}
.ayq-explorer-total{margin:14px 0 6px; font-family:'Reem Kufi',sans-serif; font-size:.8rem; letter-spacing:.06em; color:var(--brass); text-transform:uppercase;}

/* navigasi edisi */
.ayq-edisi-nav{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:34px 0 0; max-width:72ch;}
.ayq-edisi-nav a{display:block; padding:14px 16px; border:1px solid var(--line); text-decoration:none; background:var(--paper-card);}
.ayq-edisi-nav a:hover{border-color:var(--terracotta);}
.ayq-edisi-nav small{display:block; font-family:'Reem Kufi',sans-serif; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--brass);}
.ayq-edisi-nav .next{text-align:right; grid-column:2;}
.ayq-edisi-nav span{font-weight:600; color:var(--emerald-dark);}
.hero--light .ayq-edisi-nav a{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.35);}
.hero--light .ayq-edisi-nav span{color:#fff;}
@media (max-width:600px){ .ayq-edisi-nav{grid-template-columns:1fr;} .ayq-edisi-nav .next{grid-column:auto;} }

/* =====================================================================
   v3.0 — GALERI JEMAAH
   ===================================================================== */
.jemaah-section{padding:46px 0 56px; border-top:1px solid var(--line); background:var(--jm-bg, var(--paper)); color:var(--ink);}
.jemaah-section .section-head h2{color:var(--emerald-dark);}
.jemaah-section .eyebrow{color:var(--brass);}
.jemaah-section .gallery-caption h3{color:var(--emerald-dark);}
.jemaah-section .gallery-caption .when{color:var(--ink-soft);}
.jemaah--light{color:#fff;}
.jemaah--light .section-head h2, .jemaah--light .gallery-caption h3{color:#fff;}
.jemaah--light .eyebrow{color:var(--brass-light);}
.jemaah--light .gallery-caption .when{color:rgba(255,255,255,.8);}
.jemaah--light .see-all{color:var(--brass-light); border-color:var(--brass-light);}
.jm-head-links{display:flex; flex-wrap:wrap; gap:16px;}
.jemaah-card .gallery-media{background-size:cover; background-position:center;}
.jm-photos{display:grid; gap:16px; margin:22px 0;}
.jm-photos .media-frame{margin:0;}
.jm-photos img{width:100%; height:auto;}
.jm-form-wrap{margin:54px auto 0; max-width:760px; padding:26px; background:var(--paper-card); border:1px solid var(--line); position:relative;}
.jm-form-wrap::before{content:""; position:absolute; inset:6px; border:1px solid var(--brass-light); pointer-events:none;}
.jm-form-wrap > *{position:relative;}
.jm-form-wrap h2{font-size:1.5rem; margin:0 0 6px;}
.jm-intro{margin:0 0 16px; color:var(--ink-soft);}
.jm-form label{display:block; font-size:.9rem; margin-bottom:12px;}
.jm-form label > span{display:block; font-family:'Reem Kufi',sans-serif; font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:4px;}
.jm-form input[type="text"], .jm-form input[type="email"]{width:100%; font:inherit; padding:10px 12px; border:1px solid var(--line); background:#fff;}
.jm-form select{width:100%;}
.jm-form input[type="file"]{width:100%; padding:10px; border:1px dashed var(--brass); background:#fff;}
.jm-form small{display:block; margin-top:4px; color:var(--ink-soft);}
.jm-row{display:grid; grid-template-columns:1fr 1fr; gap:0 14px;}
@media (max-width:600px){ .jm-row{grid-template-columns:1fr;} }
.jm-consent{display:flex !important; gap:8px; align-items:flex-start;}
.jm-consent input{margin-top:4px;}
.jm-consent span{display:inline !important; text-transform:none !important; letter-spacing:0 !important; font-family:'Lora',serif !important; font-size:.9rem !important;}
.jm-hp{position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden;}
.jm-msg{padding:12px 14px; margin:0 0 16px; border:1px solid; font-size:.95rem;}
.jm-msg.is-ok{background:#e6f2ea; border-color:#2f7a4f; color:#1c4d31;}
.jm-msg.is-err{background:#fbeae3; border-color:var(--terracotta); color:#7b2e0f;}
.jm-closed{text-align:center; color:var(--ink-soft); font-style:italic; margin-top:30px;}

/* v3.0.1 — paragraf Arab tidak pernah memakai huruf awal besar */
.hero-body p.arab::first-letter, .hero-body p[lang="ar"]::first-letter, .hero-body p[dir="rtl"]::first-letter,
.hero-body .ayat-card p::first-letter, .hero-body blockquote p::first-letter, .hero-body li::first-letter{
  float:none !important; font-size:inherit !important; padding:0 !important; color:inherit !important; line-height:inherit !important; font-weight:inherit !important; font-family:inherit !important;
}