/* ===== شبكة الحقول: صفين للـ name/email وحقل كامل أسفل ===== */
.pxl-contact-us-form .pxl-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;               /* مسافة موحدة أقل */
  margin-bottom: 8px;     /* مسافة أسفل الصف الثنائي */
}

/* ===== مسافات رأسية بين كل حقل وآخر ===== */
.pxl-contact-us-form .pxl-field-wrap {
  margin-bottom: 8px;     /* تقليل المسافة بين الحقول */
  padding-bottom: 0;
}

/* ===== الليبل ===== */
.pxl-contact-us-form .form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 2px;     /* فجوة ضئيلة بين الليبل والحقل */
  color: #17314f;
  pointer-events: none;
  user-select: none;
}

/* ===== حقول الإدخال ===== */
.pxl-contact-us-form .custom-input,
.pxl-contact-us-form .iti-phone {
  display: block !important;          
  width: 100% !important;             
  height: 48px !important;            
  margin: 2px 0 !important;            /* مسافة بسيطة فوق وتحت الحقل */
  padding: 0 12px !important;         
  font-size: 15px !important;          
  line-height: 48px !important;        /* توسيط عمودي */
  text-align: center !important;       /* توسيط أفقي */
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  color: #000 !important;
  box-sizing: border-box !important;
}

/* ===== textarea ===== */
.pxl-contact-us-form textarea.custom-input {
  display: block !important;
  width: 100% !important;
  min-height: 120px !important;
  margin: 2px 0 !important;
  padding: 14px 12px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  color: #000 !important;
  resize: vertical !important;
}

/* ===== حالة التركيز (Focus) ===== */
.pxl-contact-us-form .custom-input:focus,
.pxl-contact-us-form .iti-phone:focus {
  border-color: #496c8a !important;
  box-shadow: 0 0 0 2px #D0E3FF !important;
  outline: none !important;
}

/* ===== زر الإرسال ===== */
.pxl-contact-us-form .contact-submit-btn {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #17314f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  min-width: 140px !important;
  height: 48px !important;
  padding: 0 20px !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  margin: auto !important;
}
.pxl-contact-us-form .contact-submit-btn:hover {
  background-color: #496c8a !important;
}

/* ===== اللودر ===== */
.pxl-contact-us-form .loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #496c8a;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
  margin-left: 8px;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* ===== أنيميشن الدخول ===== */
.pxl-contact-us-form.animate-fade {
  animation: fadeInUp 0.7s ease forwards;
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 1. افتراضيًا كل العناصر تظهر بمؤشر السهم */
body, 
body * {
  cursor: default !important;
}

/* 2. الحقول فقط تظهر مؤشر الكتابة */
body input, 
body textarea {
  cursor: text !important;
}

/* 3. الروابط والأزرار تظهر مؤشر اليد */
body a, 
body button {
  cursor: pointer !important;
}

/* ========== form-consult-request فقط ========== */
.form-consult-request .pxl-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}

.form-consult-request .pxl-field-wrap {
  margin-bottom: 20px;  /* مسافة بين كل حقل وآخر */
  padding-bottom: 0;
}

.form-consult-request .form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 2px;
  color: #17314f;
  pointer-events: none;
  user-select: none;
}

.form-consult-request .custom-input,
.form-consult-request .iti-phone {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 2px 0 !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  line-height: 48px !important;
  text-align: center !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  color: #000 !important;
  box-sizing: border-box !important;
}

.form-consult-request textarea.custom-input {
  min-height: 120px !important;
  padding: 14px 12px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  resize: vertical !important;
}

.form-consult-request .custom-input:focus,
.form-consult-request .iti-phone:focus {
  border-color: #496c8a !important;
  box-shadow: 0 0 0 2px #D0E3FF !important;
  outline: none !important;
}

.form-consult-request .contact-submit-btn {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #17314f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  min-width: 140px !important;
  height: 48px !important;
  padding: 0 20px !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  margin: auto !important;
}

.form-consult-request .contact-submit-btn:hover {
  background-color: #496c8a !important;
}

.form-consult-request .loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #496c8a;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
  margin-left: 8px;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

.form-consult-request.animate-fade {
  animation: fadeInUp 0.7s ease forwards;
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.form-consult-request .pxl-btn-wrap {
  margin-top: 24px;
}

/* أضف مسافة بين كل عنصر إدخال داخل الفورم */
.form-consult-request input.custom-input,
.form-consult-request textarea.custom-input,
.form-consult-request .iti-phone {
  margin-bottom: 16px !important; /* المسافة بين الحقول */
}

/* تأكد من وجود مسافة تحت الزر */
.form-consult-request .pxl-btn-wrap {
  margin-top: 24px !important;
}

.wpcf7-response-output {
  background-color: #d0e3ff !important; /* خلفية خضراء فاتحة (تقدر تغيّرها) */
  border: none !important;              /* إزالة الإطار الأخضر */
  border-radius: 8px !important;        /* حواف ناعمة */
  color: #17314f !important;            /* لون النص */
  padding: 16px 20px !important;
  font-size: 16px !important;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); /* ظل خفيف */
  margin-top: 24px !important;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #d0e3ff !important;
  color: #17314f !important;
  padding: 16px 20px !important;
  border-radius: 10px !important;
  font-size: 16px;
  text-align: center;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  margin-top: 24px;
}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

/* إعداد الفورم العام */
.um-25266.um-login {
  background-color: #F9FCFF;
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  font-family: 'Cairo', sans-serif;
  max-width: 460px;
  margin: 40px auto;
  color: #17314f;
  position: relative;
  padding-top: 120px; /* مساحة للوجو فقط */
}

/* الوضع الطبيعي للزوار: padding أعلى للوجو */
.um-25266.um-login {
  padding-top: 120px;
}

/* تقليل المساحة فقط للمسجلين */
body.logged-in .um-25266.um-login {
  padding-top: 40px;
}


/* عرض اللوجو فقط للزوار (غير المسجلين) */
body:not(.logged-in) .um-25266.um-login::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 180px;
  background: url('https://11psgroup.com/wp-content/uploads/2024/04/Logo-Full-512X512pxl.png') no-repeat center top;
  background-size: 100px;
  animation: fadeInLogo 1s ease forwards;
  opacity: 0;
}


