/* =========================================
   🔢 التنسيقات المستقلة لبلوك العدادات
   ========================================= */

.counter-top-bar { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; }

/* ربط لون الـ Badge باللون الأساسي الديناميكي */
.counter-badge { display: inline-flex; align-items: center; background: rgba(var(--count-primary-rgb), 0.1); color: var(--count-primary); padding: 8px 25px; border-radius: 30px; font-weight: 800; font-size: 14px; margin-bottom: 15px; border: 1px solid rgba(var(--count-primary-rgb), 0.2); }

.counter-titles h2 { color: #1a1a1a; font-size: 40px; font-weight: 900; margin: 0; font-family: 'Tajawal', sans-serif; white-space: nowrap; }

.counter-btn-box { margin-top: 25px; }
/* ربط لون خلفية أيقونات العدادات باللون الأساسي الديناميكي (بدون التأثير على الهوفر) */
.counter-two__single .counter-two__icon {
    background-color: var(--count-primary) !important;
}
/* تأثيرات الهوفر للعدادات */
.counter-two__single:hover .counter-two__icon { background-color: #ffffff !important; box-shadow: 0 10px 20px rgba(var(--count-primary-rgb), 0.2); }
.counter-two__single:hover .counter-two__icon span { color: var(--count-primary) !important; transform: scale(1.1); transition: all 0.3s ease; }

@media (max-width: 768px) { 
    .counter-titles h2 { font-size: 28px; white-space: normal; } 
}