/* ========== متغيرات التصميم ========== */

/* ========== تصفية القيم الافتراضية ========== */

/* ========== الهيكل العام ======================================================================================================================== */
  /* Reset عام */


/* الحاوية الرئيسية */
body .wpsc-shortcode-container {
    border-radius: 0 !important;
    border: none !important;
}

body .wpsc-shortcode-container:has(.wpsc-auth-container) {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #d14124, #a9311e);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    border: none !important;
}

.wpsc-auth-container {
    display: flex;
    width: 900px;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
        box-shadow: 0 12px 30px rgba(209, 65, 36, 0.4);
    color: #333;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
        align-items: normal !important;
}

.wpsc-auth-container .auth-inner-container{
max-width: 460px !important;

}


.wpsc-loader {
height: 100ch;
}

:root[data-theme="dark"] .wpsc-loader {

}

/* نعيد الكتابة على نفس الـ selectors */

.wpsc-tff.customer {
    background: #ffffff;
    width: 100% !important;
    padding: 15px;
    border-radius: 8px;
    box-sizing: border-box;
}

.wpsc-it-widget{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important;
    border-radius: 0.5rem;
}
.wpsc-widget-header {
    padding: 16px;
    background-color: white !important;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 1px solid #e2e8f0;

}
.wpsc-it-action-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  border-radius: 0.5rem;
  align-content: center;
  padding: 15px;
}

.wpsc-it-subject-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  border-radius: 0.5rem;
  align-content: center;
  padding: 15px;
}

.wpsc-it-action-container .wpsc-filter-actions {
  margin-bottom: 0px !important;
  gap: 10px !important;
}

.wpsc-widget-body {
   display: flex; 
    background-color: #fff !important;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 15px 20px 25px;
    font-weight: 500;
}

.wpsc-it-sidebar-widget-container {
    justify-content: flex-start;
    min-width: 250px;
    max-width: 250px;

    width: 250px;
    min-width: 470px !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.wpsc-it-mob-widget-trigger-btn{
  background: #ffffff;
  color: #2c3e50 !important;
  border-radius: 0.5rem;
  padding: 15px;
  box-shadow:none !important;
}
.wpsc-header .wpsc-humbargar,
.wpsc-header .wpsc-humbargar-title {
    color: #666 !important;
}

/* Dark Mode للهيدر */
:root[data-theme="dark"] .wpsc-header .wpsc-humbargar,
:root[data-theme="dark"] .wpsc-header .wpsc-humbargar-title {
    color: #e2e5e9 !important; /* نص فاتح على خلفية داكنة */
}



.wpsc-it-mob-widget-trigger-btn h2{
  color: #2c3e50 !important;
  font-size: 15px !important;
}

:root[data-theme="dark"] .wpsc-it-mob-widget-trigger-btn {
  background-color: #252728 !important; 
  color: #e2e5e9 !important;

}

button.wpsc-button.primary {
    border: 0px solid !important;
    background-color: #0000000a !important;
    color: #666 !important;
    padding: 8px 20px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
}

button.wpsc-button.primary:hover {
    background: #00000014 !important;
}




.ui-dialog {
    border-radius: 7px !important;
}

select {
    border-radius: 19px !important;
}

.ui-dialog-titlebar {
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    height: 50px;
    display: flex;
    align-items: center;
}

.ui-button {
    padding: 0.5rem 1.2rem !important;
    border-radius: 0.6rem !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid var(--border-color) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    background: #f9f9f9 !important;
    color: #666 !important;

}


.mce-tinymce,
.tox-tinymce {
    margin-bottom: 10px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
    border-radius: 5px !important;
    border: 1px solid #ebeef5  !important;
}

.mce-top-part::before {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  border-radius: 5px !important;
  
}

div.mce-toolbar-grp {
    border-bottom: 0px solid #dcdcde;
    background-color: #fff;
    border-radius: 5px !important;

}

.mce-btn-group:not(:first-child) {
        border-left: 0px !important;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {

      border-radius: 5px !important;

}


/* الصورة الجانبية (Background Image) */
.wpsc-auth-container::before {
    content: "";
    flex: auto;
    background-color: #ffffff; /* اللون ثابت */
    background-image: url(http://localhost/mazaya8/wp-content/plugins/wpsc-modern-theme/assets/img/ok.svg);
    background-repeat: no-repeat;
    background-size: 220px !important;
    background-position: center top; /* البداية */
    display: block;

    border-right: 1px solid #ebebeb; /* خط على اليمين فقط */

    /* الحركة على الباك جراوند (الصورة فقط) */
   animation: bgImageMove 1.5s ease-out forwards;
}

/* أنيميشن لتحريك الصورة */
@keyframes bgImageMove {
    from {
        background-position: center -100px; /* تبدأ الصورة فوق */
    }
    to {
        background-position: center center; /* تنزل لحد النص */
    }
}


/* الجزء الداخلي (النموذج) */
.auth-inner-container {
    flex: 1;
    background: #fff;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333;
    position: relative;
    z-index: 1;
}

.auth-inner-container h2 {
    margin: 0 0 20px 0 !important;
    font-weight: 700;
    font-size: 28px !important;
    color: #d14124;
    text-align: center;
    letter-spacing: -0.5px;
}

/* النموذج */
.wpsc-login {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#wpsc-container .wpsc-login input[type="text"],
#wpsc-container .wpsc-login input[type="password"] {
    margin-bottom: 18px !important;
    padding: 20px 16px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    border: 1.8px solid #d14124 !important; /* خلى البوردر بتاعك يغلب */
    outline: none !important;
    transition: all 0.3s ease !important;
    color: inherit !important; /* يلغى اللون الاسود بتاع الاضافة */
    background: #fff !important; /* تأكيد ان الخلفية تبقى بيضا */
}



.wpsc-login input:focus {
    border-color: #d14124 !important;
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(209, 65, 36, 0.1) !important;
}

/* تذكرني */
.checkbox-container.remember-me {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 14px;
}

.checkbox-container.remember-me input {
    margin-right: 8px;
    accent-color: #d14124;
}

.checkbox-container.remember-me label {
    cursor: pointer;
    color: #555;
}

.checkbox-container.remember-me input[type="checkbox"]:focus {
    outline: 2px solid #d1412440;
}

/* زر تسجيل الدخول */
.wpsc-login .wpsc-button.primary {
    background-color: #d14124 !important;
    border: none !important;
    color: white !important;
    padding: 15px !important;
    font-size: 17px !important;
    font-weight: 600;
    border-radius: 10px !important;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 14px rgba(209, 65, 36, 0.3);
    margin-top: 10px;
    margin-bottom: 20px !important;
}

.wpsc-login .wpsc-button.primary:hover {
    background-color: #a9311e !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(209, 65, 36, 0.4);
}


#wpsc-container form,
.wpsc-modal form {
    width: auto !important;
    border-radius: 5px;
}

.wpsc-tag {
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 500;
}

/* روابط أسفل الصفحة */
.auth-links {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    font-size: 14px;
}

.auth-links a {
    color: #d14124;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.auth-links a:hover {
    color: #a9311e;
    text-decoration: underline;
}


#wpsc-container form, .wpsc-modal form {
    background-color: #fff;
    padding: 35px;

}

@media (max-width: 768px) {
    #wpsc-container form,
    .wpsc-modal form {
        padding: 10px !important;
    }
}

#wpsc-container input[type="text"], #wpsc-container input[type="password"], .wpsc-modal input[type="text"], .wpsc-modal input[type="password"] {

   min-height: unset !important; 
   max-height: unset !important; 
   padding: unset !important;
   border-radius: 30px !important;
   border: 1px solid #dadbdd  !important;
   height: 45px !important;
   padding: 10px 8px !important;

}

.select2-search__field {
    width: auto !important;
}




.wpsc-tff-label {

    line-height: 2 !important;
}

body #wpsc-container input[type=text],
body #wpsc-container input[type=password],
body .wpsc-modal input[type=text],
body .wpsc-modal input[type=password],
body #wpsc-container select,
body .wpsc-modal select,
body #wpsc-container textarea,
body .wpsc-modal textarea,
body #wpsc-container .checkbox-container label:before,
body .wpsc-modal .checkbox-container label:before,
body #wpsc-container .radio-container label:before,
body .wpsc-modal .radio-container label:before {
    border: 1px solid #dadbdd !important;
    color: #444 !important;
    border-radius: 15px !important;

}

:root[data-theme="dark"] #cft_search {
  background-color: #111827; /* خلفية غامقة */
  color: #f9fafb; /* نص المستخدم داخل الحقل */
  border: 1px solid #374151;
}

:root[data-theme="dark"] #cft_search::placeholder {
  color: #9ca3af; /* لون كلمة "Search..." */
  opacity: 1; /* ضمان ظهور اللون */
}


.wpsc-ct-actions {

    padding-left: 55px;
    margin-bottom: 100px;

}

.wpsc-tff {

    background-color: #fff;
}

.wpsc-modal-body .wpsc-tff {
  padding: 15px !important;
}