/* حركة دخول اللوجو */
@keyframes fadeInLogo {
  0% { opacity: 0; transform: translate(-50%, -10px); }
  100% { opacity: 1; transform: translate(-50%, 0); }
}

/* الحقول */
.um-25266 input[type="text"],
.um-25266 input[type="password"] {
  border: 2px solid #158fcf;
  border-radius: 10px;
  padding: 12px;
  font-size: 16px;
  margin-bottom: 18px;
  background-color: #fff;
  color: #000;
}

/* تغيير لون Label (Username / Password) */
.um-25266 .um-field-label label {
  color: #496c8a !important;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

/* زر Login */
.um-25266 .um-left .um-button {
  background-color: #496c8a !important;
  color: #fff !important;
  border-radius: 10px;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  transition: 0.3s ease;
  border: none;
}

.um-25266 .um-left .um-button:hover {
  background-color: #17314f !important;
}

/* زر Register */
.um-25266 .um-right .um-button.um-alt {
  background-color: #D0E3FF;
  color: #17314f;
  border-radius: 10px;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
}

.um-25266 .um-right .um-button.um-alt:hover {
  background-color: #158fcf;
  color: white;
}

/* رابط Forgot Password */
.um-25266 .um-link-alt {
  color: #496c8a;
  text-align: center;
  display: block;
  margin-top: 20px;
  font-size: 14px;
}

/* Checkbox نص */
.um-25266 .um-field-checkbox-option {
  color: #17314f;
  font-size: 14px;
}

/* إخفاء أي عبارة ترحيبية سابقة */
.um-25266 + .um-col-alt-b {
  display: none !important;
}

/* ---------- عام ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

.um-25265.um-register {
  font-family: 'Cairo', sans-serif;
  background-color: #F9FCFF;
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  max-width: 900px;
  margin: 30px auto;
  color: #17314f;
}

/* ---------- الحقول ---------- */
.um-25265 .um-form-field {
  border: 2px solid #158fcf;
  border-radius: 10px;
  padding: 10px;
  font-size: 15px;
  background-color: #fff;
  color: #000;
}

.um-25265 .um-field-label label {
  color: #496c8a;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
}

/* ---------- رسائل الخطأ ---------- */
.um-25265 .um-field-error {
  background-color: #e74c3c;
  color: #fff;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 6px;
  position: relative;
  animation: fadeInError 0.3s ease;
}

@keyframes fadeInError {
  0% { opacity: 0; transform: translateY(-5px); }
  100% { opacity: 1; transform: translateY(0); }
}

.um-25265 .um-field-arrow {
  display: none;
}

/* ---------- الأزرار ---------- */
.um-25265 .um-button {
  border-radius: 10px;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 0;
  width: 100%;
  transition: 0.3s ease;
  border: none;
}

.um-25265 .um-left .um-button {
  background-color: #496c8a;
  color: #fff;
}

.um-25265 .um-left .um-button:hover {
  background-color: #17314f;
}

.um-25265 .um-right .um-button.um-alt {
  background-color: #D0E3FF;
  color: #17314f;
}

.um-25265 .um-right .um-button.um-alt:hover {
  background-color: #158fcf;
  color: white;
}

/* ---------- الموبايل ---------- */
@media (max-width: 768px) {
  .um-25265 .um-col-121,
  .um-25265 .um-col-122 {
    width: 100% !important;
    display: block !important;
  }
}

#mobile_number-25265 {
  padding-left: 48px !important;
}

/* تحسين مدخلات الحقول */
.um-account-main input.um-form-field {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 10px 14px;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

/* زر تحديث الحساب */
#um_account_submit_general {
    background-color: #496c8a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600;
    transition: background 0.3s ease;
}

#um_account_submit_general:hover {
    background-color: #17314f !important;
}

/* الشريط الجانبي */
.um-account-side ul {
    background: #f5f7fb;
    border-radius: 10px;
    overflow: hidden;
}

