/* 🔹 تحسين شكل قسم الروابط السريعة في صفحة سلة */
/* العنوان */
.section-title,
h2.section__title,
h2.section-title {
text-align: center !important;
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 25px;
color: #3e3e3e;
}
/* الحاوية العامة للبطاقات */
.quick-links,
.links-grid,
.section-links,
.s-block--links,
.s-block--links .s-block-content {
display: flex !important;
flex-wrap: wrap;
justify-content: center !important;
gap: 20px !important; /* ← تحكم في المسافة بين البطاقات */
align-items: stretch;
}
/* البطاقات الفردية */
.quick-links .link-item,
.links-grid-item,
.s-block-item {
flex: 1 1 180px !important; /* ← حجم البطاقة */
min-width: 160px;
max-width: 200px;
text-align: center;
background: #fff;
border-radius: 10px;
padding: 15px;
transition: all 0.3s ease;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
/* تأثير hover جميل */
.quick-links .link-item:hover,
.links-grid-item:hover,
.s-block-item:hover {
transform: translateY(-5px);
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}
/* الأيقونات داخل البطاقة */
.quick-links .link-item svg,
.quick-links .link-item img,
.links-grid-item svg,
.links-grid-item img {
display: block;
margin: 0 auto 10px;
max-width: 40px;
height: auto;
}
/* النص داخل البطاقة */
.quick-links .link-item span,
.links-grid-item span {
display: block;
font-size: 15px;
color: #333;
font-weight: 500;
}
/* استجابة للموبايل */
@media (max-width: 600px) {
.quick-links,
.links-grid,
.s-block--links .s-block-content {
gap: 12px !important;
}
.quick-links .link-item,
.links-grid-item {
flex: 1 1 45% !important;
padding: 10px;
}
}
/* ===== تنسيق عنوان قسم منتجات متحركة ===== */
.component-products-slider .section-title,
.component-products-slider h2,
.component-products-slider .component-title {
text-align: center !important;
font-size: 28px !important;
font-weight: 800 !important;
color: #4a3b8f !important; /* غامق بنفسجي جميل */
font-family: "Almarai", sans-serif !important;
margin-bottom: 25px !important;
letter-spacing: 0.5px;
position: relative;
}
/* خط زخرفي متدرج تحت العنوان */
.component-products-slider .section-title::after {
content: "";
display: block;
width: 90px;
height: 4px;
background: linear-gradient(90deg, #d4af37, #b88a00);
margin: 10px auto 0;
border-radius: 4px;
animation: shine 3s infinite ease-in-out;
}
/* تأثير حركة خفيف في الخط */
@keyframes shine {
0% { opacity: 0.4; width: 70px; }
50% { opacity: 1; width: 110px; }
100% { opacity: 0.4; width: 70px; }
}
/* نسخة قوية لتوسيط وتجميل عنوان قسم 'منتجات متحركة' */
h1.section-title,
h2.section-title,
h3.section-title,
.section-title,
.component-title,
.component-title h2,
.component-products-slider .section-title,
.section--products .section-title,
.section--products h2,
.products-section .section-title,
.products-section h2,
[data-section-title],
[aria-label*="منتجات"],
/* generic headings inside product blocks */
.s-block--title,
.s-block--title h2,
.widget-title {
text-align: center !important;
font-size: 28px !important;
font-weight: 800 !important;
color: #4a3b8f !important; /* غامق بنفسجي */
font-family: "Almarai", sans-serif !important;
margin: 0 0 18px !important;
letter-spacing: 0.4px !important;
position: relative !important;
}
/* زخرفة ذهبي صغير تحتي */
.section-title::after,
.component-title::after,
.widget-title::after {
content: "" !important;
display: block !important;
width: 90px !important;
height: 4px !important;
background: linear-gradient(90deg, #d4af37, #b88a00) !important;
margin: 10px auto 0 !important;
border-radius: 4px !important;
animation: sindi-shine 3s infinite ease-in-out !important;
}
@keyframes sindi-shine {
0% { opacity: 0.35; width: 70px; }
50% { opacity: 1; width: 110px; }
100% { opacity: 0.35; width: 70px; }
}
/* 🔧 تصحيح بهتان الصور داخل سكشن الأقسام */
#sindi-categories-section-v1 img {
filter: none !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
transition: none !important;
background: none !important;
}
/* إزالة أي طبقة فوق الصور (تراكب أو ظل أو لون) */
#sindi-categories-section-v1 .sindi-thumb::before,
#sindi-categories-section-v1 .sindi-thumb::after {
display: none !important;
background: none !important;
opacity: 0 !important;
content: none !important;
}
/* تأكيد إن الخلفية بيضاء ونظيفة */
#sindi-categories-section-v1 .sindi-thumb {
background: #fff !important;
}
/* أحياناً الصورة نفسها فيها فلاتر من الثيم */
#sindi-categories-section-v1 .sindi-thumb img {
mix-blend-mode: normal !important;
filter: none !important;
opacity: 1 !important;
background: transparent !important;
}
/* 🌈 إصلاح بهتان ألوان سكشن "صور متحركة (محسّنة)" في قالب رايد */
[data-widget-type*="enhanced_images"],
[data-widget-type*="enhanced-images"],
[data-section-type*="enhanced_images"],
[data-section-type*="enhanced-images"] {
background: none !important;
}
[data-widget-type*="enhanced_images"] img,
[data-widget-type*="enhanced-images"] img,
[data-section-type*="enhanced_images"] img,
[data-section-type*="enhanced-images"] img {
filter: none !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
transition: none !important;
background: transparent !important;
}
/* إزالة أي تراكب رمادي أو أبيض فوق الصور */
[data-widget-type*="enhanced_images"]::before,
[data-widget-type*="enhanced_images"]::after,
[data-widget-type*="enhanced-images"]::before,
[data-widget-type*="enhanced-images"]::after,
[data-section-type*="enhanced_images"]::before,
[data-section-type*="enhanced_images"]::after,
[data-section-type*="enhanced-images"]::before,
[data-section-type*="enhanced-images"]::after {
display: none !important;
background: none !important;
opacity: 0 !important;
content: none !important;
}