input[type="file"]::file-selector-button {
  background-color: #0000000a;
  color: #666;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

input[type="file"]::file-selector-button:hover {
  background-color: #00000014;
}



body .select2-container .select2-selection--single {
    border: 1px solid #dadbdd  !important;
    color: #666 !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    line-height: 2 !important;
    display: grid;
    align-items: center;
    height: 45px !important;
}

.wpsc-form-filter-item .operator {
        min-height: unset !important;
    height: 50px !important;
          border: 1px solid #dadbdd  !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    background-color: #fff !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
        font-size: 13px !important;
        font-weight: 600 !important;
}

.select2-container .select2-selection--single {
    height:unset !important; 
    border: 1px solid #dadbdd  !important;
    color: #666 !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    margin:unset !important;
    

}


/* ========== الوضع الداكن ========== */
:root[data-theme="dark"] .wpsc-auth-container {
    background: #1c1c1d;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] .wpsc-auth-container::before {
    background-color: #252728;
    filter: brightness(0.8) blur(1px);
}

:root[data-theme="dark"] .auth-inner-container {
    background: #222736;
    color: #e2e5e9;
}

:root[data-theme="dark"] .auth-inner-container h2 {
    color: #f8d7da;
}

:root[data-theme="dark"] .wpsc-login input[type="text"],
:root[data-theme="dark"] .wpsc-login input[type="password"] {
    background-color: #252728;
    border-color: #65676b;
    color: #e2e5e9;
}

:root[data-theme="dark"] .wpsc-login input:focus {
    border-color: #5a7dff;
    box-shadow: 0 0 0 3px rgba(90, 125, 255, 0.2);
}

:root[data-theme="dark"] .checkbox-container.remember-me label {
    color: #b0b3b8 !important;
}

:root[data-theme="dark"] .auth-links a {
    color: #6ea8ff;
}

:root[data-theme="dark"] .auth-links a:hover {
    color: #e2e5e9;
}

/* ========== إلغاء Dark Mode على قسم تسجيل الدخول ========== */
:root[data-theme="dark"] .wpsc-auth-container {
    background: transparent !important;
    box-shadow: 0 12px 30px rgba(209, 65, 36, 0.4) !important;
    color: #333 !important;
}

:root[data-theme="dark"] .wpsc-auth-container::before {
    background-color: #ffffff !important;
    filter: none !important;
}

:root[data-theme="dark"] .auth-inner-container {
    background: #fff !important;
    color: #333 !important;
}

:root[data-theme="dark"] .auth-inner-container h2,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h2,
:root[data-theme="dark"] .wpsc-auth-container h2 {
    color: #d14124 !important;
    background: transparent !important;
}

:root[data-theme="dark"] .wpsc-login input[type="text"],
:root[data-theme="dark"] .wpsc-login input[type="password"] {
    background-color: #fff !important;
    border-color: #d14124 !important;
    color: inherit !important;
}

:root[data-theme="dark"] .wpsc-login input:focus {
    border-color: #d14124 !important;
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(209, 65, 36, 0.1) !important;
}

:root[data-theme="dark"] .checkbox-container.remember-me label {
    color: #555 !important;
}

:root[data-theme="dark"] .auth-links a {
    color: #d14124 !important;
}

:root[data-theme="dark"] .auth-links a:hover {
    color: #a9311e !important;
}

/* إلغاء Dark Mode من جميع العناصر داخل auth-inner-container */
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container * {
    color: inherit !important;
}

:root[data-theme="dark"] .wpsc-auth-container .wpsc-login .wpsc-button.primary {
    background-color: #d14124 !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 6px 14px rgba(209, 65, 36, 0.3) !important;
}

:root[data-theme="dark"] .wpsc-auth-container .wpsc-login .wpsc-button.primary:hover {
    background-color: #a9311e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(209, 65, 36, 0.4) !important;
}

:root[data-theme="dark"] .wpsc-auth-container .auth-links .wpsc-link {
    color: #d14124 !important;
}

:root[data-theme="dark"] .wpsc-auth-container .auth-links .wpsc-link:hover {
    color: #a9311e !important;
    text-decoration: underline !important;
}

:root[data-theme="dark"] .wpsc-auth-container .checkbox-container.remember-me input[type="checkbox"] {
    accent-color: #d14124 !important;
}

:root[data-theme="dark"] .wpsc-auth-container .checkbox-container.remember-me input[type="checkbox"]:focus {
    outline: 2px solid #d1412440 !important;
}

/* إلغاء Dark Mode من جميع العناصر داخل wpsc-auth-container - قواعد شاملة */
:root[data-theme="dark"] .wpsc-auth-container form,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-default-login {
    background-color: transparent !important;
    color: #333 !important;
}

:root[data-theme="dark"] .wpsc-auth-container input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container input[type="password"],
:root[data-theme="dark"] .wpsc-auth-container input[type="email"],
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login input[type="password"],
:root[data-theme="dark"] .wpsc-auth-container .wpsc-default-login input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container .wpsc-default-login input[type="password"],
:root[data-theme="dark"] .wpsc-auth-container form input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container form input[type="password"] {
    background-color: #fff !important;
    border-color: #d14124 !important;
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}

:root[data-theme="dark"] .wpsc-auth-container input[type="text"]::placeholder,
:root[data-theme="dark"] .wpsc-auth-container input[type="password"]::placeholder,
:root[data-theme="dark"] .wpsc-auth-container input[type="email"]::placeholder,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login input[type="text"]::placeholder,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login input[type="password"]::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #999 !important;
}

:root[data-theme="dark"] .wpsc-auth-container button,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-button,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login .wpsc-button,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-default-login .wpsc-button,
:root[data-theme="dark"] .wpsc-auth-container form button {
    background-color: #d14124 !important;
    color: white !important;
    border: none !important;
    -webkit-text-fill-color: white !important;
}

:root[data-theme="dark"] .wpsc-auth-container button:hover,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-button:hover,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login .wpsc-button:hover,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-default-login .wpsc-button:hover {
    background-color: #a9311e !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
}

:root[data-theme="dark"] .wpsc-auth-container a,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-link {
    color: #d14124 !important;
}

:root[data-theme="dark"] .wpsc-auth-container a:hover,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-link:hover {
    color: #a9311e !important;
}

:root[data-theme="dark"] .wpsc-auth-container label,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container label,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container.remember-me label,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login label,
:root[data-theme="dark"] .wpsc-auth-container form label {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

:root[data-theme="dark"] .wpsc-auth-container .checkbox-container,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container.remember-me,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login .checkbox-container {
    background-color: transparent !important;
    color: #555 !important;
}

:root[data-theme="dark"] .wpsc-auth-container input[type="checkbox"],
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container input[type="checkbox"],
:root[data-theme="dark"] .wpsc-auth-container #wpsc-remember-me {
    accent-color: #d14124 !important;
    background-color: #fff !important;
    border-color: #d14124 !important;
}

:root[data-theme="dark"] .wpsc-auth-container input[type="hidden"] {
    background-color: transparent !important;
    border: none !important;
}

:root[data-theme="dark"] .wpsc-auth-container h1,
:root[data-theme="dark"] .wpsc-auth-container h2,
:root[data-theme="dark"] .wpsc-auth-container h3,
:root[data-theme="dark"] .wpsc-auth-container h4,
:root[data-theme="dark"] .wpsc-auth-container h5,
:root[data-theme="dark"] .wpsc-auth-container h6 {
    color: #d14124 !important;
}

:root[data-theme="dark"] .wpsc-auth-container p,
:root[data-theme="dark"] .wpsc-auth-container span,
:root[data-theme="dark"] .wpsc-auth-container div {
    color: inherit !important;
}

/* ========== استجابة للشاشات الصغيرة ========== */
@media (max-width: 900px) {
    .wpsc-auth-container {
        flex-direction: column;
        width: auto;
        height: auto;
        margin: 20px auto;
    }

    .wpsc-auth-container::before {
        height: 200px;
      
        background-size: 140px !important;
    }

    .auth-inner-container {
        padding: 40px 30px;
    }

    .auth-inner-container h2 {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
  

    .auth-inner-container,
    .wpsc-auth-container::before {
        padding: 20px;
    }

    .wpsc-login input[type="text"],
    .wpsc-login input[type="password"] {
        font-size: 16px;
    }

    .wpsc-login .wpsc-button.primary {
        font-size: 16px;
        padding: 14px;  
    }
}
/* ========== الشبكة =========================================================== */
/* تم حذف الكود المكرر - موجود في SupportCandy framework/style.css */

/* ========== الهيدر ========== */
body .wpsc-header {

  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background-color: white !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  z-index: 100;
  position: sticky;
  top: 0;
  border-radius: 5px !important;
}

.wpsc-tickets-nav,
.wpsc-header-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px !important;
  color: var(--text-secondary) !important;
  font-size: var(--font-size-md);
  font-weight: 500;
  transition: var(--transition);
  cursor: pointer;
}

.wpsc-tickets-nav.active,
.wpsc-tickets-nav:hover,
.wpsc-header-nav:hover {
  color: #666 !important;
  transform: translateY(-1px);
}