.um-account-side ul li a.um-account-link {
    font-weight: 600;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.um-account-side ul li a.um-account-link.current {
    background-color: #D0E3FF;
    color: #17314f;
}

/* صورة البروفايل */
.um-account-meta-img img {
    border-radius: 50%;
    border: 3px solid #496c8a;
}

/* عناوين الحقول */
.um-field-label label {
    font-weight: 600;
    color: #17314f;
}

/* خلفية فورم الحساب */
.um-account {
    background-color: #f9fcff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* الخط العام */
body, input, select, textarea {
    font-family: 'Poppins', sans-serif;
}

/* ===== تصميم بطاقة الوظيفة ===== */
.awsm-job-listing-item {
  background: #F9FCFF; /* خلفية ناعمة من الهوية */
  border: 2px solid #D0E3FF;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 4px 10px rgba(208, 227, 255, 0.3);
  transition: all 0.3s ease-in-out;
}

.awsm-job-listing-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(208, 227, 255, 0.5);
}

/* ===== العنوان ===== */
.awsm-job-post-title {
  font-size: 20px;
  font-weight: 700;
  color: #496c8a; /* الأزرق الملكي الغامق */
  margin-bottom: 12px;
}

/* ===== الشارات: الفئة والموقع ===== */
.awsm-job-specification-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.awsm-job-specification-term {
  background-color: #158fcf;
  color: #fff;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

.awsm-job-more {
  background-color: #496c8a;
  color: white;
  padding: 8px 16px;
  border-radius: 5px;
  display: inline-block;
  font-weight: bold;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.awsm-job-more:hover {
  background-color: #17314f;
  color: #ffffff; /* لون النص عند الهوفر – أزرق فاتح من الهوية */
}


/* ===== تخطيط داخلي ===== */
.awsm-list-left-col,
.awsm-list-right-col {
  width: 100% !important;
  flex: unset !important;
  max-width: 100% !important;
}

.awsm-job-item {
  display: flex;
  flex-direction: column;
}

/* ===== عنوان الصفحة ===== */
.awsm-jobs-archive-title {
  font-size: 28px;
  font-weight: 700;
  color: #17314f;
  text-align: center;
  margin-bottom: 40px;
}

/* ===== الفلاتر ===== */
.awsm-filter-wrap {
  background-color: #E7F1FF;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 40px;
}

/* ===== تحسين للموبايل ===== */
@media (max-width: 768px) {
  .awsm-job-listing-item {
    padding: 15px;
  }

  .awsm-jobs-archive-title {
    font-size: 22px;
  }

  .awsm-job-post-title {
    font-size: 16px;
  }
}

/* ===== خلفية الفورم ===== */
.awsm-job-form-inner {
  background-color: #F9FCFF; /* خلفية الهوية */
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

/* ===== الحقول ===== */
.awsm-job-form-field:not([type="checkbox"]),
.awsm-job-form-control,
textarea.awsm-job-form-control {
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  border: 2px solid #158fcf;
  border-radius: 8px;
  background-color: #E7F1FF;
  font-family: 'Poppins', sans-serif;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

/* تنسيق الـ checkbox وحده */
.awsm-job-form-field[type="checkbox"] {
  width: auto;
  margin: 0 8px 0 0;
  accent-color: #496c8a;
  transform: scale(1.1);
  vertical-align: middle;
}


/* ===== عند التركيز ===== */
.awsm-job-form-field:focus,
textarea.awsm-job-form-control:focus {
  border-color: #496c8a; /* لون التفاعل */
  outline: none;
}

/* ===== زرار الإرسال ===== */
.awsm-application-submit-btn {
  background-color: #496c8a;
  color: #fff;
  border: none;
  padding: 10px 28px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: 'Poppins', sans-serif;
}

.awsm-application-submit-btn:hover {
  background-color: #17314f;
}

.applied-jobs-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.applied-jobs-list li {
  background: #e7f1ff;
  margin-bottom: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 15px;
}

.job-title {
  font-weight: bold;
  color: #17314f;
  text-decoration: none;
}

.job-status {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.job-status.pending {
  background: #fff3cd;
  color: #856404;
}

.job-status.approved {
  background: #d4edda;
  color: #155724;
}

.job-status.rejected {
  background: #f8d7da;
  color: #721c24;
}


.hr-panel {
  font-family: Arial, sans-serif;
  padding: 20px;
  background-color: #f8fbff;
  border-radius: 8px;
}

.hr-applicant {
  margin-bottom: 40px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #ffffff;
}

.hr-applicant h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #17314f;
}

.hr-applicant .email {
  font-size: 14px;
  color: #777;
}

.hr-app-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.hr-app-table th, .hr-app-table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #eaeaea;
}

.hr-status-form {
  display: flex;
  gap: 10px;
  align-items: center;
}

.hr-status-form select {
  padding: 4px 8px;
}

.hr-status-form button {
  background-color: #496c8a;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}

.hr-status-form button:hover {
  background-color: #17314f;
}

.status-badge {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.status-badge.pending {
  background: #fff3cd;
  color: #856404;
}

.status-badge.approved {
  background: #d4edda;
  color: #155724;
}

.status-badge.rejected {
  background: #f8d7da;
  color: #721c24;
}

.hr-panel {
  font-family: Arial, sans-serif;
  padding: 20px;
}

.hr-app-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.hr-app-table th, .hr-app-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  font-size: 14px;
}

.hr-applicant h3 {
  margin-bottom: 10px;
  color: #17314f;
}

.hr-status-form select {
  padding: 4px 8px;
}

.status-badge {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
  text-transform: capitalize;
}

.status-badge.pending {
  background: #fff3cd;
  color: #856404;
}

.status-badge.approved {
  background: #d4edda;
  color: #155724;
}

.status-badge.rejected {
  background: #f8d7da;
  color: #721c24;
}

/* ===== لوحة HR العامة ===== */
.hr-panel {
  font-family: 'Poppins', Arial, sans-serif;
  padding: 30px;
  background-color: #f9fcff;
  color: #496c8a;
}

/* ===== عنوان الصفحة ===== */
.hr-panel h2 {
  color: #17314f;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 25px;
}

/* ===== بيانات المستخدم ===== */
.hr-applicant h3 {
  margin-bottom: 10px;
  color: #496c8a;
  font-size: 20px;
}

/* ===== الجدول ===== */
.hr-app-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.hr-app-table thead {
  background-color: #E7F1FF;
}

.hr-app-table th,
.hr-app-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #d0e3ff;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.hr-app-table th {
  font-weight: 600;
  color: #17314f;
}

.hr-app-table td a {
  color: #496c8a;
  text-decoration: underline;
}

/* ===== الشارات (Status Badges) ===== */
.status-badge {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
}

.status-badge.pending {
  background: #fff3cd;
  color: #856404;
}

.status-badge.approved {
  background: #d4edda;
  color: #155724;
}

.status-badge.rejected {
  background: #f8d7da;
  color: #721c24;
}

/* ===== الأزرار ===== */
.hr-status-form select {
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 6px;
}

.hr-status-form button {
  padding: 6px 14px;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.hr-status-form button[type="submit"] {
  background-color: #496c8a;
  color: white;
  margin-right: 8px;
}

/* ========== بداية الكود الكامل ========== */

/* ... الكود الحالي الموجود بالكامل لديك ... */

/* مثال لتأكيد الدمج */
body {
  font-family: 'Poppins', sans-serif;
}

/* ===== تحديث شامل لأزرار لوحة HR والشارات ===== */
.status-badge {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
}

.status-badge.approved {
  background: #d4edda;
  color: #155724;
}

.status-badge.pending {
  background: #fff3cd;
  color: #856404;
}

.status-badge.rejected {
  background: #f8d7da;
  color: #721c24;
}

/* ===== أزرار التحكم في الحالة ===== */
form button[type="submit"] {
  padding: 6px 14px;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  cursor: pointer;
  background-color: #496c8a;
  color: white;
  margin-right: 8px;
  transition: 0.3s ease;
}

form button[type="submit"]:hover {
  background-color: #17314f;
  opacity: 0.95;
}

/* زر الحذف الأحمر */
form button[type="submit"].delete-btn {
  background-color: #dc3545;
}

form button[type="submit"].delete-btn:hover {
  background-color: #c82333;
}

.hr-export {
  background-color: #496c8a;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.hr-search, .hr-filter, .hr-export {
  padding: 8px 14px;
  margin: 8px 10px 20px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* ========== نهاية الكود المحدث ========== */
#hr-search {
  background-color: #ffffff; /* لون الخلفية */
  border: 1px solid #ccc;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  color: #17314f;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* حالة التركيز */
#hr-search:focus {
  border-color: #496c8a;
  box-shadow: 0 0 0 3px rgba(51, 78, 172, 0.2);
  outline: none;
}

#hr-filter {
  background-color: #ffffff;  /* خلفية ناعمة */
  border: 1px solid #ccc;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  color: #17314f;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* ظل خفيف */
  cursor: pointer;
}

/* حالة التركيز */
#hr-filter:focus {
  border-color: #496c8a;
  box-shadow: 0 0 0 2px #D0E3FF;
  outline: none;
}


.hr-zip-btn {
  display: inline-block;
  margin: 8px 0 24px;
  background-color: #496c8a;
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease;
}

.hr-zip-btn:hover {
  background-color: #17314f;
}

textarea[name="hr_note"] {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 8px;
  font-family: 'Poppins', sans-serif;
  resize: vertical;
}

button[type="submit"] {
  background-color: #496c8a;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 13px;
}

.date-filter-group {
  margin-bottom: 20px;
}

.date-filter-label {
  font-weight: 600;
  font-size: 15px;
  color: #17314f;
  margin-bottom: 8px;
  display: block;
}

.date-filter-fields {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.date-filter-fields .date-input {
  flex: 1;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  font-size: 14px;
  color: #496c8a;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

/* نجمع الليبل والفلتر مع بعض في سطر واحد */
.hr-date-label {
  display: inline-block;
  margin: 0 8px 0 0;
  font-weight: 600;
  color: #17314f;        /* كحلي غامق */
  vertical-align: middle;
}
.hr-date-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;              /* نقصنا الفجوة */
  vertical-align: middle;
}

/* تنسيق الـ date inputs */
.hr-date-input {
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #496c8a;    /* أزرق ملكي */
  border-radius: 4px;
  background-color: #F9FCFF;    /* أبيض مائل للأزرق */
  color: #17314f;               /* نص كحلي */
  width: 120px;                 /* عرض موحد */
  box-sizing: border-box;
}

/* تأثير عند التركيز */
.hr-date-input:focus {
  outline: none;
  border-color: #158fcf;        /* أزرق متوسط */
  box-shadow: 0 0 4px rgba(51,78,172,0.25);
}

/* تعديل أيقونة التقويم لتناسب الهوية */
.hr-date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: invert(29%) sepia(11%) saturate(2267%) hue-rotate(197deg) brightness(98%) contrast(91%);
}

/* === خلي حقول التاريخ زي باقي الحقول === */
.hr-date-input {
  /* نفس خلفية الحقول الثانية */
  background-color: #FFFFFF;      /* أو #F9FCFF لو هي خلفية الحقول الثانية عندك */
  /* نفس بوردَر الحقول الثانية */
  border: 1px solid #D0E3FF;      /* عدل اللون حسب border الحقول الثانية */
  border-radius: 8px;             /* نفس radius عندك (8px هنا مثال) */
  padding: 12px 16px;             /* نفس الpadding عندك */
  font-size: 1rem;                /* حجم الخط مثل الباقي */
  color: #17314f;                 /* لون النص مثل الباقي */
  box-sizing: border-box;
}

/* لو عايزهم يتوزعوا عرضيًّا بنفس الـ width للحقول التانية */
.hr-date-filter {
  display: flex;
  gap: 10px;
  margin: 10px 0;
  /* لو الحقول التانية full-width حط width:100% هنا */
}

/* تعديل أيقونة الـ calendar لو حابب تطابق الأيقونة في الحقول الثانية */
.hr-date-input::-webkit-calendar-picker-indicator {
  filter: invert(29%) sepia(11%) saturate(2267%) hue-rotate(197deg) brightness(98%) contrast(91%);
  cursor: pointer;
}

/* –– حاوية التاريخ بصندوق صغير */
.hr-date-filter {
  display: inline-flex;              /* يبقوا جنب بعض */
  align-items: center;
  gap: 6px;                          /* مسافة أقل بين الحقول */
  background-color: #FFFFFF;         /* خلفية نفس حقول الواجهة */
  border: 1px solid #D0E3FF;         /* بوردَر خفيف */
  border-radius: 8px;                /* زاوايا منحنية */
  padding: 4px 8px;                  /* حشوة داخلية صغيرة */
}

/* –– الحقول نفسها أصغر شوية */
.hr-date-input {
  background: transparent;           /* شفاف لأن الخلفية للحاوية */
  border: none;                      /* نحذف البوردَر الداخلي */
  padding: 4px 6px;                  /* padding صغير */
  font-size: 0.9rem;                 /* خط أصغر */
  width: 90px;                       /* عرض مصغّر */
  box-sizing: border-box;
}

/* –– الليبل قُرب الحقول */
.hr-date-label {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
  color: #17314f;
  vertical-align: middle;
}

.hr-date-filter {
  display: flex;
  gap: 16px;           /* مسافة بين الحقول */
  margin: 10px 0;
}

.hr-date-field {
  display: flex;
  flex-direction: column;
}

.hr-date-sub-label {
  font-size: 12px;
  margin-bottom: 4px;
  color: #496c8a;      /* أزرق ملكي من الهوية */
}

.hr-date-input {
  background-color: #FFFFFF;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  padding: 8px 12px;
  width: 120px;
  font-size: 14px;
  color: #17314f;
  box-sizing: border-box;
}

/* عند التركيز */
.hr-date-input:focus {
  outline: none;
  border-color: #158fcf;
  box-shadow: 0 0 4px rgba(51,78,172,0.25);
}

.hr-interview-cell { display: flex; align-items: center; gap: 6px; }
.hr-interview-clear-btn {
  background: #ff4d4f;
  color: #fff;
  border: none;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
}
.hr-interview-clear-btn:hover {
  background: #d9363e;
}

.job-applications-wrapper {
  background: linear-gradient(145deg, #d0e3ff  0%, #d0e3ff 100%);
  padding: 40px 25px;
  border-radius: 16px;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: inset 0 0 6px #d0e3ff  ;
  max-width: 800px;
  margin: 0 auto;
}

.applications-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.applications-header img {
  height: 70px;
  border-radius: 10px;
}

.applications-header h2 {
  font-size: 22px;
  color: #17314f;
  margin: 0;
  font-weight: bold;       /* يجعل الخط Bold */
  text-align: left;      /* يوسّط النص */

}


.no-apps {
  background: #E7F1FF;
  padding: 35px 25px;
  border-radius: 14px;
  text-align: center;
  color: #496c8a; /* لون النص العادي */
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.no-apps strong {
  color: #17314f; /* لون العنوان */
  font-weight: bold;
}

.no-apps .browse-btn {
  background-color: #496c8a;
  color: white;
}

.no-apps .browse-btn:hover {
  background-color: #17314f;
}


.no-apps:hover {
  transform: translateY(-2px);
}

.empty-icon {
  font-size: 42px;
  display: block;
  margin-bottom: 12px;
}

.browse-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 18px;
  background-color: #496c8a;
  color: white;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  transition: background-color 0.2s;
}

.browse-btn:hover {
  background-color: #1e3e9e;
}

.job-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.job-title {
  font-weight: 600;
  font-size: 16px;
  color: #17314f;
  text-decoration: none;
  flex-grow: 1; /* يجعل العنوان ياخد المساحة الباقية */
}

.badge {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
  white-space: nowrap;
  display: inline-block;
}

.status-pending {
  background-color: #fff3cd;
  color: #856404;
}

.status-approved {
  background-color: #d4edda;
  color: #155724;
}

.status-rejected {
  background-color: #f8d7da;
  color: #721c24;
}

.job-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cancel-btn {
  background-color: #f44336;
  border: none;
  color: white;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.cancel-btn:hover {
  background-color: #d32f2f;
}

.toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #28a745;
  color: white;
  padding: 14px 24px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.2);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 9999;
}

.toast.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.toast.hidden {
  transform: translateY(20px);
}

/* 1. عرض الأعمدة كاملة وعمل تكديس عمودي */
.um-25265 .um-col-alt {
  display: block !important;
  text-align: center;
}
/* الزرّ Register كامل العرض */
.um-25265 .um-left {
  width: 100% !important;
  margin-bottom: 0;
}
/* ضع الرابط تحت الزرّ */
.um-25265 .um-right {
  width: 100% !important;
  float: none !important;
  margin-top: 10px;
}

/* 2. اخفاء نص الزرّ الأصلي مع إزالة شكله كـ button */
.um-25265 .um-right .um-button.um-alt {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
  padding: 0 !important;
  font-size: 14px !important;
  display: inline-block !important;
}

.um-25265 .um-right .um-button.um-alt::after {
  content: "Already have an account? Log In";
  color: #496c8a;
  font-weight: 700 !important;  /* أو 600 لـ semi-bold */
  text-decoration: underline;
}


/* لون زرّ Register الأساسي */
#um-submit-btn {
  background-color: #496c8a !important; /* استبدلي بالـ HEX الخاص بهويتك */
  border-color:    #000000 !important;
  color:           #ffffff           !important; /* لون الخط */
}

/* لون عند المرور (hover) */
#um-submit-btn:hover {
  background-color: #17314f !important; /* لون أغمق شوية */
  border-color:    #ffffff !important;
}


/* 1) افتراضي (مش مسجّل): 
   #register-header ظاهر */
#register-header {
  display: block;
}

