/* دار بابا علال — أنماط مخصصة */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;500;600;700;800&display=swap');
body{font-family:'Cairo',sans-serif;background:#fdfbf6;color:#462c1e;}
.font-display{font-family:'Amiri',serif;}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
.btn-shine{position:relative;overflow:hidden;}
.btn-shine::after{content:'';position:absolute;top:0;inset-inline-start:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:inset-inline-start .6s ease;}
.btn-shine:hover::after{inset-inline-start:130%;}
.prose-content{line-height:2;}
.prose-content h2{font-family:'Amiri',serif;font-size:1.5rem;font-weight:700;margin:1.6rem 0 .7rem;color:#462c1e;}
.prose-content h3{font-weight:700;font-size:1.2rem;margin:1.2rem 0 .5rem;color:#5a3a28;}
.prose-content p{margin-bottom:.9rem;color:#6f4a33;}
.prose-content ul{list-style:disc;padding-inline-start:1.4rem;margin-bottom:1rem;}
.prose-content li{margin-bottom:.4rem;color:#6f4a33;}
.prose-content strong{color:#462c1e;font-weight:700;}
/* صور المحتوى: بدون مسافات بينها + تملأ عرض الشاشة على الهاتف */
.prose-content img{
  display:block;width:100%;max-width:none;
  margin:0!important;border-radius:0;
}
/* الصورة الأولى تأخذ حواف دائرية من الأعلى، الأخيرة من الأسفل */
.prose-content img:first-child{border-radius:12px 12px 0 0;}
.prose-content img:last-child{border-radius:0 0 12px 12px;}
.prose-content img:only-child{border-radius:12px;}
/* على الهاتف: الصور تخرج من الحواف لتملأ الشاشة كاملة */
@media (max-width:768px){
  .prose-content img{
    width:100vw!important;
    margin-left:calc(-50vw + 50%)!important;
    margin-right:calc(-50vw + 50%)!important;
    border-radius:0!important;
  }
  /* الحاوية تسمح بخروج الصور */
  .full-bleed-mobile{overflow-x:hidden;}
}
@keyframes wa-pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}50%{box-shadow:0 0 0 12px rgba(16,185,129,0)}}
.animate-wa-pulse{animation:wa-pulse 2s infinite;}
.translate-y-full{transform:translateY(100%);}
/* شريط إعلاني متحرك */
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(50%)}}
.animate-marquee{display:inline-block;animation:marquee 20s linear infinite;}
@media (min-width:769px){.animate-marquee{animation:none;}}
/* أنميشن صفحة الشكر */
@keyframes zoom-in-pop{0%{opacity:0;transform:scale(.6) translateY(10px)}60%{opacity:1;transform:scale(1.06)}100%{transform:scale(1)}}
.animate-zoom-in{animation:zoom-in-pop .55s cubic-bezier(.18,.89,.32,1.28) both;}
@keyframes check-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
.animate-check{animation:check-pop .5s ease .1s both;}
@keyframes fade-in-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.animate-fade-up{opacity:0;animation:fade-in-up .6s ease-out both;}
@keyframes glow-ring{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.8);opacity:0}}
.animate-glow-ring{animation:glow-ring 2s ease-out infinite;}
@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh) rotate(0)}100%{opacity:0;transform:translateY(110vh) rotate(720deg)}}
.confetti-piece{position:fixed;top:0;width:10px;height:14px;z-index:60;pointer-events:none;animation:confetti-fall linear forwards;}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
.text-shimmer{background:linear-gradient(90deg,#b27c18,#e6b236,#f4dd92,#e6b236,#b27c18);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;}