/* زر Dark Mode في القائمة */
.wpsc-header .log-out {
  margin-right: unset !important;
  margin-left: unset !important;
}

.wpsc-dark-mode-toggle {
  cursor: pointer !important;
  margin-right: auto;
}

.wpsc-dark-mode-toggle:hover {
  opacity: 1 !important;
  color: #666 !important;
}

.wpsc-dark-mode-toggle svg {
  height: 16px;
  margin-right: 5px;
  overflow: visible;
  transition: transform 0.3s ease;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  width: 100% !important;
}

/* زر Dark Mode في القائمة الجانبية */
:root[data-theme="dark"].wpsc-humbargar-menu {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  color: #707070;
  cursor: pointer;
  margin-bottom: 5px;
}

:root[data-theme="dark"] .wpsc-humbargar-menu {
  background-color: #252728 !important;
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] 
.wpsc-humbargar-menu-item,
:root[data-theme="dark"] 
.wpsc-setting-nav {
    color: #b0b3b8 !important;
    background-color: transparent;
}

:root[data-theme="dark"] 
.wpsc-humbargar-menu-item:hover,
:root[data-theme="dark"] 
.wpsc-humbargar-menu-item.active,
:root[data-theme="dark"] 
.wpsc-setting-nav:hover,
:root[data-theme="dark"] 
.wpsc-setting-nav.active {
  background-color: unset !important;
    color: #e2e5e9 !important;
}


.wpsc-humbargar-menu-item.wpsc-dark-mode-toggle:hover {
  color: #fff;
}

.wpsc-humbargar-menu-item.wpsc-dark-mode-toggle svg {
  width: 18px;
  margin-right: 10px;
  min-width: 18px;
}

.wpsc-humbargar-menu-item.wpsc-dark-mode-toggle label {

}


.wpsc-ticket-list-tbl tr:nth-child(even) {
    background-color: #fafafa !important;
}




/* ========== القائمة الجانبية ========== */
.wpsc-humbargar-menu {
  background-color: white;

}

.wpsc-humbargar-menu.open {
  right: 0;
}

.wpsc-humbargar-menu .box-inner {
  padding: 20px;
}

.wpsc-humbargar-close {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-weight: 500;
  color: var(--dark);
}

.wpsc-humbargar-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  border-radius: var(--border-radius);
  color: #6b7280;
  font-size: var(--font-size-md);
  cursor: pointer;
  transition: var(--transition);
  font-weight: 600;

}

body .wpsc-humbargar-menu-item:hover,
body .wpsc-humbargar-menu-item.active,
body .wpsc-setting-nav:hover,
body .wpsc-setting-nav.active {
    background-color: #00000014 !important;
    color: #666;
    border-radius: 0.5rem;
}



/* ========== تحميل ========== */
/* تم حذف الكود المكرر - موجود في SupportCandy framework/style.css */
/* تم الاحتفاظ فقط بتخصيصات animation للصور */
.wpsc-loader img {
  animation: spin 1.2s linear infinite;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}

/* ========== الفلاتر ========== */
.wpsc-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 15px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  
}

.wpsc-search .search-field {
  display: flex;
  align-items: center;
  border: 1px solid #dadbdd  !important;
  border-radius: 15px;
  padding: 6px 12px;
  flex: 1;
  max-width: 400px;
  border: 1px solid transparent;
  transition: var(--transition);
  margin: 0px !important;
}



.wpsc-search .search-field:focus-within {
  box-shadow: 0 0 0 2px var(--primary-light);
 
}

.wpsc-search input {
  border: none;
  background: transparent;
  padding: 4px 8px;
  font-size: var(--font-size-base);
  flex-grow: 1;
  outline: none;
  color: #28a745 !important;
}

.wpsc-search-input::placeholder {
    color: #6c757d !important;
    opacity: 0.7 !important;
}

.wpsc-search svg {
  color: #6c757d;
  width: 18px;
  opacity: 0.7 !important;
}

.wpsc-filter-container #wpsc-input-filter {
        border: 1px solid #dadbdd  !important;
            color: #666 !important;
}

:root[data-theme="dark"] .wpsc-filter {
  background-color: #252728;
}




:root[data-theme="dark"] .wpsc-filter-container {
  color: #b0b3b8 !important;
}

.wpsc-filter-container #wpsc-input-sort-by {
        border: 1px solid #dadbdd  !important;
            color: #666 !important;
}

.wpsc-filter-container #wpsc-input-sort-order {
        border: 1px solid #dadbdd  !important;
            width: 120px !important;
                color: #666 !important;

        
}


#wpsc-container select, .wpsc-modal select {
       border-radius: 15px !important;
           color: #666 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #0073aa !important; /* لون الخلفية أثناء الوقوف */

}

.wpsc-filter-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
        color: #666 !important;
}

#wpsc-container select,
.wpsc-modal select {
    border: 1px solid #dadbdd  !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    background-color: #fff !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
        font-size: 13px !important;
        font-weight: 600 !important;
}


#wpsc-container select, .wpsc-modal select {
min-height: unset  !important;
max-height: unset  !important;
}

.wpsc-filter-item select {
  padding: 8px 10px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background-color: white;
  font-size: var(--font-size-base);
  transition: var(--transition);

}

.wpsc-filter-item select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary-light);
  outline: none;
         border: 1px solid #dadbdd  !important;

}

/* استايل جديد يكسّر القديم */
#wpsc-container .wpsc-filter-submit .wpsc-button.primary {
    padding: 0.5rem 1.2rem !important;
    border-radius: 0.6rem !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid var(--border-color) !important;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #f9f9f9 !important;
    color: #666 !important;
}

/* Hover */
#wpsc-container .wpsc-filter-submit .wpsc-button.primary:hover {
          background: #00000014 !important;

}

.wpsc-filter-actions .wpsc-link {
     padding: 0.5rem 1.2rem !important;
    border-radius: 0.6rem !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid var(--border-color) !important;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #0000000a !important;
    color: #666 !important;
    text-decoration: none !important;
}

.wpsc-filter-actions .wpsc-link:hover {
     background: #00000014 !important;
}


/* استايل زرار Bulk Actions + List Actions */
.wpsc-bulk-actions .wpsc-button.small.secondary {
    border: 1px solid #dadbdd  !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    background-color: #fff !important;
    color: #666 !important;
  
    cursor: pointer;
    transition: all 0.3s ease;
        font-size: 13px !important;
        font-weight: 600 !important;
}

.wpsc-bulk-actions .wpsc-button.small.secondary:hover {
    background-color: #005f8d;
    transform: translateY(-2px);
}

.wpsc-bulk-actions .wpsc-button.small.secondary svg {
    width: 12px;
    height: 12px;
}

/* استايل القائمة المنسدلة */
.wpsc-popover-menu {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 180px;
    z-index: 9999;
}

.wpsc-popover-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.wpsc-popover-menu-item:hover {
    background-color: rgba(0, 0, 0, 0.12)  !important;
    color: #2c3e50;
}

.wpsc-popover-menu-item svg {
    width: 16px;
    height: 16px;
    color: #2c3e50;
}

/* سهم القائمة */
.gpopover-arrow,
.gpopover-arrow-shadow {
    display: none !important; /* إخفاء السهم لو مش عاجبك شكله */
}


/* ========== الجداول ========== */
.wpsc-tickets-container{
    box-shadow: 0 2px 6px rgb(0 0 0 / 0%) !important;
    height: auto !important;
}

.wpsc-ticket-list-tbl,
.wpsc-setting-tbl {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin: 15px 0;

}

.wpsc-ticket-list-tbl tr:nth-child(odd) {

    border-bottom: 1px solid #ebeef5  !important;
}

.wpsc-ticket-list-tbl th,
.wpsc-setting-tbl th {
  background-color: #f9fafb !important;
  color: #555 !important;
  text-align: left;
  font-weight: 500;
}

.wpsc-ticket-list-tbl td,
.wpsc-setting-tbl td {
  padding: 12px 15px;
  border-bottom: 1px solid var(--border-color);
}

.wpsc-ticket-list-tbl tbody tr:hover,
.wpsc-setting-tbl tbody tr:hover {
 
  cursor: pointer;
  transform: translateY(-1px);
  transition: background-color .25s ease !important;
  background-color: #f9fafb !important;
  
}

/* ========== النماذج ========== */
.wpsc-modal .modal {
  width: 1500px;
  max-width: 95%;

  background-color: white;
      border-radius: 15px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  margin: 30px auto;
}

.wpsc-modal-header {
  padding: 16px 20px;
  font-size: var(--font-size-lg);
  font-weight: 500;
  border-bottom: 1px solid var(--border-color);
  display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    z-index: 100;
    position: sticky;
    top: 0;
}

.wpsc-modal-body {
  padding: 20px;
  max-height: 70vh;
  overflow-y: auto;
  display: block;
}

.wpsc-modal-footer {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background-color: var(--bg-muted);
  border-top: 1px solid var(--border-color);
}

:root[data-theme="dark"] .wpsc-ctf-checkin-buttons,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-checkin-buttons {
    border-top-color: #65676b; 
}

