/* =========================
   divider.css
   Full-width section divider (edge to edge)
========================= */

.sectionDivider{
  /* عرض المتصفح بالكامل */
  width: 100vw;
  height: 1px;

  /* نكسر أي container */
  position: relative;
  left: 50%;
  transform: translateX(-50%);

  /* بدون أي مسافات */
  margin: 0;
  padding: 0;

  /* الخط */
  background: linear-gradient(
    90deg,
    rgba(50,214,255,0),
    rgba(50,214,255,.9),
    rgba(50,214,255,0)
  );

  z-index: 5;
}

/* لمعة خفيفة جدًا فوق الخط */
.sectionDivider::after{
  content: "";
  position: absolute;
  inset: -6px 0; /* يطلع فوق وتحت الخط شوية */
  pointer-events: none;

  background: radial-gradient(
    60% 100% at 50% 50%,
    rgba(50,214,255,.22),
    rgba(50,214,255,0) 70%
  );

  filter: blur(2px);
}