/*
Theme Name: Kamanwala Shareef
Theme URI: https://kammanwalashareef.com
Author: Astana Aliya Naqshbandia Mujaddidia Kamanwala Sharif
Description: Official theme for Darbar-e-Aliya Naqshbandia Mujaddidia, Kamanwala Sharif, Sialkot — profiles of the mashaikh, gallery, books, and Khatm-e-Khawajgan.
Version: 1.0
Text Domain: kamanwala-shareef
*/
/* ===========================================================
   آستانہ عالیہ نقشبندیہ مجددیہ کمانوالہ شریف — design system v2
   =========================================================== */

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

:root{
  --ink:#1C2B22;
  --page:#F6F1E2;
  --page-deep:#EFE6C9;
  --card:#FFFDF6;
  --emerald:#1F4B3F;
  --emerald-dark:#0F2A21;
  --emerald-deeper:#0A1D16;
  --gold:#B4863A;
  --gold-bright:#D9AE5C;
  --gold-soft:#E4CE9C;
  --maroon:#7A2A2A;
  --line:#DED2AE;
  --shadow:0 10px 30px rgba(15,42,33,0.16);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

body{
  margin:0;
  background:var(--page);
  color:var(--ink);
  font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;
  direction:rtl;
  line-height:2.2;
  overflow-x:hidden;
}

.ui{font-family:'Noto Naskh Arabic',serif;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.pattern-gold{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23B4863A' stroke-width='1' opacity='0.35'%3E%3Cpath d='M42 4 L52 22 L72 22 L58 36 L64 56 L42 44 L20 56 L26 36 L12 22 L32 22 Z'/%3E%3Ccircle cx='42' cy='42' r='40'/%3E%3C/g%3E%3C/svg%3E");
  background-size:84px 84px;
}

@keyframes riseIn{
  from{opacity:0; transform:translateY(18px);}
  to{opacity:1; transform:translateY(0);}
}
.rise{animation:riseIn .8s cubic-bezier(.2,.7,.2,1) both;}
.rise-1{animation-delay:.05s;}
.rise-2{animation-delay:.18s;}
.rise-3{animation-delay:.31s;}
.rise-4{animation-delay:.44s;}

/* ---------- top verse bar ---------- */
.top-verse-bar{
  background:var(--emerald-deeper);
  color:var(--gold-bright);
  text-align:center;
  padding:10px 18px;
  font-family:'Amiri','Noto Nastaliq Urdu',serif;
  font-size:1.05rem;
  line-height:1.9;
  letter-spacing:.01em;
  border-bottom:1px solid rgba(217,174,92,0.25);
  direction:rtl;
}
@media (max-width:640px){
  .top-verse-bar{font-size:.92rem;padding:9px 14px;}
}

/* ---------- header / nav ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(15,42,33,0.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(180,134,58,0.35);
}
.nav-wrap{
  max-width:1140px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;
}
.brand{
  display:flex;align-items:center;gap:12px;
  font-size:1rem;font-weight:700;color:var(--gold-soft);
  line-height:1.5;
}
.brand .mark{
  width:38px;height:38px;flex:none;
  border:1.5px solid var(--gold);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Noto Nastaliq Urdu';
  color:var(--gold-bright);font-size:1.1rem;
  background:radial-gradient(circle at 35% 30%, rgba(217,174,92,0.18), transparent 70%), var(--emerald-deeper);
  overflow:hidden;
}
.brand .mark img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.nav-links{display:flex;gap:26px;font-family:'Noto Naskh Arabic';font-size:.98rem;}
.nav-links a{padding:6px 2px;color:#E8E1CC;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;}
.nav-links a:hover{border-color:var(--gold-bright);color:var(--gold-bright);}

/* ---------- HOME HERO ---------- */
.home-hero{
  position:relative;
  background:
    radial-gradient(ellipse at 50% -10%, rgba(217,174,92,0.16), transparent 55%),
    linear-gradient(180deg, var(--emerald-deeper) 0%, var(--emerald-dark) 62%, var(--emerald) 100%);
  color:#F4EEDB;
  padding:0 0 90px;
  overflow:hidden;
}
.home-hero::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23F6F1E2' stroke-width='1' opacity='0.07'%3E%3Cpath d='M42 4 L52 22 L72 22 L58 36 L64 56 L42 44 L20 56 L26 36 L12 22 L32 22 Z'/%3E%3Ccircle cx='42' cy='42' r='40'/%3E%3C/g%3E%3C/svg%3E");
  background-size:84px 84px;
  pointer-events:none;
}
.dome-frame{
  position:relative;max-width:640px;margin:0 auto;padding-top:56px;
  display:flex;justify-content:center;
}
.dome-frame svg{width:100%;height:auto;max-width:520px;}

.banner-wrap{
  max-width:1100px;margin:0 auto;padding:36px 20px 0;
}
.banner-wrap .frame{
  border-radius:18px;overflow:hidden;
  border:2px solid var(--gold);
  box-shadow:0 16px 40px rgba(0,0,0,0.35);
}
.banner-wrap img{width:100%;display:block;}
.hero-copy{
  position:relative;max-width:760px;margin:0 auto;padding:18px 24px 0;text-align:center;
}
.hero-copy .eyebrow{
  font-family:'Noto Naskh Arabic';letter-spacing:.06em;
  color:var(--gold-bright);font-size:.92rem;margin-bottom:16px;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
.hero-copy .eyebrow::before,.hero-copy .eyebrow::after{content:'';width:32px;height:1px;background:var(--gold);}
.hero-copy h1{
  font-size:clamp(2.3rem,6vw,3.6rem);
  line-height:1.65;
  margin:0 0 22px;
  color:#FBF6E7;
  text-shadow:0 2px 30px rgba(217,174,92,0.25);
}
.hero-copy p.lead{
  max-width:600px;margin:0 auto;
  font-size:1.18rem;
  color:#D8D2B8;
}
.hero-scroll-cue{
  margin:44px auto 0;width:26px;height:42px;border:1.5px solid rgba(217,174,92,0.55);
  border-radius:14px;position:relative;
}
.hero-scroll-cue::before{
  content:'';position:absolute;top:8px;right:50%;transform:translateX(50%);
  width:4px;height:8px;border-radius:2px;background:var(--gold-bright);
  animation:cueMove 1.8s ease-in-out infinite;
}
@keyframes cueMove{0%{opacity:1;top:8px;}70%{opacity:0;top:20px;}100%{opacity:0;top:8px;}}

/* ---------- ornamental divider ---------- */
.divider{
  display:flex;align-items:center;justify-content:center;gap:16px;
  max-width:360px;margin:56px auto;
}
.divider .bar{flex:1;height:1px;background:linear-gradient(to left, transparent, var(--gold));}
.divider .bar.r{background:linear-gradient(to right, transparent, var(--gold));}
.divider .star{color:var(--gold);font-size:1.2rem;}

/* ---------- silsila chain (signature element) ---------- */
.silsila{
  max-width:1040px;margin:-58px auto 80px;padding:0 24px;position:relative;z-index:5;
}
.silsila-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:44px 30px 36px;
  position:relative;
}
.silsila-card::before{
  content:'';position:absolute;inset:10px;border:1px solid rgba(180,134,58,0.28);border-radius:14px;
  pointer-events:none;
}
.silsila-label{
  text-align:center;font-family:'Noto Naskh Arabic';
  color:var(--emerald);font-size:1rem;margin-bottom:8px;font-weight:700;
}
.silsila-sub{
  text-align:center;font-family:'Noto Naskh Arabic';color:#7a8a7d;font-size:.86rem;margin-bottom:38px;
}
.chain{
  display:flex;align-items:flex-start;justify-content:center;
  gap:0;position:relative;flex-wrap:wrap;
}
.chain-link{
  display:flex;flex-direction:column;align-items:center;
  width:230px;position:relative;padding:0 8px;
}
.chain-link .thread{
  position:absolute;top:58px;right:100%;width:calc(100% - 6px);
  height:0;border-top:2px dashed var(--gold);
}
.chain-link:first-child .thread{display:none;}
.medallion-wrap{position:relative;width:118px;height:118px;}
.medallion-ring{
  position:absolute;inset:0;border-radius:50%;
  border:1px dashed rgba(180,134,58,0.55);
  animation:spin 40s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
.medallion{
  position:absolute;inset:8px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%, #FFFDF6, var(--card) 60%);
  border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-family:'Noto Nastaliq Urdu';
  font-size:2.1rem;color:var(--emerald-dark);
  box-shadow:0 6px 20px rgba(31,75,63,0.18), inset 0 0 0 5px rgba(180,134,58,0.08);
  z-index:2;
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.medallion img{
  width:100%;height:100%;object-fit:cover;object-position:center 15%;
  border-radius:50%;
}
.chain-link.pending .medallion{
  border-style:dashed;color:var(--gold);opacity:.85;
  background:repeating-linear-gradient(135deg, rgba(180,134,58,0.06) 0 8px, transparent 8px 16px), var(--card);
}
a.chain-link:hover .medallion{transform:translateY(-6px) scale(1.03);box-shadow:0 14px 30px rgba(31,75,63,0.28);}
a.chain-link:hover .medallion-ring{border-color:var(--gold-bright);}
.chain-link .num{
  font-family:'Amiri','Noto Naskh Arabic';color:var(--gold);font-size:.85rem;margin-top:14px;letter-spacing:.05em;
}
.chain-link .name{
  font-size:1.2rem;margin-top:4px;color:var(--emerald-dark);text-align:center;
}
.chain-link .role{
  font-family:'Noto Naskh Arabic';font-size:.83rem;color:#5a6a5f;
  margin-top:5px;text-align:center;line-height:1.7;
}
.chain-link .soon{
  font-family:'Noto Naskh Arabic';font-size:.78rem;color:var(--gold);
  margin-top:8px;padding:3px 12px;border:1px solid var(--gold-soft);border-radius:20px;
}

/* ---------- large portrait cards (homepage silsila) ---------- */
.portrait-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
}
@media (max-width:980px){
  .portrait-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .portrait-grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto;}
}
.portrait-card{
  display:block;position:relative;border-radius:16px;overflow:hidden;
  border:2px solid var(--gold);
  box-shadow:0 10px 26px rgba(15,42,33,0.2);
  background:var(--emerald-deeper);
  transition:transform .3s ease, box-shadow .3s ease;
}
.portrait-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(15,42,33,0.3);}
.portrait-card .photo-wrap{
  width:100%;aspect-ratio:3/4;overflow:hidden;background:#000;
}
.portrait-card .photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.portrait-card .cap{
  position:relative;padding:16px 14px 18px;text-align:center;
  background:linear-gradient(180deg, var(--emerald-dark), var(--emerald-deeper));
}
.portrait-card .cap .num{
  font-family:'Amiri','Noto Naskh Arabic';color:var(--gold-bright);font-size:.8rem;letter-spacing:.05em;
}
.portrait-card .cap .name{
  color:#FBF6E7;font-size:1.12rem;margin-top:4px;
}
.portrait-card .cap .role{
  font-family:'Noto Naskh Arabic';color:#C9C2A6;font-size:.78rem;margin-top:5px;line-height:1.6;
}
.portrait-card.pending .cap .soon{
  display:inline-block;margin-top:8px;font-family:'Noto Naskh Arabic';font-size:.74rem;color:var(--gold-bright);
  padding:3px 12px;border:1px solid rgba(217,174,92,0.45);border-radius:20px;
}