:root[data-theme="dark"] div[style*="position: absolute"][style*="top: 50%"][style*="left: 50%"] {
  background-color: #252728 !important; /* خلفية داكنة */
  color: #e5e7eb !important; /* نص فاتح */
  border: 1px solid #65676b !important;
}

/* العنوان */
:root[data-theme="dark"] div[style*="position: absolute"] h2 {
  color: #e2e5e9  !important;
}

/* التسميات Labels */
:root[data-theme="dark"] div[style*="position: absolute"] label {
  color: #b0b3b8  !important;
}

/* Select و Input */
:root[data-theme="dark"] div[style*="position: absolute"] select,
:root[data-theme="dark"] div[style*="position: absolute"] input[type="text"] {
  background-color: #1c1c1d !important;
  color: #b0b3b8 !important;
  border: 1px solid #65676b !important;
  border-radius: 6px;
}

/* Placeholder */
:root[data-theme="dark"] div[style*="position: absolute"] input::placeholder {
  color: #b0b3b8 !important;
}

#wpsc-ctf-delay-reason option {
  font-weight: 600;
}




/* ========== الأزرار ========== */
.wpsc-button {
  padding: 8px 20px;
  border: none;
  border-radius: var(--border-radius);
  font-size: var(--font-size-base);
  font-weight: 500;

  cursor: pointer;
  transition: var(--transition);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px !important;
}

.wpsc-button.primary {
  background-color: var(--primary);
  color: white;
}

.wpsc-button.primary:hover {
  background-color: var(--hover-primary);
}

.wpsc-button.outline {
  background-color: transparent;
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.wpsc-button.danger {
  background-color: var(--danger);
  color: white;
}

.wpsc-button.small {
  font-size: var(--font-size-sm) !important;
  padding: 10px 10px !important;
}


.wpsc-button.small:hover {
    background: #00000014 !important
}

/* عند الضغط */
.wpsc-button.small:active {
    box-shadow: 0 2px 4px rgba(138, 138, 138, 0.2) !important;
}

#wpsc-container .wpsc-button.secondary,
body .wpsc-button.secondary {
    border: 1px solid #dadbdd  !important;
    background-color: #fff !important;
    color: #666666 !important;
    border-radius: 8px !important;
}

/* ========== الحقول ========== */
.wpsc-input-group {
  margin-bottom: 16px;
}

.wpsc-input-group label {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 6px;
}

.wpsc-input-group input[type="text"],
.wpsc-input-group select,
.wpsc-input-group textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: var(--font-size-base);
  background-color: white;
  transition: var(--transition);
}

.wpsc-input-group input:focus,
.wpsc-input-group select:focus,
.wpsc-input-group textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary-light);
  outline: none;
}

.wpsc-input-group textarea {
  min-height: 100px;
  resize: vertical;
}

/* ========== تبديل الوضع ========== */
.wpsc-toggle-btn {
  display: inline-flex;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
  font-size: var(--font-size-sm);
}

.wpsc-toggle-btn div {
  padding: 6px 12px;
  background-color: white;
  cursor: pointer;
  transition: var(--transition);
}

.wpsc-toggle-btn div.active {
  background-color: var(--primary);
  color: white;
}

/* ========== الروابط ========== */
.wpsc-link {
  color: #666;
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition);
      font-size: 14px !important;
}

.wpsc-link:hover {
  text-decoration: underline;
  color: var(--hover-primary);
}

.wpsc-ticket-pagination-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 8px !important;
}

/* الأزرار */
.wpsc-ticket-pagination-header .wpsc-pagination-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    background: #0000000a !important;
    color: #666  !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* أيقونات داخل الأزرار */
.wpsc-ticket-pagination-header .wpsc-pagination-btn svg {
    width: 14px !important;
    height: 14px !important;
}

/* Hover */
.wpsc-ticket-pagination-header .wpsc-pagination-btn:hover {
background: #00000014 !important;
text-decoration: none !important;

}

/* النص */
.wpsc-ticket-pagination-header .wpsc-pagination-txt {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #666 !important;
    margin: 0 10px !important;
    white-space: nowrap !important;
}

/* ========== التفاعل (Thread) ========== */
.wpsc-thread {
  display: flex;
  gap: 12px;
  padding: 16px;
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  margin-bottom: 16px;
  position: relative;
      border-radius: 5px;
}


.wpsc-thread.log .thread-body {
    color: #6b7280 !important;
}

/* ========== Dark Mode Body ========== */
/* تطبيق Dark Mode فقط على صفحات التذاكر */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled {
  background-color: #1c1c1d !important;
  color: #e2e5e9 !important;
}

/* تطبيق Dark Mode على صفحات التذاكر فقط (fallback للصفحات الديناميكية) */
:root[data-theme="dark"] body:has(.wpsc-tickets-container) #wpsc-container,
:root[data-theme="dark"] body:has(.wpsc-it-container) #wpsc-container {
  background-color: #1c1c1d !important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - الحاويات الأساسية ========== */
/* تطبيق فقط على صفحات التذاكر */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-list-tbl,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-filter,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-widget,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .modal,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-humbargar-menu,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tickets-container,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-body,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-container,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-body,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-widget {
  color: #e2e5e9 !important;
}

