/* تخصيص ألوان صفحة تسجيل الدخول بالكامل */

/* تغيير لون خلفية الصفحة بالكامل */
body {
    background: linear-gradient(135deg, #009933, #00cc44) !important;
}

.container-fluid {
    background: linear-gradient(135deg, #009933, #00cc44) !important;
}

/* تغيير لون النص الرئيسي (Welcome Back) إلى الأخضر */
.tw-text-\[#1e1e1e\] {
    color: #009933 !important;
}

/* تغيير لون النص الثانوي (Login to your...) إلى الأخضر */
.tw-text-gray-500 {
    color: #009933 !important;
}

/* تغيير لون النصوص الأخرى في النموذج */
.tw-text-black {
    color: #009933 !important;
}

/* تغيير لون placeholder */
.placeholder\:tw-text-gray-500::placeholder {
    color: #009933 !important;
}

/* تغيير لون الروابط */
a {
    color: #009933 !important;
}

a:hover {
    color: #006622 !important;
}

/* تغيير لون زر تسجيل الدخول إلى الأخضر */
.tw-bg-gradient-to-r.tw-from-indigo-500.tw-to-blue-500 {
    background: linear-gradient(to right, #009933, #00cc44) !important;
}

/* تغيير لون hover للزر */
.hover\:tw-from-indigo-600.hover\:tw-to-blue-600:hover {
    background: linear-gradient(to right, #006622, #009933) !important;
}

/* تغيير لون focus للزر */
.focus\:tw-ring-blue-500:focus {
    --tw-ring-color: #009933 !important;
}

/* تغيير لون خلفية النموذج */
.tw-bg-white {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 2px solid #009933 !important;
}

/* تغيير لون الحدود */
.tw-border-\[#D1D5DA\] {
    border-color: #009933 !important;
}

/* تغيير لون النصوص في dropdown اللغة */
.tw-text-white {
    color: #009933 !important;
}

/* تغيير لون خلفية dropdown اللغة */
.tw-bg-transparent {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* تغيير لون النصوص في dropdown */
.tw-dw-dropdown-content a {
    color: #009933 !important;
}

.tw-dw-dropdown-content a:hover {
    color: #006622 !important;
    background-color: #f0fff0 !important;
}

/* تغيير لون أيقونة العين */
.icon-tabler-eye {
    stroke: #009933 !important;
}

.icon-tabler-eye-off {
    stroke: #009933 !important;
}

/* تغيير لون checkbox */
.tw-dw-checkbox {
    accent-color: #009933 !important;
}

/* تغيير لون النص في checkbox */
.tw-text-xs.md\:tw-text-sm.tw-font-medium.tw-text-black.tw-mt-\[0\.2rem\] {
    color: #009933 !important;
}

/* تغيير لون النص في الحقول */
.tw-text-xs.md\:tw-text-sm.tw-font-medium.tw-text-black {
    color: #009933 !important;
}

/* تغيير لون النص في الروابط داخل النموذج */
.tw-bg-gradient-to-r.tw-from-indigo-500.tw-to-blue-500.tw-inline-block.tw-text-transparent.tw-bg-clip-text {
    background: linear-gradient(to right, #009933, #00cc44) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* تغيير لون hover للروابط */
.hover\:tw-text-\[#467BF5\]:hover {
    color: #009933 !important;
}

/* تغيير لون خلفية الصفحة بالكامل */
.eq-height-row {
    background: linear-gradient(135deg, #009933, #00cc44) !important;
}

.right-col {
    background: linear-gradient(135deg, #009933, #00cc44) !important;
}

/* تغيير لون النصوص البيضاء */
.tw-text-white {
    color: #009933 !important;
}

/* تغيير لون خلفية شفافة */
.tw-bg-transparent {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* تحسينات إضافية */
.tw-ring-1.tw-ring-gray-200 {
    border-color: #009933 !important;
    box-shadow: 0 0 0 1px #009933 !important;
}

/* تغيير لون النص في الحقول عند التركيز */
input:focus {
    border-color: #009933 !important;
    box-shadow: 0 0 0 2px rgba(0, 153, 51, 0.2) !important;
}

/* تغيير لون النص في الحقول */
input {
    color: #009933 !important;
}

/* تحسين مظهر النموذج */
.tw-rounded-2xl {
    border-radius: 1rem !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

/* تغيير جميع الألوان الزرقاء إلى الأخضر */
[class*="blue"] {
    color: #009933 !important;
}

[class*="indigo"] {
    color: #009933 !important;
}

/* تغيير خلفيات الأزرق إلى الأخضر */
[class*="bg-blue"] {
    background-color: #009933 !important;
}

[class*="bg-indigo"] {
    background-color: #009933 !important;
}

/* تغيير حدود الأزرق إلى الأخضر */
[class*="border-blue"] {
    border-color: #009933 !important;
}

[class*="border-indigo"] {
    border-color: #009933 !important;
} 