/* ============================================================
   رِفادة — صفحة المادة v49
   هدف الملف: جعل صفحة المادة أقرب للصورة المرجعية دون التأثير على الصفحة الرئيسية
   ============================================================ */

:root{
  --m49-teal:#0f5b5f;
  --m49-teal-dark:#0b4648;
  --m49-gold:#c59a4a;
  --m49-gold-soft:#f4ead8;
  --m49-bg:#fbf8f1;
  --m49-card:#fffdf8;
  --m49-line:#eadfce;
  --m49-muted:#6f7a78;
  --m49-shadow:0 10px 32px rgba(39,54,51,.07);
  --m49-radius:18px;
}

/* خلفية عامة هادئة كما في الصورة */
.rf-entry-page{
  background:
    radial-gradient(circle at 85% 8%, rgba(197,154,74,.10), transparent 28%),
    linear-gradient(180deg,#fffdf8 0%,#faf6ee 45%,#fbf8f1 100%);
  min-height:70vh;
  padding-bottom:2.5rem;
}

/* breadcrumb */
.rf-entry-breadcrumb{
  background:rgba(255,253,248,.86);
  border-bottom:1px solid rgba(234,223,206,.72);
}
.rf-entry-breadcrumb .rf-breadcrumb{
  margin:0;
  padding:.7rem 0;
  font-size:.84rem;
}
.rf-breadcrumb a{color:var(--m49-teal);font-weight:700}
.rf-breadcrumb .sep{color:#b7a98f}
.rf-breadcrumb .current{color:#394b49;font-weight:700}

/* تخطيط الصفحة: العمود الجانبي يسار، المحتوى الرئيسي يمين/وسط */
.rf-entry-layout{
  display:grid !important;
  grid-template-columns:305px minmax(0,1fr) !important;
  gap:1.4rem !important;
  align-items:start;
  direction:ltr;
  margin-top:1.25rem;
}
.rf-entry-layout > *{direction:rtl}
.rf-entry-sidebar{
  grid-column:1;
  position:sticky;
  top:112px;
  display:grid;
  gap:1rem;
}
.rf-entry-main{
  grid-column:2;
  display:grid;
  gap:1rem;
}

/* بطاقات العمود الجانبي */
.rf-side-card{
  background:var(--m49-card);
  border:1px solid var(--m49-line);
  border-radius:18px;
  box-shadow:var(--m49-shadow);
  overflow:hidden;
  padding:1.05rem 1.1rem;
}
.rf-side-card-hd{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  margin-bottom:.9rem;
}
.rf-side-card-hd h3{
  margin:0;
  font-size:1.1rem;
  color:var(--m49-teal);
  font-weight:800;
  white-space:nowrap;
}
.rf-side-hd-line{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--m49-gold),transparent);
  flex:1;
}
.rf-side-hd-line:first-child:after,
.rf-side-hd-line:last-child:after{
  content:"";
  display:block;
  width:7px;height:7px;
  background:var(--m49-gold);
  transform:rotate(45deg);
  margin-top:-3px;
}

/* نظرة سريعة */
.rf-quick-list{display:grid;gap:.58rem}
.rf-quick-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:45px;
  padding:.55rem .75rem;
  border-radius:13px;
  font-weight:800;
  font-size:.92rem;
}
.rf-quick-item.rf-qi-no{
  background:#f6f2eb;
  color:#9a8d7b;
}
.rf-qi-quran{background:#edf8ed;color:#246c35}
.rf-qi-hadith{background:#edf5fb;color:#285e76}
.rf-qi-old{background:#fff5e2;color:#936a21}
.rf-qi-warn{background:#fff0ee;color:#ac433a}
.rf-qi-modern{background:#f3effb;color:#6e4a95}
.rf-qi-badge{
  width:35px;height:35px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.66);
}

/* السلامة */
.rf-safety-box{font-size:.9rem}
.rf-safety-lbl{
  margin:0 0 .35rem;
  color:var(--m49-teal);
  font-size:.85rem;
  font-weight:800;
}
.rf-safety-levels-row{
  display:grid;
  gap:.45rem;
  margin-bottom:.65rem;
}
.rf-slvl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.55rem;
  padding:.38rem .55rem;
  border-radius:10px;
  color:#5e6b68;
  border:1px solid transparent;
}
.rf-slvl.active{
  background:#f6f9f3;
  border-color:#dce8d6;
  color:#1d423e;
  font-weight:800;
}
.rf-slvl-dot{
  width:12px;height:12px;border-radius:50%;
  display:inline-block;
}
.rf-slvl-dot.low{background:#2f8b3f}
.rf-slvl-dot.medium{background:#d5892e}
.rf-slvl-dot.high{background:#c7463f}
.rf-slvl-dot.unknown{background:#8a8a8a}
.rf-safety-notes{
  list-style:none;
  padding:0;
  margin:.65rem 0;
}
.rf-safety-notes li{
  background:#fff8f4;
  border:1px solid #f0d6c8;
  border-radius:10px;
  padding:.55rem .65rem;
  color:#7a4336;
  margin-bottom:.45rem;
  line-height:1.7;
}
.rf-safety-more{
  display:inline-flex;
  align-items:center;
  color:var(--m49-teal);
  font-weight:800;
  font-size:.86rem;
}
.rf-safety-none{
  background:#eef7f5;
  border-radius:10px;
  padding:.7rem;
  color:var(--m49-teal);
}

/* معلومات أساسية */
.rf-meta-list{display:grid;gap:.2rem}
.rf-meta-item{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:.5rem;
  align-items:center;
  padding:.72rem 0;
  border-bottom:1px solid #f0e8d8;
}
.rf-meta-item:last-child{border-bottom:0}
.rf-meta-icon{
  color:var(--m49-gold);
  font-size:1rem;
}
.rf-meta-key{
  color:#6b7573;
  font-weight:700;
  font-size:.9rem;
}
.rf-meta-val{
  color:#394946;
  font-weight:800;
  text-align:left;
  max-width:155px;
}
.rf-meta-val.green{color:var(--m49-teal)}
.rf-meta-val.amber{color:#b4802e}
.rf-meta-val.italic{font-style:italic;font-family:Georgia,serif;font-size:.85rem}

/* مواد مرتبطة في السايدبار */
.rf-related-list{display:grid;gap:.45rem}
.rf-related-item{
  display:flex;
  justify-content:space-between;
  gap:.7rem;
  align-items:center;
  border:1px solid #f0e8d8;
  border-radius:11px;
  padding:.58rem .7rem;
  color:var(--m49-teal);
  background:#fff;
  transition:.15s;
}
.rf-related-item:hover{
  background:#f7f1e5;
  border-color:#dac7a2;
}
.rf-related-name{font-weight:800}
.rf-related-type{
  color:#8a7d6a;
  font-size:.78rem;
}

/* بطاقة التعريف العلوية */
.rf-entry-hero{
  position:relative;
  min-height:310px;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 370px !important;
  background:var(--m49-card);
  border:1px solid var(--m49-line);
  border-radius:20px;
  box-shadow:var(--m49-shadow);
  overflow:hidden;
  direction:ltr;
}
.rf-entry-hero > *{direction:rtl}
.rf-entry-text{
  position:relative;
  padding:2.2rem 2rem 1.7rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.rf-hero-actions{
  position:absolute;
  top:1.05rem;
  left:1.05rem;
  display:flex;
  gap:.55rem;
  z-index:3;
}
.rf-action-btn{
  width:48px;height:48px;
  border:1px solid #eadfce;
  border-radius:13px;
  background:#fffdf8;
  color:#b9822f;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(49,59,56,.05);
  transition:.16s;
}
.rf-action-btn:hover{
  background:var(--m49-teal);
  color:#fff;
  border-color:var(--m49-teal);
}
.rf-entry-title{
  margin:0;
  color:var(--m49-teal);
  font-size:3.2rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
}
.rf-entry-en{
  color:#b88b42;
  font-family:"Amiri",serif;
  font-size:2.05rem;
  line-height:1.2;
  margin-top:.15rem;
}
.rf-entry-sci{
  color:#6c6258;
  font-family:"Amiri",serif;
  font-style:italic;
  font-size:1.2rem;
  margin:.25rem 0 1rem;
}
.rf-entry-brief{
  max-width:620px;
  margin:0 auto;
  color:#4e5c59;
  font-size:1rem;
  line-height:1.9;
}

/* الصورة في يمين البطاقة */
.rf-entry-img-side{
  grid-column:2;
  background:linear-gradient(180deg,#fff8ec,#f5ead8);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:310px;
  overflow:hidden;
}
.rf-entry-img-side img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* التبويبات */
.rf-entry-tabs{
  background:var(--m49-card);
  border:1px solid var(--m49-line);
  border-radius:18px;
  box-shadow:var(--m49-shadow);
  overflow:hidden;
}
.rf-tab-nav{
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  white-space:nowrap;
  padding:0 1rem;
  background:#fffdf8;
  border-bottom:1px solid var(--m49-line);
}
.rf-tab-nav::-webkit-scrollbar{height:6px}
.rf-tab-nav::-webkit-scrollbar-thumb{background:#dac7a2;border-radius:999px}
.rf-tab-btn{
  position:relative;
  border:0;
  background:transparent;
  padding:1rem .95rem;
  color:#5e6967;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
  transition:.16s;
}
.rf-tab-btn:hover{
  color:var(--m49-teal);
}
.rf-tab-btn.active{
  color:#fffdf8;
}
.rf-tab-btn.active:after{
  content:"";
  position:absolute;
  right:.8rem;
  left:.8rem;
  bottom:-1px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--m49-teal);
}
.rf-tab-count{
  display:inline-flex;
  min-width:20px;
  height:20px;
  justify-content:center;
  align-items:center;
  padding:0 .35rem;
  border-radius:999px;
  background:#f5ead8;
  color:#8b652c;
  font-size:.75rem;
  margin-inline-start:.25rem;
}
.rf-tab-pane{
  display:none;
  padding:1.25rem 1.1rem 1.35rem;
}
.rf-tab-pane.active{
  display:block;
}
.rf-pane-title{
  color:var(--m49-teal);
  font-size:1.25rem;
  margin:0 0 1rem;
  font-weight:800;
}

/* النصوص الشرعية */
.rf-sharia-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.rf-sharia-hd{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.5rem;
  color:var(--m49-teal);
  font-size:1.15rem;
  font-weight:800;
  margin-bottom:.7rem;
}
.rf-sharia-card,
.rf-content-card,
.rf-qcard{
  background:#fff;
  border:1px solid #eadfce;
  border-radius:16px;
  padding:1.05rem;
  box-shadow:0 6px 20px rgba(49,59,56,.045);
}
.rf-sharia-card + .rf-sharia-card{margin-top:.8rem}
.rf-verse,
.rf-quote{
  font-family:"Amiri",serif;
  color:#263b38;
  line-height:2.1;
  font-size:1.12rem;
  margin:0 0 .75rem;
}
.rf-verse{
  text-align:center;
}
.rf-verse-ref,
.rf-hadith-meta{
  color:#7b715f;
  font-size:.88rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:center;
}
.rf-card-note{
  background:#f6fbfa;
  border:1px solid #d9ece9;
  border-radius:11px;
  padding:.65rem .75rem;
  color:var(--m49-teal);
  font-size:.86rem;
}

/* كروت ملخصة أسفل الشريعة */
.rf-quick-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:1rem;
}
.rf-qcard-hd{
  display:flex;
  align-items:center;
  gap:.45rem;
  color:var(--m49-teal);
  font-weight:800;
  margin-bottom:.45rem;
}
.rf-qcard p{
  color:#4c5b58;
  line-height:1.75;
  margin:.25rem 0 .7rem;
}
.rf-qcard-more{
  border:1px solid #e5d6b9;
  background:#fffdf8;
  color:var(--m49-teal);
  border-radius:999px;
  padding:.48rem .8rem;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
}

/* تبويبات المحتوى الأخرى */
.rf-card-notice{
  border-radius:13px;
  padding:.8rem .95rem;
  margin-bottom:1rem;
  background:#eef8f7;
  color:var(--m49-teal);
  border:1px solid #d7ece9;
}
.rf-card-notice.amber{
  background:#fff8ec;
  color:#7c5a23;
  border-color:#ead4a8;
}
.rf-content-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.rf-cc-hd{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.7rem;
  color:var(--m49-teal);
}
.rf-cc-hd strong{font-size:1rem}
.rf-cc-hd small{
  color:#887865;
  margin-inline-start:auto;
}
.rf-heritage-quote{
  border-right:3px solid #c59a4a;
  padding-right:.9rem;
}
.rf-summary-box{
  background:#f7fbfa;
  border:1px solid #dcefea;
  color:#325653;
  border-radius:12px;
  padding:.8rem;
  margin-top:.8rem;
}

/* الأسماء والبدائل */
.rf-alias-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:.65rem;
}
.rf-alias-pill{
  border:1px solid #eadfce;
  border-radius:14px;
  padding:.65rem .75rem;
  background:#fff;
  color:var(--m49-teal);
  font-weight:800;
}
.rf-alias-pill small{
  display:contents;
  font-size:.75rem;
  color:#8b806d;
  font-weight:600;
}
.rf-related-grid-main{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:.75rem;
}
.rf-related-card{
  border:1px solid #eadfce;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  display:flex;
  color:var(--m49-teal);
}
.rf-rc-img{
  width:72px;
  background:#f5ead8;
  flex-shrink:0;
}
.rf-rc-img img{
  width:100%;height:100%;object-fit:cover;
}
.rf-rc-body{
  padding:.75rem;
}
.rf-rc-body strong{display:block}
.rf-rc-body small{color:#7a7166}

/* Responsive */
@media (max-width: 1100px){
  .rf-entry-layout{
    grid-template-columns:1fr !important;
    direction:rtl;
  }
  .rf-entry-sidebar{
    position:static;
    grid-column:auto;
    order:2;
  }
  .rf-entry-main{
    grid-column:auto;
    order:1;
  }
  .rf-entry-hero{
    grid-template-columns:1fr !important;
    direction:rtl;
  }
  .rf-entry-img-side{
    grid-column:auto;
    min-height:260px;
  }
  .rf-entry-text{
    order:2;
  }
}
@media (max-width: 760px){
  .rf-entry-title{font-size:2.1rem}
  .rf-entry-en{font-size:1.55rem}
  .rf-sharia-grid,
  .rf-quick-cards,
  .rf-content-grid{
    grid-template-columns:1fr;
  }
  .rf-hero-actions{
    position:static;
    justify-content:center;
    margin-bottom:1rem;
  }
  .rf-entry-text{
    padding:1.5rem 1.1rem;
  }
  .rf-tab-nav{
    padding:0 .5rem;
  }
  .rf-tab-btn{
    padding:.85rem .7rem;
    font-size:.9rem;
  }
}

/* إخفاء أنماط قديمة قد تتداخل */
.rf-entry-page .rf-entry-main > .card,
.rf-entry-page .tabs-container{
  box-shadow:none;
}
