/* 1. صبغ البوكس الأبيض الخارجي كاملاً باللون الداكن */
.card,
.panel,
.store-certificate-inputs,
.product-details-options,
.cart-options,
div[class*="options"],
div[class*="field"] {
    background-color: #12161f !important;
    border: 1px solid #2a3142 !important;
    box-shadow: none !important;
}

/* 2. إلغاء أي حدود بيضاء أو خطوط نقطية خارجية */
div[style*="background-color: white"],
div[style*="background: white"],
div[style*="background: rgb(255, 255, 255)"] {
    background-color: #12161f !important;
}

/* 3. التأكد من ثبات لون العناوين أبيض والكتابة داخل الخانات بيضاء */
.product-options label,
div[class*="field"] label,
div[class*="field"] span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

input[type="text"],
input[type="password"] {
    background-color: #0d1117 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #30363d !important;
}

/* إصلاح خلفية ولون الحقول المخصصة في الوضع الداكن */
.custom-fields-container,
.custom-field-item,
.salla-custom-fields,
div[class*="custom-field"] {
    background-color: #121212 !important;
    border: 1px solid #27272a !important;
    border-radius: 10px !important;
    padding: 12px !important;
    color: #ffffff !important;
}

/* تعديل لون النصوص والعناوين داخل الحقول */
.custom-field-item label,
.custom-field-title,
div[class*="custom-field"] label,
div[class*="custom-field"] span {
    color: #ffffff !important;
    font-weight: bold !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* تعديل خانات الإدخال والقوائم المنسدلة */
.custom-field-item input,
.custom-field-item select,
div[class*="custom-field"] input,
div[class*="custom-field"] select {
    background-color: #18181b !important;
    color: #ffffff !important;
    border: 1px solid #3f3f46 !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    width: 100% !important;
}