/* ===== 1) تخصيص placeholder البحث ===== */

/* إخفاء النص القديم */
input::placeholder {
    color: transparent;
}

/* إضافة النص الجديد فوق حقل الإدخال */
.custom-placeholder {
    position: relative;
}

.custom-placeholder input {
    position: relative;
    z-index: 1;
}

.custom-placeholder::before {
    content: "ابحث عن دورة تدريبية تخصصية حضورية";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #888;
    pointer-events: none;
    z-index: 0;
}

/* ===== 2) تغيير نصوص الأزرار ===== */

/* إخفاء النص الأصلي بالكامل داخل زر السلة */
salla-add-product-button button,
salla-add-product-button button * {
    font-size: 0 !important;
}

/* إعادة إظهار أيقونة السلة */
salla-add-product-button button i,
salla-add-product-button button svg {
    font-size: 16px !important;
}

/* زر إضافة للسلة → احجز مقعدك */
salla-add-product-button button:not([disabled])::after {
    content: "احجز مقعدك";
    font-size: 14px;
    margin-inline-start: 4px;
}

/* زر نفدت الكمية → اكتملت المقاعد */
salla-add-product-button button[disabled]::after {
    content: "اكتملت المقاعد";
    font-size: 14px;
}

/* زر اشتري الآن → احجز الآن */
salla-quick-buy button,
salla-quick-buy button * {
    font-size: 0 !important;
}

salla-quick-buy button i,
salla-quick-buy button svg {
    font-size: 16px !important;
}

salla-quick-buy button::after {
    content: "احجز الآن";
    font-size: 14px;
    margin-inline-start: 4px;
}