/* Add custom CSS styles below */ 
/* =======================
   الخط العام لكل شيء داخل my-text
======================= */
.my-text,
.my-text * {
    font-family: 'OM Saudi National Day Pattern', sans-serif !important;
}

/* =======================
   العنوان على صورة الخلفية الكبيرة مع حدود سوداء حول الخط
======================= */
.my-text .background-title {
    font-size: 36px !important;        /* حجم الخط الكبير للخلفية */
    color: #ffffff !important;         /* لون الخط */
    
    /* إضافة حد أسود حول النص */
    -webkit-text-stroke: 2px #000;     /* سمك الحد ولونه */
    text-stroke: 2px #000;             /* للمتصفحات التي تدعم المعيار الجديد */
    text-fill-color: #ffffff;          /* لون التعبئة الداخلي */
}

/* =======================
   أسماء التصنيفات على الصور الصغيرة
======================= */
.my-text .category-label {
    font-size: 18px !important;        /* حجم الخط الأصغر للصور الصغيرة */
    color: #ff0000 !important;         /* لون الخط */
}