/* ---------- profile hero portrait ---------- */
.profile-portrait{
  width:220px;margin:0 auto 24px;border-radius:16px;overflow:hidden;
  border:2px solid var(--gold);box-shadow:0 14px 34px rgba(0,0,0,0.35);
  aspect-ratio:3/4;
}
.profile-portrait img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---------- section blocks ---------- */
.section{max-width:1040px;margin:0 auto;padding:60px 24px;}
.section h2{
  font-size:2rem;color:var(--emerald-dark);text-align:center;margin-bottom:10px;
}
.section .sub{
  text-align:center;font-family:'Noto Naskh Arabic';color:#5a6a5f;
  margin-bottom:40px;font-size:.98rem;
}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.tile{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:34px 26px;text-align:center;position:relative;overflow:hidden;
  transition:box-shadow .25s, transform .25s;
}
.tile::before{
  content:'';position:absolute;top:-30px;left:-30px;width:100px;height:100px;border-radius:50%;
  background:radial-gradient(circle, rgba(180,134,58,0.14), transparent 70%);
}
a.tile:hover{box-shadow:var(--shadow);transform:translateY(-5px);}
.tile .ico-frame{
  width:64px;height:64px;margin:0 auto 16px;border-radius:50%;
  background:linear-gradient(160deg, var(--emerald), var(--emerald-dark));
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 3px rgba(180,134,58,0.35);
}
.tile .ico{font-size:1.7rem;color:var(--gold-bright);font-family:'Noto Nastaliq Urdu';}
.tile h3{margin:0 0 10px;font-size:1.3rem;color:var(--emerald-dark);}
.tile p{font-family:'Noto Naskh Arabic';font-size:.93rem;color:#5a6a5f;margin:0;line-height:1.85;}

/* ---------- footer ---------- */
.site-footer{
  position:relative;
  background:var(--emerald-deeper);color:#C9C2A6;
  padding:56px 24px 34px;text-align:center;
  font-family:'Noto Naskh Arabic';font-size:.88rem;
  margin-top:70px;
}
.site-footer::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23F6F1E2' stroke-width='1' opacity='0.05'%3E%3Cpath d='M42 4 L52 22 L72 22 L58 36 L64 56 L42 44 L20 56 L26 36 L12 22 L32 22 Z'/%3E%3Ccircle cx='42' cy='42' r='40'/%3E%3C/g%3E%3C/svg%3E");
  background-size:84px 84px;
}
.site-footer .fmark{color:var(--gold-bright);margin-bottom:12px;font-size:1.4rem;position:relative;}
.site-footer .fname{position:relative;color:#EAE3C8;font-size:1.05rem;margin-bottom:6px;}
.site-footer .faddr{position:relative;}
.fcontact{
  position:relative;margin-top:16px;padding-top:16px;
  border-top:1px solid rgba(217,174,92,0.2);
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  font-family:'Noto Naskh Arabic';font-size:.85rem;color:#C9C2A6;
}
.fcontact .fitem{white-space:nowrap;}
.fcontact .fitem b{color:var(--gold-bright);font-weight:600;}
.fcontact .fsep{color:var(--gold);opacity:.6;}
.fcontact a{color:#C9C2A6;transition:color .2s;}
.fcontact a:hover{color:var(--gold-bright);}
.fnav{
  position:relative;margin-top:14px;
  display:flex;gap:18px;justify-content:center;flex-wrap:wrap;
  font-family:'Noto Naskh Arabic';font-size:.88rem;
}
.fnav a{color:#E8E1CC;transition:color .2s;}
.fnav a:hover{color:var(--gold-bright);}

/* ---------- profile hero ---------- */
.profile-hero{
  position:relative;
  background:linear-gradient(180deg, var(--emerald-deeper), var(--emerald-dark) 75%, var(--page) 100%);
  color:#F4EEDB;padding:44px 24px 90px;text-align:center;overflow:hidden;
}
.profile-hero::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23F6F1E2' stroke-width='1' opacity='0.06'%3E%3Cpath d='M42 4 L52 22 L72 22 L58 36 L64 56 L42 44 L20 56 L26 36 L12 22 L32 22 Z'/%3E%3Ccircle cx='42' cy='42' r='40'/%3E%3C/g%3E%3C/svg%3E");
  background-size:84px 84px;
}
.profile-hero-inner{position:relative;max-width:780px;margin:0 auto;}
.back-link{
  display:inline-flex;align-items:center;gap:6px;margin:0 auto 26px;padding:7px 16px;
  font-family:'Noto Naskh Arabic';color:var(--gold-bright);font-size:.9rem;
  border:1px solid rgba(217,174,92,0.4);border-radius:30px;
  transition:background .2s;
}
.back-link:hover{background:rgba(217,174,92,0.12);}
.profile-hero .crest{
  width:76px;height:76px;margin:0 auto 22px;border-radius:50%;
  background:radial-gradient(circle at 35% 28%, rgba(217,174,92,0.25), var(--emerald-deeper) 70%);
  border:1.5px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-family:'Noto Nastaliq Urdu';font-size:1.9rem;color:var(--gold-bright);
}
.titles{
  font-family:'Noto Naskh Arabic';color:var(--gold-bright);font-size:1rem;
  line-height:2;margin-bottom:18px;max-width:600px;margin-inline:auto;
}
.profile-hero h1{
  font-size:clamp(2.1rem,4.8vw,3rem);color:#FBF6E7;margin:0 0 24px;
}
.dates{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
}
.dates span{
  font-family:'Noto Naskh Arabic';font-size:.88rem;color:#E4DDC1;
  border:1px solid rgba(217,174,92,0.35);padding:7px 16px;border-radius:24px;
  background:rgba(255,255,255,0.03);
}
.dates span b{color:var(--gold-bright);}

/* content card lifted over hero */
.content-card{
  position:relative;max-width:800px;margin:-60px auto 0;
  background:var(--card);border-radius:20px;box-shadow:var(--shadow);
  padding:50px 40px 20px;
  border:1px solid var(--line);
}
.content{max-width:760px;margin:0 auto;padding:0 0 20px;}
.content h2{
  font-size:1.6rem;color:var(--emerald-dark);
  margin:44px 0 18px;padding-bottom:4px;
  display:inline-flex;align-items:center;gap:10px;
}
.content h2::before{content:'';width:22px;height:2px;background:var(--gold);}
.content p{font-size:1.14rem;color:#26352b;margin:0 0 18px;}
.content ol{padding-inline-start:0;padding-inline-end:1.5em;margin:0 0 22px;}
.content ol li{margin-bottom:12px;font-size:1.1rem;}

.karamat{
  background:linear-gradient(180deg, #FFFDF6, #FBF5E4);
  border:1px solid var(--line);
  border-inline-start:5px solid var(--gold);
  border-radius:10px;padding:22px 24px;margin-bottom:20px;
  box-shadow:0 4px 14px rgba(31,75,63,0.06);
}
.karamat b.k-title{
  display:flex;align-items:center;gap:8px;
  color:var(--maroon);margin-bottom:10px;font-size:1.12rem;font-family:'Noto Nastaliq Urdu';
}
.karamat b.k-title::before{content:'❈';color:var(--gold);}
.karamat p{margin:0;font-size:1.06rem;}

.content-card > .content-card-footer{
  border-top:1px solid var(--line);margin-top:30px;padding:24px 0 34px;text-align:center;
}

.coming-note{
  max-width:760px;margin:0 auto 60px;padding:22px 26px;
  background:var(--card);border:1px dashed var(--gold);border-radius:14px;
  text-align:center;font-family:'Noto Naskh Arabic';color:#5a6a5f;font-size:.95rem;
}

/* ---------- shajra image frame ---------- */
.shajra-frame{
  max-width:520px;margin:20px auto 10px;
  border:2px solid var(--gold);border-radius:12px;overflow:hidden;
  box-shadow:0 10px 28px rgba(31,75,63,0.18);
}
.shajra-frame img{width:100%;display:block;}

/* ---------- books page ---------- */
.book-card{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:30px;display:flex;gap:26px;align-items:center;margin-bottom:24px;
  flex-wrap:wrap;box-shadow:0 6px 20px rgba(31,75,63,0.06);
  transition:box-shadow .25s, transform .25s;
}
.book-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.book-cover{
  width:92px;height:124px;flex:none;border-radius:6px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--emerald),var(--emerald-deeper));
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-bright);font-family:'Noto Nastaliq Urdu';font-size:1.7rem;
  box-shadow:0 8px 20px rgba(31,75,63,0.3);
  border:1px solid rgba(217,174,92,0.4);
}
.book-cover::after{
  content:'';position:absolute;inset:6px;border:1px solid rgba(217,174,92,0.35);border-radius:3px;
}
.book-info{flex:1;min-width:230px;}
.book-info h3{margin:0 0 8px;font-size:1.4rem;color:var(--emerald-dark);}
.book-info p{font-family:'Noto Naskh Arabic';font-size:.93rem;color:#5a6a5f;margin:0 0 16px;line-height:1.9;}
.book-actions{display:flex;gap:12px;flex-wrap:wrap;}
.btn{
  font-family:'Noto Naskh Arabic';font-size:.92rem;
  padding:10px 22px;border-radius:8px;border:1px solid var(--emerald);
  color:var(--emerald-dark);transition:background .2s,color .2s,box-shadow .2s;
}
.btn.solid{background:var(--emerald);color:#fff;box-shadow:0 4px 14px rgba(31,75,63,0.25);}
.btn.solid:hover{background:var(--emerald-dark);}
.btn:not(.solid):hover{background:rgba(31,75,63,0.08);}

/* ---------- gallery page ---------- */
.gallery-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;
}
.gallery-slot{
  aspect-ratio:1/1;border-radius:14px;
  background:linear-gradient(160deg, var(--card), var(--page-deep));
  border:1px dashed var(--gold);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:var(--gold);font-family:'Noto Naskh Arabic';font-size:.82rem;text-align:center;
  transition:transform .2s;
}
.gallery-slot:hover{transform:translateY(-4px);}
.gallery-slot .g-ico{font-size:1.6rem;font-family:'Noto Nastaliq Urdu';color:var(--gold-bright);}

/* ---------- daily verse / hadith widgets ---------- */
.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media (max-width:760px){.daily-grid{grid-template-columns:1fr;}}
.daily-card{
  background:linear-gradient(180deg, #FFFDF6, #FBF5E4);
  border:1px solid var(--line);border-inline-start:5px solid var(--gold);
  border-radius:12px;padding:26px 24px;box-shadow:0 4px 14px rgba(31,75,63,0.06);
  min-height:180px;
}
.daily-label{
  font-family:'Noto Naskh Arabic';color:var(--maroon);font-size:.95rem;font-weight:700;
  margin-bottom:14px;display:flex;align-items:center;gap:8px;
}
.daily-label::before{content:'❈';color:var(--gold);}
.daily-arabic{
  font-family:'Amiri','Noto Nastaliq Urdu',serif;font-size:1.35rem;line-height:2.1;
  color:var(--emerald-dark);margin-bottom:14px;text-align:center;direction:rtl;
}
.daily-translation{font-size:1.08rem;color:#26352b;line-height:2;margin-bottom:12px;}
.daily-ref{font-family:'Noto Naskh Arabic';font-size:.85rem;color:var(--gold);text-align:left;direction:ltr;}
.daily-loading{color:#9aa89e;font-family:'Noto Naskh Arabic';font-size:.92rem;}

/* ---------- responsive ---------- */
@media (max-width:640px){
  .nav-links{display:none;}
  .brand{font-size:.88rem;gap:8px;}
  .chain{gap:40px 0;}
  .chain-link .thread{display:none;}
  .content-card{padding:40px 22px 10px;}
  .silsila-card{padding:32px 18px 26px;}
}