/* ===== مكونات مقالات الوصفات ===== */
:root {
  --rcp-accent: #b06a45;       /* اللون الرئيسي: عدّله ليطابق هوية موقعك */
  --rcp-accent-dark: #8f5233;
  --rcp-bg-soft: #faf4ee;      /* خلفية دافئة فاتحة للصناديق */
  --rcp-border: #e9ded3;
  --rcp-text-muted: #6f655c;
}

/* 1) صندوق قسم (ملاحظات المكونات، التنويعات، التخزين) */
.rcp-box {
  border: 1px solid var(--rcp-border);
  border-radius: 12px;
  padding: 22px 24px;
  margin: 32px 0;
  background: #fffdfb;
}
.rcp-box > h2, .rcp-box > h3 { margin-top: 0; }
.rcp-box > :last-child { margin-bottom: 0; }

/* 2) صندوق النصائح بعنوان صغير */
.rcp-note {
  background: var(--rcp-bg-soft);
  border-left: 4px solid var(--rcp-accent);
  border-radius: 10px;
  padding: 18px 22px;
  margin: 32px 0;
}
.rcp-note-title {
  font-weight: 700;
  color: var(--rcp-accent-dark);
  margin: 0 0 10px;
  font-size: 1.05em;
}
.rcp-note > :last-child { margin-bottom: 0; }
.rcp-note ul { margin: 0; padding-left: 20px; }
.rcp-note li { margin-bottom: 8px; }
.rcp-note li:last-child { margin-bottom: 0; }

/* 3) سطر "ستحب أيضًا" مع روابط داخلية */
.rcp-love {
  position: relative;
  background: var(--rcp-bg-soft);
  border-radius: 10px;
  padding: 14px 18px 14px 46px;
  margin: 28px 0;
}
.rcp-love::before {
  content: "\2665";  /* قلب */
  position: absolute;
  left: 18px;
  top: 13px;
  color: var(--rcp-accent);
}
.rcp-love a { color: var(--rcp-accent-dark); font-weight: 600; }

/* 4) سؤال شائع قابل للطي */
.rcp-faq {
  border: 1px solid var(--rcp-border);
  border-radius: 10px;
  background: #fff;
  margin: 12px 0;
}
.rcp-faq summary {
  cursor: pointer;
  font-weight: 700;
  padding: 14px 44px 14px 18px;
  position: relative;
  list-style: none;
}
.rcp-faq summary::-webkit-details-marker { display: none; }
.rcp-faq summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--rcp-accent);
  font-size: 1.3em;
  font-weight: 700;
}
.rcp-faq[open] summary::after { content: "\2212"; }
.rcp-faq > p { padding: 0 18px 16px; margin: 0; }

/* 5) تعليق تحت صورة العملية */
.rcp-caption {
  font-style: italic;
  font-size: .92em;
  color: var(--rcp-text-muted);
  text-align: center;
  margin: 10px 0 30px;
}

/* 6) فاصل ناعم بين الأقسام */
hr.rcp-divider {
  border: none;
  border-top: 1px solid var(--rcp-border);
  margin: 40px auto;
  max-width: 640px;
}

/* شاشات صغيرة */
@media (max-width: 480px) {
  .rcp-box { padding: 16px; }
  .rcp-note { padding: 14px 16px; }
}