.elementor-10457 .elementor-element.elementor-element-03c1370{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10457 .elementor-element.elementor-element-0aaf6f4{--display:flex;}/* Start custom CSS for container, class: .elementor-element-03c1370 *//* === TOC: خلفية تحت النص فقط + حركة شاعرية خفيفة === */
.sx-toc{
  background:#fff;                 /* يمسح أي أصفر سابق على الصندوق كله */
  position:relative;
  border-radius:16px;
  overflow:hidden;
}

/* طبقة ملوّنة "تحت الكلام" (لا تلمس الحواف) */
.sx-toc::before{
  content:"";
  position:absolute;
  /* نترك الهوامش الجانبية والعلوية لعنوان الفهرس */
  left:12px; right:12px; 
  top:44px;                        /* يبدأ أسفل عنوان الفهرس <strong> */
  bottom:10px;                     /* مسافة بسيطة قبل الحافة السفلية */
  border-radius:12px;
  background:
    linear-gradient(180deg,
      rgba(255, 234, 170, .22) 0%,
      rgba(255, 234, 170, .14) 55%,
      rgba(255, 234, 170, 0)   100%);
  animation: tocUnderGlow 11s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:0;                       /* يبقى خلف المحتوى */
}

/* خط لمعان هادي يمر داخل الخلفية (برضه داخل الصندوق وتحت النص) */
.sx-toc::after{
  content:"";
  position:absolute;
  left:18px; right:18px;
  bottom:22px;
  height:22px;
  border-radius:999px;
  background:linear-gradient(90deg, 
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.18) 40%,
    rgba(255,255,255,0) 80%);
  animation: tocSweepInner 15s linear infinite;
  pointer-events:none;
  z-index:0;
}

/* نحافظ أن كل المحتوى فوق المؤثرات */
.sx-toc > *{ position:relative; z-index:1 }

/* حركة الخلفية الداخلية (أوضح قليلاً لكن هادئة) */
@keyframes tocUnderGlow{
  0%   { transform: translateY(0) scale(1);    opacity:.95; }
  50%  { transform: translateY(-4px) scale(1); opacity:.95; }
  100% { transform: translateY(0) scale(1);    opacity:.95; }
}

/* انسياب لمعان خفيف عبر أسفل الصندوق */
@keyframes tocSweepInner{
  0%   { transform: translateX(20%); }
  100% { transform: translateX(-20%); }
}/* End custom CSS */