/* تطبيق Dark Mode فقط على صفحات التذاكر - wrapper selector */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-list-tbl tbody tr:hover {
  background-color: #252728 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-list-tbl th {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-list-tbl tr:nth-child(even) {
  background-color: #333334 !important;
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-list-tbl tr:nth-child(odd) {
  background-color: #252728!important;
  border-bottom: unset !important;
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] .wpsc-ticket-list-tbl thead {
  border-bottom: 1px solid #65676b; 
}

:root[data-theme="dark"] .wpsc-ticket-list-tbl .wpsc_tl_tr:hover {

}

:root[data-theme="dark"] .wpsc-ticket-list-tbl,
:root[data-theme="dark"] .wpsc-setting-tbl {
    background-color: #65676b; 
}


/* ========== Dark Mode - Dashboard View ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled.wpsc-dashboard-view,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dashboard-view {
  background-color: #1c1c1d !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dashboard-view .wpsc-section-container {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dashboard-view .wpsc-widget {
  background-color: #252728!important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dashboard-view .wpsc-widget-header {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dashboard-view .wpsc-widget-body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Dashboard Widgets ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small .wpsc-widget-header,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid .wpsc-widget-header,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large .wpsc-widget-header {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small .wpsc-widget-body,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid .wpsc-widget-body,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large .wpsc-widget-body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large h4 {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small p,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small div,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid p,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid div,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large p,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large div {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small .wpsc-link,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid .wpsc-link,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large .wpsc-link {
  color: #3b82f6 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-small .wpsc-link:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-mid .wpsc-link:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-dash-widget-large .wpsc-link:hover {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - UP Container ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container .wpsc-section-container {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container .wpsc-widget {
  background-color: #252728!important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container .wpsc-widget-header {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container .wpsc-widget-body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container h5,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container h6 {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container p,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-up-container div {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - الحقول والنماذج ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-input-group input,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-input-group select,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-input-group textarea,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-search .search-field,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled input[type="text"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled input[type="password"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal input[type="text"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal input[type="password"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled select,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal select,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled textarea,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal textarea,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff input,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff select,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff textarea {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Search Input Placeholder ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search::placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search::-webkit-input-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search::-moz-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}
:root[data-theme="dark"] #wpsc-ctf-contractor-data-search::placeholder {
  color: #e2e5e9;

}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search:-ms-input-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search:-moz-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-ap-search:focus {
  border-color: #5a7dff !important;
  box-shadow: 0 0 0 2px rgba(90, 125, 255, 0.3) !important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Search Input cft_search ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search::placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search::-webkit-input-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search::-moz-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search:-ms-input-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search:-moz-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #cft_search:focus {
  border-color: #5a7dff !important;
  box-shadow: 0 0 0 2px rgba(90, 125, 255, 0.3) !important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Search Input wpsc-db-al-search ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search::placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search::-webkit-input-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search::-moz-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search:-ms-input-placeholder {
  color: #b0b3b8 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search:-moz-placeholder {
  color: #676869 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled #wpsc-db-al-search:focus {
  border-color: #5a7dff !important;
  box-shadow: 0 0 0 2px rgba(90, 125, 255, 0.3) !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal-body::-webkit-scrollbar {
  width: 10px;
}



:root[data-theme="dark"] .wpsc-modal-body::-webkit-scrollbar-thumb {
  background-color: #65676b;
  border-radius: 10px;
}

:root[data-theme="dark"] .wpsc-modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #3a3a3a;
}

/* ========== Dark Mode - DataTables Pagination Buttons ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled div.dt-container .dt-paging .dt-paging-button {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled div.dt-container .dt-paging .dt-paging-button:hover {
  background-color: #65676b !important;
  border-color: #4a5568 !important;
  color: #fff !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled div.dt-container .dt-paging .dt-paging-button:active {
  background-color: #65676b !important;
  border-color: #4a5568 !important;
  color: #fff !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled div.dt-container .dt-paging .dt-paging-button.disabled,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled div.dt-container .dt-paging .dt-paging-button.disabled:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled div.dt-container .dt-paging .dt-paging-button.disabled:active {
  background-color: #1c1c1d !important;
  border-color: #252728 !important;
  color: #6c757d !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

/* ========== Dark Mode - Select2 ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-container .select2-selection--single,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-container .select2-selection--multiple {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

/* Select2 Multiple Selection Choices */
:root[data-theme="dark"] .select2-selection__choice,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-selection__choice {
  background-color: #ffffff1a  !important;
  border: unset !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] body #wpsc-container input[type=text],
:root[data-theme="dark"] body #wpsc-container input[type=password],
:root[data-theme="dark"] body .wpsc-modal input[type=text],
:root[data-theme="dark"] body .wpsc-modal input[type=password],
:root[data-theme="dark"] body #wpsc-container select,
:root[data-theme="dark"] body .wpsc-modal select,
:root[data-theme="dark"] body #wpsc-container textarea,
:root[data-theme="dark"] body .wpsc-modal textarea,
:root[data-theme="dark"] body #wpsc-container .checkbox-container label:before,
:root[data-theme="dark"] body .wpsc-modal .checkbox-container label:before,
:root[data-theme="dark"] body #wpsc-container .radio-container label:before,
:root[data-theme="dark"] body .wpsc-modal .radio-container label:before {
    

}


:root[data-theme="dark"] .select2-selection__choice__remove,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-selection__choice__remove {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-selection__choice__remove:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-selection__choice__remove:hover {
  color: #fff !important;
}

:root[data-theme="dark"] .select2-selection__rendered,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-selection__rendered {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-search--inline .select2-search__field,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-search--inline .select2-search__field {
  background-color: transparent !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-container--focus .select2-selection--multiple,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-container--focus .select2-selection--multiple {
  border-color: #5a7dff !important;
  background-color: #1c1c1d !important;
}

:root[data-theme="dark"] .select2-container .select2-dropdown,
:root[data-theme="dark"] .select2-container .select2-selection {
    background-color: #1c1c1d !important;
    border-color: #374151 !important;
    color: #e5e7eb;
}


:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Select2 Dropdown ========== */
:root[data-theme="dark"] .select2-dropdown,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown,
:root[data-theme="dark"] .select2-dropdown--below,
:root[data-theme="dark"] .select2-dropdown--above {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-search,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-search,
:root[data-theme="dark"] .select2-dropdown .select2-search--dropdown {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-search__field,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-search__field {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-search__field:focus {
  border-color: #5a7dff !important;
  box-shadow: 0 0 0 2px rgba(90, 125, 255, 0.3) !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-results,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-results__options,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results__options {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-results__option,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results__option {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-results__option:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results__option:hover {
  background-color: #65676b !important;
  color: #fff !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-results__option--highlighted,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results__option--highlighted,
:root[data-theme="dark"] .select2-dropdown .select2-results__option--highlighted[aria-selected],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #65676b !important;
  color: #fff !important;
}

:root[data-theme="dark"] .select2-dropdown .select2-results__option[aria-selected="true"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown .select2-results__option[aria-selected="true"] {
  background-color: #ffffff1a !important;
  color: #e2e5e9  !important;
}

:root[data-theme="dark"] .select2-dropdown ul,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown ul {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown li,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown li {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .select2-dropdown li:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .select2-dropdown li:hover {
  background-color: #65676b !important;
  color: #fff !important;
}

/* ========== Dark Mode - Header ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-header {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tickets-nav,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-header-nav {
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tickets-nav:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-header-nav:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tickets-nav.active {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Widgets ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-widget-header {
  background-color: #252728 !important;
  border-bottom: 1px solid #65676b !important;
  color: #e2e5e9 !important;
}
:root[data-theme="dark"] .wpsc-it-action-container {
  background-color: #252728!important;
}
:root[data-theme="dark"] .wpsc-it-subject-container {
  background-color: #252728!important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-widget-body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-widget {
  background-color: #252728!important;
  border-color: #65676b !important;
}

/* ========== Dark Mode - Modal ========== */
:root[data-theme="dark"] .wpsc-modal-header,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header {
  background-color: #252728 !important;
  border-bottom: 1px solid #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal-header h1,
:root[data-theme="dark"] .wpsc-modal-header h2,
:root[data-theme="dark"] .wpsc-modal-header h3,
:root[data-theme="dark"] .wpsc-modal-header h4,
:root[data-theme="dark"] .wpsc-modal-header h5,
:root[data-theme="dark"] .wpsc-modal-header h6,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header h5,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header h6 {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal-header span,
:root[data-theme="dark"] .wpsc-modal-header div,
:root[data-theme="dark"] .wpsc-modal-header p,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header div,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-header p {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal-body,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
  border-bottom: unset !important;
}

:root[data-theme="dark"] .wpsc-ctf-product-name {
  color: #e2e5e9; 
}

:root[data-theme="dark"] .wpsc-ctf-products-header p {
  color: #e2e5e9; 
}

:root[data-theme="dark"] .wpsc-ctf-product-card {
  background-color: #1c1c1d;
  border: 1.5px solid #65676b;
}


:root[data-theme="dark"] .wpsc-modal-body h1,
:root[data-theme="dark"] .wpsc-modal-body h2,
:root[data-theme="dark"] .wpsc-modal-body h3,
:root[data-theme="dark"] .wpsc-modal-body h4,
:root[data-theme="dark"] .wpsc-modal-body h5,
:root[data-theme="dark"] .wpsc-modal-body h6,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body h5,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body h6 {
  color: #e2e5e9 !important;
  border-color: #65676b;
}



:root[data-theme="dark"] .wpsc-ctf-products-grid {
  background: #252728; 
  border: 1px solid #2f3031; 
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .wpsc-ctf-product-card.selected {
  background: #252728;
  border: 2px solid #3b82f6;
}

:root[data-theme="dark"] .wpsc-ctf-product-quantity-controls {
  background-color: #1c1c1d; 
  border: 1px solid #65676b;
}

:root[data-theme="dark"] .wpsc-ctf-product-name span {
  color: #e2e5e9 !important;
  background-color: #ffffff1a !important;
}


:root[data-theme="dark"] .wpsc-ctf-selected-products {
  background: #1c1c1d; 
  border: 1px solid #65676b;
}

:root[data-theme="dark"] .wpsc-ctf-products-search {
  background-color: #252728; 
  border: 1px solid #65676b; 
}

:root[data-theme="dark"] #wpsc-ctf-product-search::placeholder {
  color: #e2e5e9; 
}

:root[data-theme="dark"] .wpsc-ctf-product-quantity-controls .wpsc-ctf-quantity-field > div .wpsc-ctf-qty-input {
  background: #252728;
  border: 1px solid #65676b !important;
  color: #e2e5e9;
}

:root[data-theme="dark"] .wpsc-tff.wpsc-ctf-products-section,
:root[data-theme="dark"] .wpsc-ctf-products-section {
   
    border: 1px solid #65676b;

}

:root[data-theme="dark"] .wpsc-ctf-products-section.read-only {
  border: 1px solid #3b82f6;
}



:root[data-theme="dark"] .wpsc-modal-footer,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-footer {
  background-color: #252728 !important;
  border-top: 1px solid #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal {
  background-color: #252728!important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal .modal,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .modal {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Modal All Elements ========== */
/* Forms inside Modal */
:root[data-theme="dark"] .wpsc-modal form,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal form {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

/* إلغاء Dark Mode من النماذج داخل wpsc-auth-container - تجاوز قواعد Modal */
:root[data-theme="dark"] .wpsc-auth-container .wpsc-modal form,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-modal form,
:root[data-theme="dark"] .wpsc-auth-container form,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form {
  background-color: transparent !important;
  background: transparent !important;
  color: #333 !important;
}

/* Tables inside Modal */
:root[data-theme="dark"] .wpsc-modal table,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal table {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal th,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal th {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal td,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal td {
  background-color: #252728!important;
  color: #e2e5e9 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal tr:hover td,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal tr:hover td {
  background-color: #252728 !important;
}

/* DataTables inside Modal */
:root[data-theme="dark"] .wpsc-modal .dataTables_wrapper,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .dataTables_wrapper {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal .dataTables_wrapper th,
:root[data-theme="dark"] .wpsc-modal .dataTables_wrapper td,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .dataTables_wrapper th,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .dataTables_wrapper td {
  background-color: #252728!important;
  color: #e2e5e9 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal table.dataTable,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal table.dataTable {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

/* Labels inside Modal */
:root[data-theme="dark"] .wpsc-modal label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal label {
  color: #b0b3b8 !important;
}

/* Checkbox and Radio inside Modal */
:root[data-theme="dark"] .wpsc-modal .checkbox-container,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .checkbox-container {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal .checkbox-container label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .checkbox-container label {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal .checkbox-container label:before,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .checkbox-container label:before {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal .radio-container,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .radio-container {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal .radio-container label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .radio-container label {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal .radio-container label:before,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .radio-container label:before {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

/* TFF (Ticket Form Fields) inside Modal */
:root[data-theme="dark"] .wpsc-modal-body .wpsc-tff,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body .wpsc-tff {
  background-color: #252728!important;
  color: #e2e5e9 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-modal-body .wpsc-tff .name,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body .wpsc-tff .name {
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] div[style*="background: rgba(255, 255, 255"] {
  background: #1d1d1e !important;
  border-left: 3px solid #65676b !important;
}

:root[data-theme="dark"] #wpsc_ctf_new_payment_amount_widget {
  background-color: #1c1c1d !important;
  color: #e2e5e9 !important;
  border: 1px solid #65676b !important;
  border-radius: 15px !important;
}




:root[data-theme="dark"] .wpsc-tff.wpsc-ctf-supplier-data-section,
:root[data-theme="dark"] .wpsc-ctf-supplier-data-section {
  border: unset !important;
}

:root[data-theme="dark"] .wpsc-ctf-installments-management-section {
  border-color: #65676b;
}

:root[data-theme="dark"] .wpsc-ctf-installments-header {
  border-color: #65676b;

}
:root[data-theme="dark"] 
.wpsc-ctf-pending-payment-requests-section {
    border-color: #65676b !important;
}

/* Custom Ticket Fields inside Modal */
:root[data-theme="dark"] .wpsc-modal-body .wpsc-ctf-payment-request-item,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body .wpsc-ctf-payment-request-item {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

/* Thread Log inside Modal */
:root[data-theme="dark"] .wpsc-modal-thread-log,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-thread-log {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal-thread-log .thread-text,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-thread-log .thread-text {
  color: #e2e5e9 !important;
}

/* Overlay and Loader inside Modal */
:root[data-theme="dark"] body #wpsc-container input[type=text],
:root[data-theme="dark"] body #wpsc-container input[type=password],
:root[data-theme="dark"] body .wpsc-modal input[type=text],
:root[data-theme="dark"] body .wpsc-modal input[type=password],
:root[data-theme="dark"] body #wpsc-container select,
:root[data-theme="dark"] body .wpsc-modal select,
:root[data-theme="dark"] body #wpsc-container textarea,
:root[data-theme="dark"] body .wpsc-modal textarea,
:root[data-theme="dark"] body #wpsc-container .checkbox-container label:before,
:root[data-theme="dark"] body .wpsc-modal .checkbox-container label:before,
:root[data-theme="dark"] body #wpsc-container .radio-container label:before,
:root[data-theme="dark"] body .wpsc-modal .radio-container label:before {
    background-color: #1c1c1d !important;
    color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-ctf-read-only-section > p {
  background: #1c1c1d !important;
}

:root[data-theme="dark"] .wpsc-ctf-products-header {
  background: #1c1c1d;
  border: 1px solid #65676b; /* حدود مناسبة للدارك */
  color: #e2e5e9; /* نص واضح */
  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.03); /* ظل خفيف للدارك */
}

:root[data-theme="dark"] #wpsc_ctf_installments_count {
  background-color: #1c1c1d; /* خلفية غامقة */
  color: #e2e5e9;           /* لون النص */
  border-color: #65676b;
}

:root[data-theme="dark"] #wpsc_ctf_installments_count:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);
}

:root[data-theme="dark"] .wpsc-ctf-installment-price-item {
  background-color: #1c1c1d; 
  border-color: #65676b;    
  color: #e2e5e9;         
}

:root[data-theme="dark"] button,
:root[data-theme="dark"] input[type=button],
:root[data-theme="dark"] input[type=reset],
:root[data-theme="dark"] input[type=submit],
:root[data-theme="dark"] .button {
    color: #e2e5e9;

    border: unset !important;
}

:root[data-theme="dark"] button:hover,
:root[data-theme="dark"] .button:hover {
    background-color: #ffffff0d !important;
}

.wpsc-widget-header span:hover {
  color: #b0b3b8 !important;


}

:root[data-theme="dark"] .wpsc-ctf-installment-confirmation-item {
  background: #1c1c1d !important; 
  border-color: #65676b !important;     
}




:root[data-theme="dark"] .wpsc-widget-body .info-list-item .info-label,
:root[data-theme="dark"] .wpsc-lg-label {
    color: #b0b3b8 !important;
}

:root[data-theme="dark"] 
.wpsc-ctf-request-header div {
    color: #b0b3b8 !important;
}

:root[data-theme="dark"] p {
  color: #b0b3b8 !important;
}

/* Select2 inside Modal */
:root[data-theme="dark"] .wpsc-modal-body .select2-container,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal-body .select2-container {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

/* Links inside Modal */
:root[data-theme="dark"] .wpsc-modal a,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal a {
  color: #6ea8ff !important;
}

:root[data-theme="dark"] .wpsc-modal a:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal a:hover {
  color: #e2e5e9 !important;
}

/* Buttons inside Modal */

:root[data-theme="dark"] #wpsc-container .wpsc-filter-submit .wpsc-button.primary {
  background-color: #ffffff1a !important;
  color: #e2e5e9 !important;
}

/* Hover */
:root[data-theme="dark"] #wpsc-container .wpsc-filter-submit .wpsc-button.primary:hover {
  background-color: #ffffff0d !important;
}

:root[data-theme="dark"] .wpsc-modal .wpsc-button,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .wpsc-button {
  background-color: #ffffff1a !important;
  border: unset !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-modal .wpsc-button:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal .wpsc-button:hover {
  background-color: #ffffff0d !important;
  border: unset !important;
  color: #e2e5e9 !important;
}

/* All text elements inside Modal */
:root[data-theme="dark"] .wpsc-modal strong,
:root[data-theme="dark"] .wpsc-modal b,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal strong,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal b {

}

:root[data-theme="dark"] .wpsc-ctf-products-section .description {
  background-color: #0f1010 !important; 
  border: 1px solid #65676b !important;
}

:root[data-theme="dark"] .wpsc-ctf-products-empty {
  background-color: #0f1010 !important; 
}


:root[data-theme="dark"] .wpsc-modal code,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal code {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
  border-color: #65676b !important;
}

/* Lists inside Modal */
:root[data-theme="dark"] .wpsc-modal ul,
:root[data-theme="dark"] .wpsc-modal ol,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal ul,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal ol {
  color: #1c1c1d !important;
}

:root[data-theme="dark"] .wpsc-modal li,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal li {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Threads ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-thread {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-thread .thread-body {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-thread.log .thread-body {
  color: #b0b3b8 !important;
}

/* ========== Dark Mode - Buttons ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-button.secondary {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}
:root[data-theme="dark"] 
.wpsc-tff[data-cft="cf_file_attachment_multiple"] input[type="file"] {
    color: #e2e5e9 !important;
    cursor: pointer;
    background-color: unset !important;
}

:root[data-theme="dark"] 
.wpsc-tff[data-cft="cf_file_attachment_multiple"] 
input[type="file"]::file-selector-button {
    background-color: #ffffff1a ;
    color: #e2e5e9;
    border: 1px solid #303030;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover */
:root[data-theme="dark"] 
.wpsc-tff[data-cft="cf_file_attachment_multiple"] 
input[type="file"]::file-selector-button:hover {
    background-color: #ffffff0d ; /* أفتح شوية */
    color: #e2e5e9;
}

:root[data-theme="dark"] 
.wpsc-ctf-image-upload-input[type="file"] {
    color: #e2e5e9 !important;
    cursor: pointer;
}

/* زر اختيار الملفات */
:root[data-theme="dark"] 
.wpsc-ctf-image-upload-input[type="file"]::file-selector-button {
    background-color: #ffffff1a;
    color: #e2e5e9;
    border: 1px solid #303030;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover */
:root[data-theme="dark"] 
.wpsc-ctf-image-upload-input[type="file"]::file-selector-button:hover {
    background-color: #ffffff0d;
    color: #e2e5e9;
}



:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-button.secondary:hover {
  background-color: #65676b !important;
  border-color: #4a5568 !important;
}

/* ========== Dark Mode - Links ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-link {
  color: #3b82f6 !important;
}

/* إلغاء Dark Mode من الروابط داخل wpsc-auth-container */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-link,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links .wpsc-link,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links a,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container a.wpsc-link {
  color: #d14124 !important;
  -webkit-text-fill-color: #d14124 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-link:hover {
  color: #b0b3b8 !important;
}

/* إلغاء Dark Mode من hover الروابط داخل wpsc-auth-container */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-link:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links .wpsc-link:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links a:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container a.wpsc-link:hover {
  color: #a9311e !important;
  -webkit-text-fill-color: #a9311e !important;
  text-decoration: underline !important;
}

/* ========== Dark Mode - All Links (a tags) ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled a {
  color: #3b82f6 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled a:hover {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled a[target="_blank"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled a[target="__blank"] {
  color: #3b82f6 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled a[target="_blank"]:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled a[target="__blank"]:hover {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Filter ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-filter-container select,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-filter-item select {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-search input {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Checkbox & Radio ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .checkbox-container label:before,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .radio-container label:before {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

/* إلغاء Dark Mode من checkbox و radio داخل wpsc-auth-container */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .checkbox-container label:before,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .radio-container label:before,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container label:before,
:root[data-theme="dark"] .wpsc-auth-container .radio-container label:before,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container.remember-me label:before {
  background-color: #fff !important;
  border-color: #d14124 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .checkbox-container label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .radio-container label {
  color: #e2e5e9 !important;
}

/* إلغاء Dark Mode من label داخل wpsc-auth-container */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .checkbox-container label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .radio-container label,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container label,
:root[data-theme="dark"] .wpsc-auth-container .radio-container label,
:root[data-theme="dark"] .wpsc-auth-container .checkbox-container.remember-me label {
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
}

/* ========== Dark Mode - Custom Ticket Fields ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-itw-custom-ticket-fields {
  background-color: #252728!important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-itw-custom-ticket-fields .wpsc-widget-header {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-itw-custom-ticket-fields .wpsc-widget-body {
  background-color: #252728!important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-itw-custom-ticket-fields .info-label {
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-itw-custom-ticket-fields .info-val {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-itw-custom-ticket-fields 
.wpsc-widget-body .info-list-item.wpsc-ctf-special-item .info-val > div > div {
    color: #b0b3b8;           
}


:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-products-section,
/* ========== Dark Mode - Custom Ticket Fields Sections ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-supplier-data-section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-contractor-data-section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .contractor_data_section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installments-section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installments-management-section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installments-confirmation-section {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] .wpsc-ctf-installments-section > div:first-of-type {
  background-color: #1c1c1d !important;
  color: #fff;
  border-left: 4px solid #65676b;
}

:root[data-theme="dark"] .wpsc-ctf-installment-item {
  background: linear-gradient(135deg, #1c1c1d 0%, #11182700 100%) !important;
  border-color: #374151 !important;
  color: #f9fafb;
  border: none !important;
}

:root[data-theme="dark"] .wpsc-ctf-payment-requests-section {
  background: #1c1c1d;
  color: #f9fafb;
  border: 1px solid #65676b !important;
}

:root[data-theme="dark"] .wpsc-ctf-request-item {
    background-color: #1c1c1d !important;
    border-color: #65676b !important;
}

:root[data-theme="dark"] 
.wpsc-ctf-request-header small {
    color: #b0b3b8  !important; 
}

:root[data-theme="dark"] .wpsc-ctf-payment-requests-list, :root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-payment-requests-list {
  border-top: 2px solid #65676b !important;
}


:root[data-theme="dark"] .wpsc-ctf-payment-request-item {
  background: linear-gradient(135deg, #252728 0%, #1c1c1d 100%);
  color: #f9fafb;
}

:root[data-theme="dark"] .wpsc-ctf-payment-request-item > div:first-child strong {
  color: #b0b3b8 !important;
}

:root[data-theme="dark"] .wpsc-ctf-work-photo-item span {
  color: #b0b3b8 !important;
}


:root[data-theme="dark"] .wpsc-ctf-payment-request-item .wpsc-ctf-stage-view-image span {
  background: transparent !important;
}


:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-supplier-data-section *,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-contractor-data-section *,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .contractor_data_section * {
  color: inherit;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-supplier-data-section h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-supplier-data-section h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-supplier-data-section h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-contractor-data-section h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-contractor-data-section h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-contractor-data-section h3 {
  color: #e2e5e9 !important;
}

/* Products Section */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-products-section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff.wpsc-ctf-products-section {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-products-section *,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff.wpsc-ctf-products-section * {
  color: inherit;
}

/* Warehouse Management Section */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-warehouse-management-section,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff.wpsc-ctf-warehouse-management-section {
  background-color: #252728!important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-warehouse-management-section *,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff.wpsc-ctf-warehouse-management-section * {
  color: inherit;
}

/* Installment Price Item */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-price-item {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-price-item * {
  color: inherit;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-price-item label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-price-item span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-price-item div {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-products-header,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installments-header {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-products-header h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installments-header h3 {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-product-card {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-product-name {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-product-info {
  color: #b0b3b8 !important;
}
:root[data-theme="dark"] .wpsc-ctf-product-info {
  color: #b0b3b8;
}


:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-search-input,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-filter-select {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-products-grid {
  background-color: #1c1c1d !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-selected-products {
  background-color: #1f2a3e !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-selected-products h4 {
  color: #6ea8ff !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-item,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-confirmation-item {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-item strong,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ctf-installment-confirmation-item strong {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Individual Ticket ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-subject-container h2 {
  color: #e2e5e9 !important;
}


:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-editor-action-container {
  background-color: #252728!important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-it-sidebar-widget-container {

}

/* ========== Dark Mode - Forms ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled form,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-modal form {

  color: #e2e5e9 !important;
}
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled form,
:root[data-theme="dark"] .wpsc-modal form {
    background-color: #252728 !important;
}

/* إلغاء Dark Mode من النماذج داخل wpsc-auth-container */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-login,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-default-login,
:root[data-theme="dark"] .wpsc-auth-container form,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-default-login {
    background-color: transparent !important;
    background: transparent !important;
    color: #333 !important;
}



/* ========== Dark Mode - Labels ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-input-group label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff-label,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff .name {
  color: #b0b3b8 !important;
}

/* ========== Dark Mode - Popover Menu ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-popover-menu {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-popover-menu-item {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-popover-menu-item:hover {
  background-color: #65676b !important;
  color: #fff !important;
}

/* ========== Dark Mode - Pagination ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-pagination-header .wpsc-pagination-btn {
  background-color: #ffffff1a !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-pagination-header .wpsc-pagination-btn:hover {
  background-color: #ffffff0d !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-pagination-header .wpsc-pagination-txt {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Bulk Actions ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-bulk-actions select {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-bulk-actions .wpsc-button.small.secondary {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-bulk-actions .wpsc-button.small.secondary:hover {
  background-color: #65676b !important;
  border-color: #4a5568 !important;
}

/* ========== Dark Mode - Filter Actions ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-filter-actions .wpsc-link {
  background-color: #ffffff1a !important;
    color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-filter-actions .wpsc-link:hover {
  background-color: #ffffff0d !important;
}

/* ========== Dark Mode - File Input ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled input[type="file"]::file-selector-button {
  background-color: #252728 !important;
  color: #e2e5e9 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled input[type="file"]::file-selector-button:hover {
  background-color: #65676b !important;
}

/* ========== Dark Mode - TinyMCE ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-tinymce,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .tox-tinymce {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-tinymce .mce-edit-area,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .tox-tinymce .tox-edit-area {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-tinymce .mce-toolbar,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .tox-tinymce .tox-toolbar {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-tinymce iframe,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .tox-tinymce iframe {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - TinyMCE Complete Styling ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-container,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-container * {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-panel {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-top-part {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-toolbar-grp {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-toolbar {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-btn-group {
  background-color: transparent !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-widget {
  background-color: transparent !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-btn {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-btn:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-btn:focus {
  background-color: #65676b !important;
  border-color: #4a5568 !important;
  color: #fff !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-btn button {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-btn button:hover {
  color: #fff !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-ico {
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area {
  background-color: #252728!important;
  border-color: #65676b !important;
  border-top-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-stack-layout {
  background-color: transparent !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-flow-layout {
  background-color: transparent !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-container-body {
  background-color: #333334 !important;
}

/* TinyMCE iframe content styling */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body * {
  color: #e2e5e9 !important;
}

/* TinyMCE iframe body content - specific styling */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body p,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body div,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body span,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body h5,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .mce-edit-area iframe body.mce-content-body h6 {
  color: #e2e5e9 !important;
}

/* ========== Dark Mode - Additional Elements ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-shortcode-container {
  background-color: #1c1c1d !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-body {
  background-color: #1c1c1d !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tff.customer {
  background-color: #252728!important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ct-actions {
  background-color: transparent !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-form-filter-item .operator {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-form-filter-item {
  background-color: #252728 !important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] .wpsc-itw-custom-ticket-fields .info-list-item {

  border-bottom: 1px solid #65676b;
}

:root[data-theme="dark"] .wpsc-itw-custom-ticket-fields 
.wpsc-widget-body .info-list-item.wpsc-ctf-special-item {
  border-bottom: 1px solid #65676b;
}



/* ========== Dark Mode - Text Colors ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled h1,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled h2,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled h3,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled h4,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled h5,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled h6 {
  color: #e2e5e9 !important;
  border-color: #65676b;
}

/* إلغاء Dark Mode من العناوين داخل wpsc-auth-container */
:root[data-theme="dark"] .wpsc-auth-container h1,
:root[data-theme="dark"] .wpsc-auth-container h2,
:root[data-theme="dark"] .wpsc-auth-container h3,
:root[data-theme="dark"] .wpsc-auth-container h4,
:root[data-theme="dark"] .wpsc-auth-container h5,
:root[data-theme="dark"] .wpsc-auth-container h6,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h1,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h2,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h3,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h4,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h5,
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container h6 {
  color: #d14124 !important;
  border-color: transparent !important;
}



:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-tag:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-ticket-tag:hover {
  background-color: #65676b !important;
  color: #fff !important;
}

/* ========== Dark Mode - UI Dialog ========== */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .ui-dialog {
  background-color: #252728!important;
  border-color: #65676b !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .ui-dialog-titlebar {
  background-color: #252728 !important;
  border-bottom-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .ui-dialog-content {
  background-color: #252728!important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .ui-button {
  background-color: #252728 !important;
  border-color: #65676b !important;
  color: #e2e5e9 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .ui-button:hover {
  background-color: #65676b !important;
}

/* ========== Dark Mode - Toggle Button ========== */
:root[data-theme="dark"] .wpsc-dark-mode-toggle svg {
  transform: rotate(360deg);
  transition: transform 0.3s ease;
}

/* ========== إلغاء Dark Mode نهائي من wpsc-auth-container ========== */
:root[data-theme="dark"] .wpsc-auth-container .auth-inner-container > h2 {
    color: #d14124 !important;
    background: transparent !important;
    -webkit-text-fill-color: #d14124 !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .auth-inner-container h2,
:root[data-theme="dark"] html .wpsc-auth-container .auth-inner-container h2 {
    color: #d14124 !important;
    background: transparent !important;
}

/* إلغاء Dark Mode نهائي من جميع عناصر النموذج */
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-default-login {
    background-color: transparent !important;
    color: #333 !important;
}

:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="password"],
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login input[type="password"],
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-default-login input[type="text"],
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-default-login input[type="password"] {
    background-color: #fff !important;
    border: 1.8px solid #d14124 !important;
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}

:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login .wpsc-button.primary,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login .wpsc-button.primary,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-default-login .wpsc-button.primary,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login button.wpsc-button.primary,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login button.wpsc-button.primary {
    background-color: #d14124 !important;
    border: none !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    box-shadow: 0 6px 14px rgba(209, 65, 36, 0.3) !important;
}

:root[data-theme="dark"] 
#wpsc-container.wpsc-dark-mode-enabled 
button.wpsc-button.primary {
    background-color: #ffffff1a  !important;  
    color: #e2e5e9  !important;

}

:root[data-theme="dark"] 
#wpsc-container.wpsc-dark-mode-enabled 
button.wpsc-button.primary:hover {
    background-color: #ffffff0d !important;
}


:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login .wpsc-button.primary:hover,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login .wpsc-button.primary:hover,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-default-login .wpsc-button.primary:hover {
    background-color: #a9311e !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    box-shadow: 0 8px 20px rgba(209, 65, 36, 0.4) !important;
}

/* ========== إلغاء Dark Mode نهائي من النموذج - قواعد نهائية بأعلى أولوية ========== */
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="text"],
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="password"],
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login input[type="text"],
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login input[type="password"],
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-default-login input[type="text"],
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-default-login input[type="password"],
:root[data-theme="dark"] html body .wpsc-auth-container .wpsc-login input[type="text"],
:root[data-theme="dark"] html body .wpsc-auth-container .wpsc-login input[type="password"] {
    background-color: #fff !important;
    background: #fff !important;
    border: 1.8px solid #d14124 !important;
    border-color: #d14124 !important;
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
    caret-color: #333 !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="text"]::placeholder,
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="password"]::placeholder,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login input[type="text"]::placeholder,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login input[type="password"]::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #999 !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="text"]:focus,
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login input[type="password"]:focus,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login input[type="text"]:focus,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login input[type="password"]:focus {
    background-color: white !important;
    background: white !important;
    border-color: #d14124 !important;
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
    box-shadow: 0 0 0 3px rgba(209, 65, 36, 0.1) !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login button.wpsc-button.primary,
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login .wpsc-button.primary,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login button.wpsc-button.primary,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login .wpsc-button.primary,
:root[data-theme="dark"] html body .wpsc-auth-container .wpsc-login button.wpsc-button.primary {
    background-color: #d14124 !important;
    background: #d14124 !important;
    border: none !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    box-shadow: 0 6px 14px rgba(209, 65, 36, 0.3) !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login button.wpsc-button.primary:hover,
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login.wpsc-default-login .wpsc-button.primary:hover,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login button.wpsc-button.primary:hover,
:root[data-theme="dark"] body .wpsc-auth-container form.wpsc-login .wpsc-button.primary:hover {
    background-color: #a9311e !important;
    background: #a9311e !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    box-shadow: 0 8px 20px rgba(209, 65, 36, 0.4) !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .checkbox-container.remember-me label,
:root[data-theme="dark"] body .wpsc-auth-container .wpsc-login .checkbox-container label {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .checkbox-container.remember-me input[type="checkbox"],
:root[data-theme="dark"] body .wpsc-auth-container #wpsc-remember-me {
    accent-color: #d14124 !important;
    background-color: #fff !important;
}

/* تجاوز قواعد #wpsc-container.wpsc-dark-mode-enabled */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-login input[type="text"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-login input[type="password"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form input[type="text"],
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form input[type="password"] {
    background-color: #fff !important;
    background: #fff !important;
    border-color: #d14124 !important;
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-login button.wpsc-button.primary,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form button.wpsc-button.primary {
    background-color: #d14124 !important;
    background: #d14124 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    border: none !important;
}

:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-login button.wpsc-button.primary:hover,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form button.wpsc-button.primary:hover {
    background-color: #a9311e !important;
    background: #a9311e !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
}

/* تجاوز قواعد form العامة - قواعد نهائية بأعلى أولوية */
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form.wpsc-login,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form.wpsc-default-login,
:root[data-theme="dark"] #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-login.wpsc-default-login,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form,
:root[data-theme="dark"] html body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container form {
    background-color: transparent !important;
    background: transparent !important;
    color: #333 !important;
}

:root[data-theme="dark"] .wpsc-auth-container form.wpsc-login,
:root[data-theme="dark"] .wpsc-auth-container form.wpsc-default-login,
:root[data-theme="dark"] .wpsc-auth-container .wpsc-login.wpsc-default-login,
:root[data-theme="dark"] body .wpsc-auth-container form,
:root[data-theme="dark"] html body .wpsc-auth-container form {
    background-color: transparent !important;
    background: transparent !important;
    color: #333 !important;
}

/* إلغاء Dark Mode من checkbox label:before - قواعد نهائية */
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .checkbox-container label:before,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .radio-container label:before,
:root[data-theme="dark"] body .wpsc-auth-container .checkbox-container label:before,
:root[data-theme="dark"] body .wpsc-auth-container .radio-container label:before,
:root[data-theme="dark"] html body .wpsc-auth-container .checkbox-container label:before,
:root[data-theme="dark"] html body .wpsc-auth-container .checkbox-container.remember-me label:before {
    background-color: #fff !important;
    background: #fff !important;
    border-color: #d14124 !important;
}

:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .checkbox-container label,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .radio-container label,
:root[data-theme="dark"] body .wpsc-auth-container .checkbox-container label,
:root[data-theme="dark"] body .wpsc-auth-container .radio-container label,
:root[data-theme="dark"] body .wpsc-auth-container .checkbox-container.remember-me label,
:root[data-theme="dark"] html body .wpsc-auth-container .checkbox-container.remember-me label {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

/* إلغاء Dark Mode من الروابط - قواعد نهائية بأعلى أولوية */
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-link,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links .wpsc-link,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links a,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container a.wpsc-link,
:root[data-theme="dark"] html body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-link {
    color: #d14124 !important;
    -webkit-text-fill-color: #d14124 !important;
}

:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-link:hover,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links .wpsc-link:hover,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .auth-links a:hover,
:root[data-theme="dark"] body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container a.wpsc-link:hover,
:root[data-theme="dark"] html body #wpsc-container.wpsc-dark-mode-enabled .wpsc-auth-container .wpsc-link:hover {
    color: #a9311e !important;
    -webkit-text-fill-color: #a9311e !important;
    text-decoration: underline !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .wpsc-link,
:root[data-theme="dark"] body .wpsc-auth-container .auth-links .wpsc-link,
:root[data-theme="dark"] body .wpsc-auth-container .auth-links a,
:root[data-theme="dark"] html body .wpsc-auth-container .wpsc-link {
    color: #d14124 !important;
    -webkit-text-fill-color: #d14124 !important;
}

:root[data-theme="dark"] body .wpsc-auth-container .wpsc-link:hover,
:root[data-theme="dark"] body .wpsc-auth-container .auth-links .wpsc-link:hover,
:root[data-theme="dark"] body .wpsc-auth-container .auth-links a:hover,
:root[data-theme="dark"] html body .wpsc-auth-container .wpsc-link:hover {
    color: #a9311e !important;
    -webkit-text-fill-color: #a9311e !important;
    text-decoration: underline !important;
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
  .wpsc-header { padding: 12px; }
  .wpsc-tickets-nav, .wpsc-header-nav { font-size: 14px; padding: 6px 10px; }
  .wpsc-filter { flex-direction: column; align-items: stretch; gap: 10px; }
  .wpsc-ticket-list-tbl th, .wpsc-ticket-list-tbl td { padding: 10px 8px; font-size: 13px; }
  .wpsc-modal .modal { width: 95%; }
}

@media (max-width: 1024px) {
  .wpsc-it-body {
      padding-bottom: 15px !important;
  }
}