/* 2) لما يكون الزائر مسجّل دخول (body.logged-in):
   أخفي الهيدر */
body.logged-in #register-header {
  display: none !important;
}

/* 1. إخفاء زرّ “العودة للرئيسية” افتراضياً للـ guests */
.home-button-wrap {
  display: none;
}

/* 2. كل الستائل الخاص بالبطاقة يشتغل للـ logged-in فقط */
body.logged-in .elementor-element-351884f3.reg-message {
  max-width: 480px;
  margin: 40px auto;
  background-color: #EEF2FF;
  border-left: 4px solid #496c8a;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 24px 20px;
  box-sizing: border-box;
}

/* 3. تنسيق نص الرسالة للمسجّلين */
body.logged-in .elementor-element-351884f3.reg-message p:first-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 22px;
  font-weight: 600;
  color: #17314f;
  margin: 0;
}

/* 4. الأيقونة قبل النص */
body.logged-in .elementor-element-351884f3.reg-message p:first-of-type::before {
  content: "✔️";
  font-size: 26px;
}

/* 5. إظهار زرّ العودة للرئيسية للمسجّلين فقط */
body.logged-in .home-button-wrap {
  display: block;
  text-align: center;
  margin-top: 20px;
}

/* 6. تصميم الزرّ */
body.logged-in .home-button-wrap .home-button {
  display: inline-block;
  padding: 12px 30px;
  background-color: #496c8a;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s, transform 0.2s;
}

