/* خلفية فاتحة كما الـFAQ */
.posts-section {
  background: linear-gradient(180deg, #f7f4fb 0%, #ffffff 100%);
  border-radius: 16px;
}

/* ثبات ارتفاع الصورة والكارت */
.post-card { display: flex; flex-direction: column; }
.post-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.post-body { padding: 1.2rem 1rem 1.5rem; flex: 1; display: flex; flex-direction: column; }
.post-title { color: var(--purple); font-weight: 700; margin-bottom: .55rem; }
.post-text { color: #555; font-size: .95rem; line-height: 1.6; margin-bottom: 1rem; }

/* مؤشرات الكاروسيل على الهاتف بنكهة الموقع */
#postsCarousel .carousel-indicators [data-bs-target]{
  width: 10px; height: 10px; border-radius: 50%;
  background-color: rgba(75,31,111,.35);
  border: 2px solid var(--purple);
}
#postsCarousel .carousel-indicators .active{
  background-color: var(--aqua);
  border-color: var(--aqua);
}

/* زر “استعرض جميع المقالات” بنكهة خاصة */
.btn-outline-aqua{
  display: inline-flex; align-items: center; justify-content: center;
  padding: .7rem 1.2rem; border-radius: 12px;
  border: 2px solid var(--aqua); color: var(--aqua); font-weight: 800;
  transition: transform .15s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
  text-decoration: none;
}
.btn-outline-aqua:hover{
  background: var(--aqua); color: #2b2140;
  transform: translateY(-2px); box-shadow: 0 8px 18px rgba(65,230,192,.35);
}