.post-body h2:not(.rnav-title) { border-right: 5px solid var(--minColor); /* الحد على الجانب الأيمن */ border-radius: 0; /* إزالة الحواف الدائرية */ color: #8B0000; /* اللون الأحمر الدموي للنص */ display: block; /* عرض الكتلة */ margin: 5px 0px 10px; /* الهوامش */ padding: 3px 20px; /* الحشوة */ font-weight: bold; /* زيادة سمك الخط */ } /* استهداف العناوين H3 فقط في صفحات المقالات */ .post-body h3 { position: relative; display: inline-block; padding-bottom: 10px; font-weight: bold; /* زيادة سمك الخط */ } .post-body h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; /* سمك الخط السفلي */ background: linear-gradient(to right, #8B0000, #000000, #8B0000); /* التدرج اللوني */ } /* إعدادات عامة للبطاقات */ .cards-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; padding: 30px; background-color: #f4f4f4; justify-content: center; } .service-card { border-radius: 15px; overflow: hidden; background: #ffffff; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .service-card:hover { transform: scale(1.05); box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15); } .service-card img { width: 180px; /* زيادة حجم العرض */ height: 180px; /* زيادة حجم الطول */ object-fit: cover; border-radius: 50%; margin: 10px auto 2px auto; /* تقليل المسافة السفلية أسفل الصورة */ display: block; } .service-card-content { padding: 20px; text-align: center; } .service-card h3 { font-size: 1.5rem; color: #222; margin-top: 5px; /* تقليل المسافة العلوية بين العنوان والصورة */ margin-bottom: 15px; font-weight: bold; } .service-card blockquote { font-size: 1.1rem; color: #555; line-height: 1.7; margin: 15px 0; padding: 15px 20px; background-color: #f9f9f9; border-left: 5px solid #a30000; /* لون أحمر مائل للدم */ border-radius: 5px; font-style: italic; position: relative; overflow: hidden; /* إصلاح ظهور الرموز فوق النص */ } .service-card blockquote::before, .service-card blockquote::after { content: ""; display: none; /* إخفاء أي رموز إضافية مثل الخراطيق */ } .service-card .price { font-size: 1.3rem; color: #333; font-weight: bold; margin: 20px 0; } .service-card button { padding: 10px 20px; font-size: 1rem; color: #fff; background-color: #a30000; border: none; border-radius: 30px; cursor: pointer; transition: background-color 0.3s ease; } .service-card button:hover { background-color: #cc0000; } /* تصميم حالة الفرصة */ .status { font-weight: bold; font-size: 18px; text-align: center; padding: 5px 10px; display: inline-block; position: relative; color: inherit; animation: glow-text 8s ease-in-out infinite; } .status.available { color: #28a745; } .status.unavailable { color: #dc3545; } @keyframes glow-text { 0% { text-shadow: 0 0 5px transparent, 0 0 10px transparent, 0 0 15px transparent; } 50% { text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor; } 100% { text-shadow: 0 0 5px transparent, 0 0 10px transparent, 0 0 15px transparent; } } } -->