/* 7. تأثير hover */
body.logged-in .home-button-wrap .home-button:hover {
  background-color: #1f356f;
  transform: translateY(-2px);
}




/* ========== تنسيق روابط الحساب ========== */
.um-misc-ul li a {
    color: #17314f;                  /* كحلي غامق - لون هوية البراند */
    font-weight: 600;
    font-size: 15px;
    padding: 6px 12px;
    border-radius: 8px;
    display: inline-block;
    transition: 0.3s;
    text-decoration: none;
}

.um-misc-ul li a:hover {
    background-color: #D0E3FF;       /* أزرق فاتح - لون هوية البراند */
    color: #496c8a;                  /* أزرق ملكي */
}

/* ========== تصميم رسالة "You are already logged in" ========== */
.um-logged-in-msg {
    background-color: #D0E3FF;
    color: #17314f;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}




.um.um-register::before {
  content: "";
  display: block;
  width: 100%;
  height: 150px; /* زودنا الارتفاع */
  background: url('https://11psgroup.com/wp-content/uploads/2024/03/Logo-Full-512X512pxl.png') no-repeat center top;
  background-size: 140px; /* كبرنا حجم اللوجو */
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
}

/* تغيير لون النص أعلى الحقول (Label) في فورم التسجيل */
.um-25265.um-register .um-field-label label {
  color: #17314f !important;  /* كحلي غامق */
  font-weight: 600 !important;
  font-size: 15px !important;
}

.um-account-heading i.um-faicon-user {
  color: #17314f !important;
}

/* تغيير لون كلمة "Account" */
.um-account-heading {
  color: #17314f !important;
}
/* استهداف زر تحديث الباسورد */
input#um_account_submit_password.um-button {
  background-color: #496c8a !important; /* أزرق ملكي */
  color: white !important;
  font-weight: bold;
  border-radius: 8px;
  padding: 10px 20px;
  border: none;
  transition: background-color 0.3s ease;
}

/* عند التمرير Hover */
input#um_account_submit_password.um-button:hover {
  background-color: #17314f !important; /* كحلي غامق */
}

