.elementor-10273 .elementor-element.elementor-element-31447d7{--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-10273 .elementor-element.elementor-element-3c96353{--display:flex;}/* Start custom CSS for container, class: .elementor-element-31447d7 *//* ==== تقوية الحركة والوهج لصندوق فهرس المحتوى ==== */
/* نفس الكلاس .sx-toc داخل .sx-article فقط */

.sx-article .sx-toc{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  isolation: isolate;
}

/* وهج ذهبي أوضح + حركة ترانزليت + روتيت أهدى */
.sx-article .sx-toc::before{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius:28px;
  background:
    radial-gradient(320px 260px at 0% 0%,     rgba(255,236,179,.34), transparent 62%),
    radial-gradient(300px 240px at 100% 100%, rgba(255,224,130,.30), transparent 68%),
    conic-gradient(from 0deg at 70% 30%,
      rgba(255,249,196,.26) 0 25%,  transparent 25% 50%,
      rgba(255,249,196,.22) 50% 75%, transparent 75% 100%);
  filter: blur(14px) saturate(1.08);
  animation: tocAurora 16s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  z-index:0;
  pointer-events:none;
}

/* لمعان خفيف أقوى شويّة */
.sx-article .sx-toc::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(140px 140px at 25% 15%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(130px 130px at 75% 85%, rgba(255,255,255,.14), transparent 60%);
  mix-blend-mode:soft-light;
  pointer-events:none;
  z-index:0;
}

/* رفع محتوى الصندوق فوق الخلفية */
.sx-article .sx-toc > *{ position:relative; z-index:1 }

/* حركة أوضح: تدوير + انزياحات بسيطة */
@keyframes tocAurora{
  0%   { transform: translate(-2%, -1%) rotate(0deg)    scale(1);    opacity:.95; }
  25%  { transform: translate(1%, 2%)   rotate(90deg)   scale(1.03); opacity:1;   }
  50%  { transform: translate(2%, -1%)  rotate(180deg)  scale(1.05); opacity:.98; }
  75%  { transform: translate(-1%, 1%)  rotate(270deg)  scale(1.03); opacity:1;   }
  100% { transform: translate(-2%, -1%) rotate(360deg)  scale(1);    opacity:.95; }
}/* End custom CSS */