/* جميع أزرار Ultimate Member */
.um-button,
.um-request-button {
  background-color: #496c8a !important; /* أزرق ملكي */
  color: white !important;
  font-weight: bold;
  border-radius: 8px;
  padding: 10px 24px;
  border: none;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

/* عند التمرير على الزر */
.um-button:hover,
.um-request-button:hover {
  background-color: #17314f !important; /* كحلي غامق */
}

/* لو الزر في حالة Disabled */
.um-button[disabled],
.um-request-button[disabled] {
  background-color: #999 !important;
  cursor: not-allowed;
}

/* القائمة الجانبية بالكامل */
.um-account-side {
  background-color: #F9FCFF;
  border-radius: 12px;
  padding: 20px 0;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
}

/* كل عنصر في القائمة */
.um-account-link {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  font-weight: bold;
  color: #17314f !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-left: 4px solid transparent;
}

/* الأيقونات */
.um-account-link i {
  color: #496c8a !important;
  margin-right: 12px;
  font-size: 16px;
}

/* العنصر النشط */
.um-account-link.current {
  background-color: #D0E3FF !important;
  border-left: 4px solid #496c8a;
}

/* عند تمرير الماوس */
.um-account-link:hover {
  background-color: #E7F1FF;
  color: #496c8a !important;
}

/* الخط الفاصل بين العناصر */
.um-account-link + .um-account-link {
  border-top: 1px solid #eee;
}



/* اسم المستخدم */
.um-account-name a {
  color: #17314f !important; /* كحلي غامق */
  font-weight: bold;
  font-size: 18px;
  transition: color 0.3s ease;
}

/* تغيير لون الاسم عند المرور بالماوس */
.um-account-name a:hover {
  color: #17314f !important; /* أزرق ملكي */
  text-decoration: none;
}

/* كلمة "View profile" */
.um-account-profile-link a {
  color: #158fcf !important; /* أزرق متوسط أو لون خفيف */
  font-weight: normal !important;
  font-size: 14px;
  text-decoration: underline;
}

/* منع تغيير لونها عند الهوفر */
.um-account-profile-link a:hover {
  color: #496c8a !important;
  text-decoration: underline;
}

.um-account-tab-delete > p {
  background-color: #F9FCFF !important;
  color: #496c8a !important;
  padding: 12px 16px;
  border-left: 4px solid #496c8a;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.6;
}

/* تنسيق ليبل التصدير والحذف بلون مختلف عن الهيدر */
label[for="um-export-data"],
label[for="um-erase-data"] {
  display: block;
  font-size: 15px;
  color: #496c8a !important;   /* لون مختلف */
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1.6;
}
/* تنسيق أيقونات المساعدة */
.um-icon-help-circled {
  color: #496c8a !important;
  font-size: 16px;
  margin-left: 4px;
  vertical-align: middle;
}

.um-icon-android-radio-button-on {
  color: #496c8a !important;   /* أزرق ملكي */
  font-size: 18px;              /* تكبير الأيقونة */
  vertical-align: middle;
}

.um-icon-android-radio-button-off {
  color: #999 !important;       /* رمادي فاتح */
  font-size: 18px;
  vertical-align: middle;
}


/* ========== اسم المستخدم (موبايل + ديسكتوب) ========== */
.um-account-name a {
  color: #17314f !important;
  font-weight: bold;
  font-size: 18px;
  transition: color 0.3s ease;
}

.um-account-name a:hover {
  color: #496c8a !important;
}

/* View Profile */
.um-account-profile-link a {
  color: #158fcf !important;
  font-weight: normal !important;
  font-size: 14px;
  text-decoration: underline;
}

.um-account-profile-link a:hover {
  color: #158fcf !important;
}

/* ========== الأيقونات (مثل trash, lock, user) ========== */
.um-faicon-trash-o,
.um-faicon-lock,
.um-faicon-user,
.um-faicon-asterisk,
.um-faicon-angle-right {
  font-size: 16px;
  color: #496c8a !important;
}

/* ========== القائمة الجانبية (في الموبايل) ========== */
.um-account-link {
  padding: 12px 16px;
  color: #17314f !important;
  border-left: 4px solid transparent;
  transition: background-color 0.3s ease;
}

.um-account-link.current {
  background-color: #D0E3FF !important;
  border-left: 4px solid #496c8a;
}

.um-account-link:hover {
  background-color: #E7F1FF;
  color: #496c8a !important;
}

/* ========== عنوان الحذف والنص المرافق ========== */
.um-account-tab-delete > p {
  background-color: #F9FCFF !important;
  color: #496c8a !important;
  padding: 12px 16px;
  border-left: 4px solid #496c8a;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.6;
}

/* ========== radio buttons icons ========== */
.um-icon-android-radio-button-on {
  color: #496c8a !important;
  font-size: 18px;
}
.um-icon-android-radio-button-off {
  color: #aaa !important;
  font-size: 18px;
}

/* ========== التولتيب (أيقونات المساعدة) ========== */
.um-icon-help-circled {
  color: #496c8a !important;
  font-size: 16px;
  vertical-align: middle;
}

/* ========== الليبلز الطويلة ========== */
label[for="um-export-data"],
label[for="um-erase-data"] {
  color: #496c8a !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

/* تحسين عنوان الصفحة */
.awsm-jobs-archive-title {
  font-size: 36px;
  font-weight: bold;
  color: #17314f;
  text-align: center;
  margin-bottom: 30px;
  background-color: #D0E3FF;
  padding: 20px;
  border-radius: 8px;
}

/* تحسين شكل كل بوكس وظيفة */
.awsm-job-listing-item {
  border: 1px solid #158fcf;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #F9FCFF;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}
.awsm-job-listing-item:hover {
  transform: translateY(-3px);
}

/* تحسين الروابط */
.awsm-job-post-title a {
  color: #496c8a;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
}
.awsm-job-post-title a:hover {
  text-decoration: underline;
}

/* زر "More Details" */
.awsm-job-more {
  background-color: #496c8a;
  color: white;
  padding: 8px 16px;
  border-radius: 5px;
  display: inline-block;
  font-weight: bold;
  transition: background-color 0.2s ease;
}
.awsm-job-more:hover {
  background-color: #17314f;
}

/* ===== حاوية الفلتر العامة ===== */
.awsm-filter-wrap {
  background-color: #E7F1FF;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}



/* ===== عناصر الفلترة ===== */
.awsm-filter-item {
  margin-bottom: 15px;
}

/* ===== السلكت ستايل (Select box) ===== */
.awsm-selectric-wrapper {
  max-width: 300px;
  font-size: 16px;
}

.awsm-selectric {
  background-color: #ffffff;
  border: 2px solid #496c8a;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  color: #17314f;
  font-weight: 600;
  transition: border-color 0.2s ease;
}

.awsm-selectric:hover {
  border-color: #17314f;
}

.awsm-selectric-arrow-drop {
  float: right;
  font-size: 20px;
  margin-left: 10px;
  color: #496c8a;
}




/* صندوق كل وظيفة */
.awsm-job-item {
  background-color: #F9FCFF; /* أبيض مزرق */
  border: 1px solid #D0E3FF;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.awsm-job-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* عنوان الوظيفة */
.awsm-job-post-title a {
  color: #17314f;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}
.awsm-job-post-title a:hover {
  text-decoration: underline;
}



.awsm-job-form-inner h2 {
  font-size: 28px;
  font-weight: 700;
  color: #17314f; /* كحلي غامق */
  margin-bottom: 24px;
  text-align: center;
  background-color: #D0E3FF; /* خلفية ناعمة */
  padding: 16px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* عناوين الحقول */
.awsm-job-form-inner label {
  color: #17314f; /* كحلي غامق */
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 6px;
  display: inline-block;
}

/* ملاحظة أنواع الملفات */
.awsm-job-form-inner .awsm-job-allowed-types {
  color: #496c8a; /* أزرق ملكي */
  font-size: 13px;
  font-style: italic;
  margin-top: 4px;
  display: block;
}

/* جملة الموافقة على الخصوصية */
.awsm-job-form-inner .awsm-job-form-field[type="checkbox"] + label,
.awsm-job-form-inner p {
  color: #17314f; /* كحلي غامق */
  font-size: 14px;
}

/* نجمة الحقول المطلوبة */
.awsm-job-form-inner label .required,
.awsm-job-form-inner p .required {
  color: #dc3545; /* أحمر واضح للنجمة */
}

/* ===== عنوان الوظيفة ===== */
.awsm-jobs-single-title {
  font-size: 30px;
  font-weight: 700;
  color: #17314f; /* كحلي غامق */
  margin-bottom: 24px;
  text-align: center;
  background-color: #D0E3FF;
  padding: 18px 24px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.awsm-job-specification-label strong {
  color: #496c8a; /* أزرق ملكي - من هوية البراند */
  font-weight: 700; /* يضمن إن الخط يفضل بولد */
}

.awsm-selectric {
  background-color: #E7F1FF; /* سماوي ناعم من الهوية */
  border: 2px solid #496c8a; /* أزرق ملكي */
  border-radius: 8px;
  color: #17314f; /* كحلي للنص */
  padding: 10px 14px;
  font-weight: 600;
  transition: border-color 0.2s ease;
}

.awsm-selectric-items {
  background-color: #F9FCFF; /* أبيض مزرق */
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  color: #17314f;
}

.awsm-selectric-items li {
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s;
}

.awsm-selectric-items li:hover {
  background-color: #D0E3FF; /* أزرق فاتح */
  color: #17314f;
}

.awsm-selectric .label {
  color: #17314f; /* كحلي غامق من الهوية */
  font-weight: 600;
}

.awsm-selectric-items li {
  color: #17314f;       /* كحلي غامق */
  font-weight: 500;
}

.awsm-selectric-items li:hover {
  background-color: #D0E3FF; /* أزرق فاتح عند المرور */
  color: #496c8a;            /* أزرق ملكي */
}

.awsm-selectric-items li.selected {
  color: #496c8a;            /* العنصر المختار */
  font-weight: 600;
}
/* ===== العناوين والمحتوى داخل البوست: لا تعديل ===== */
.single-post .pxl-single-post-content h1,
.single-post .pxl-single-post-content p,
.single-post .entry-title,
.single-post .entry-content h1,
.single-post .entry-content p {
  all: unset;
}

/* ===== تاريخ النشر ===== */
.single-post .post-date {
  color: #158fcf;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
  display: block;
}


/* ===== عنوان البوست في الأرشيف فقط ===== */
.pxl-post--title a {
  color: #17314f !important;
  font-weight: 700;
}
.pxl-post--title a:hover {
  color: #496c8a !important;
}


/* ===== Sidebar ===== */
.pxl-sidebar-area {
  background-color: #e7f1ff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  padding: 30px;
}
.widget-title span {
  font-size: 20px;
  font-weight: 700;
  color: #17314f;
}
.pxl-sidebar-area .widget_categories li a,
.pxl-sidebar-area .widget a {
  color: #496c8a;
  font-weight: 600;
}
.pxl-sidebar-area .widget a:hover {
  color: #17314f;
  text-decoration: underline;
}

/* ===== التعليقات ===== */
.comments-title {
  color: #17314f;
  font-size: 24px;
  font-weight: 700;
}
.comment-date {
  color: #158fcf;
  font-size: 14px;
  font-style: italic;
}
.comment-text p {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}
.comment-body {
  background-color: #F9FCFF;
  border: 1px solid #D0E3FF;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.comment-image img {
  border-radius: 50%;
  border: 2px solid #496c8a;
}
.comment-reply-link {
  background-color: #496c8a;
  color: #fff !important;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}
.comment-reply-link:hover {
  background-color: #17314f;
}
.comment-note {
  font-size: 15px;
  color: #666;
}

/* ===== نموذج التعليق ===== */
.comment-respond {
  background-color: #F9FCFF;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
  margin-top: 40px;
}
.btn-form-submit {
  background-color: #496c8a !important;
  color: #fff !important;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 30px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.btn-form-submit:hover {
  background-color: #17314f !important;
}

/* ===== عناصر للمسح أو الإخفاء ===== */
a[href*="profile.php"],
a[href*="wp-login.php?action=logout"],
.required-field-message {
  display: none !important;
}
h1.pxl-item--title.pxl-dark-300 {
  color: #17314f !important;
}

.pxl-item--content p {
  color: #496c8a;         /* أزرق ملكي */
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 111111px;
}




/* ===== صندوق التعليقات الرئيسي ===== */
.comment-respond {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  margin-top: 40px;
}

/* ===== عنوان "Leave a comment" ===== */
.comment-reply-title {
  font-size: 24px;
  font-weight: 700;
  color: #17314f;
  border-bottom: 2px solid #496c8a;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

#reply-title.comment-reply-title::before {
  display: none !important;
  content: none !important;
}


/* ===== سطر "Logged in as..." ===== */
.logged-in-as {
  font-size: 14px;
  color: #496c8a;
  margin-bottom: 15px;
}
.logged-in-as a {
  display: none; /* إخفاء "Edit profile" و "Logout" */
}

/* ===== خانة التعليق ===== */
#comment {
  width: 100%;
  font-size: 16px;
  font-family: inherit;
  line-height: 1.6;
  padding: 10PX;
  border: 1PX solid #D0E3FF;
  border-radius: 10px;
  background-color: #F9FCFF;
  color: #333;
  resize: vertical;
  transition: 0.3s ease;
}
#comment:focus {
  outline: none;
  border-color: #496c8a;
  box-shadow: 0 0 5px rgba(51, 78, 172, 0.2);
}

/* ===== زر "Post Comment" ===== */
.btn-form-submit {
  background-color: #496c8a !important;
  color: #fff !important;
  padding: 12px 30px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease;
  margin-top: 20px;
}
.btn-form-submit:hover {
  background-color: #17314f !important;
}
.btn-form-submit i {
  color: #fff !important;
  font-size: 14px;
}

/* ===== إخفاء رسالة الحقول المطلوبة ===== */
.required-field-message {
  display: none !important;
}

/* ===== استجابة للأجهزة الصغيرة ===== */
@media(max-width: 600px) {
  .comment-respond {
    padding: 20px;
  }
  .btn-form-submit {
    width: 100%;
    justify-content: center;
  }
}

#comment {
  min-height: 100px !important; /* ← يمكنك تقليلها أكثر إذا أردت */
  height: 100px !important;
  max-height: 150px;
  resize: vertical; /* يسمح بالتحكم اليدوي إذا رغبت */
}

.blog .pxl-post--inner,
.archive .pxl-post--inner,
.single-post .pxl-post--inner {
  background-color: #D0E3FF !important;
}




.pxl-post--comment {
  color: #496c8a !important; /* ← لون النص والرقم */
}

.pxl-post--comment i {
  color: #496c8a !important; /* ← لون الأيقونة */
}


.pxl-post--date {
  color: #496c8a !important; /* ← أزرق ملكي من هويتك */
}
.pxl-post--excerpt {
  color: #496c8a !important; /* ← أزرق ملكي أو أي لون تفضله */
}






.pxl-pagination-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 40px;
  font-family: 'Poppins', sans-serif;
}



.pxl-pagination-links .page-numbers:hover {
  background-color: #D0E3FF;
  color: #17314f;
}

.pxl-pagination-links .page-numbers.current {
  background-color: #496c8a;
  color: #ffffff;
  pointer-events: none;
}

.pxl-pagination-links .page-numbers.next i {
  color: #496c8a;
  font-size: 16px;
  transition: 0.3s ease;
}

.pxl-pagination-links .page-numbers.next:hover i {
  color: #17314f;
}
.pxl-portfolio-grid-layout1 .pxl-post--holder .pxl-post-title::after, .pxl-portfolio-carousel1 .pxl-post--holder .pxl-post-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 150%;
  background-color: #17314f;
  transform: skewX(29deg);
  z-index: -1;
}

.pxl-post--category.link-none.pxl-b3::before {
  background-color: transparent !important; /* إلغاء الخلفية القديمة */
  content: none !important; /* يمنع توليد العنصر */
}
.pxl-post--category.link-none.pxl-b3 a {
  background-color: #D0E3FF !important; /* ← لون الخلفية المرغوب */
  color: #17314f !important;            /* ← لون النص */
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 8px;
  display: inline-block;
  margin: 4px 6px 0 0;
  transition: 0.3s;
}

.pxl-post--category.link-none.pxl-b3 a:hover {
  background-color: #496c8a !important;
  color: white !important;
}

.pxl-dark-100, .search-no-results .search-form .searchform-wrap input, .pxl-heading .pxl-item--title.pxl-heading-default, .pxl-heading .pxl-item--title.pxl-heading-default1, .pxl-heading .pxl-item--title.pxl-heading-style-1, .pxl-swiper-slider .pxl-swiper-arrow-wrap.style-default .pxl-swiper-arrow, .pxl-blog-grid-layout1.style-2 .pxl-post--inner .pxl-post--title, .pxl-post-carousel1.style-2 .pxl-post--inner .pxl-post--title {
  color: #17314f;
}

.pxl-portfolio-grid-layout1 .pxl-post--holder.pxl-post--hover .pxl-group .pxl-post-wrap--btn .btn-trapezoidal, .pxl-portfolio-carousel1 .pxl-post--holder.pxl-post--hover .pxl-group .pxl-post-wrap--btn .btn-trapezoidal {
  background-color: #17314f;
  color: #fff;
}

body.blog .pxl-post--btn {
  background-color: #17314f !important;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: 0.3s ease-in-out;
}

/* تحسين العنصر داخل صفحة التاجز */
article.type-portfolio .pxl-post--inner {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

article.type-portfolio .pxl-post--inner:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}

/* الصورة */
article.type-portfolio .pxl-post--featured img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-bottom: 1px solid #e0e0e0;
  aspect-ratio: 1 / 1;
}

/* إخفاء الأوفرلي والأيقونة */
article.type-portfolio .pxl-post--overlay,
article.type-portfolio .pxl-post--icon {
  display: none !important;
}

/* اسم المشروع مع خلفية */
article.type-portfolio .pxl-post--title {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  padding: 14px 18px;
  margin: 0;
  background-color: #496c8a; /* أزرق ملكي */
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* إزالة padding الزائد */
article.type-portfolio .pxl-holder--inner {
  padding: 0;
}

.um-profile.um .um-name a {
    color: #17314f;
}

.um-faicon-cog:before, .um-faicon-gear:before {
    content: "\f013";
color: #496c8a;
}

.um-header {
    position: relative;
    padding: 0 0 25px 0;
    border-bottom: solid 2px #D0E3FF;
    min-height: 85px;
    box-sizing: content-box !important;
}


.um-profile.um .um-profile-headericon a {
    color: #0a205b;
}