:root {
  /* الألوان الأساسية */
  --bs-primary: #0a2647;
  --bs-secondary: #556b2f;
  --bs-success: #c9a03e;
  --bs-info: #f5f1e3;
  --bs-warning: #d9a441;
  --bs-danger: #a63d40;
  --bs-light: #f9f8f6;
  --bs-dark: #3e3e3e;

  /* ألوان الخلفية */
  --bs-body-bg: #f5f1e3;
  --bs-light-bg: #f9f8f6;
  --bs-dark-bg: #3e3e3e;

  /* ألوان النصوص */
  --bs-body-color: #3e3e3e;
  --bs-heading-color: #0a2647;
  --bs-link-color: #0a2647;
  --bs-link-hover-color: #c9a03e;

  /* ألوان الأزرار */
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #09203d;
  --bs-btn-hover-border-color: #09203d;

  /* ألوان الفورم والتفاعل */
  --bs-border-color: #c9a03e;
  --bs-input-bg: #ffffff;
  --bs-input-border-color: #556b2f;
  --bs-input-focus-border-color: #c9a03e;

  --bs-text-primary: #0a2647;
  /* أزرق داكن */
  --bs-text-secondary: #556b2f;
  /* أخضر زيتوني */
  --bs-text-success: #c9a03e;
  /* ذهبي */
  --bs-text-info: #f5f1e3;
  /* عاجي فاتح */
  --bs-text-warning: #d9a441;
  /* برتقالي ذهبي */
  --bs-text-danger: #a63d40;
  /* أحمر غامق */
  --bs-text-light: #f9f8f6;
  /* أبيض فاتح */
  --bs-text-dark: #3e3e3e;
  /* رمادي غامق */
  --navbar-height: 80px;
  /* قيمة افتراضية */
}

.text-primary {
  color: var(--bs-text-primary) !important;
}

.text-secondary {
  color: var(--bs-text-secondary) !important;
}

.text-success {
  color: var(--bs-text-success) !important;
}

.text-info {
  color: var(--bs-text-info) !important;
}

.text-warning {
  color: var(--bs-text-warning) !important;
}

.text-danger {
  color: var(--bs-text-danger) !important;
}

.text-light {
  color: var(--bs-text-light) !important;
}

.text-dark {
  color: var(--bs-text-dark) !important;
}

/* 🎨 تحديث ألوان الخلفيات */
.bg-primary {
  background-color: var(--bs-primary) !important;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.bg-success {
  background-color: var(--bs-success) !important;
}

.bg-info {
  background-color: var(--bs-info) !important;
}

.bg-warning {
  background-color: var(--bs-warning) !important;
}

.bg-danger {
  background-color: var(--bs-danger) !important;
}

.bg-light {
  background-color: var(--bs-light) !important;
}

.bg-dark {
  background-color: var(--bs-dark) !important;
}

/* تعديل الجسم العام */
body {
  margin: 0;
  padding: 0;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* تعديل العناوين */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bs-heading-color);
}

/* تعديل الروابط */
a {
  color: var(--bs-link-color);
  text-decoration: none;
}

a:hover {
  color: var(--bs-link-hover-color);
}

/* 🎨 الأزرار الأساسية */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #ffffff;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover {
  background-color: #09203D;
  /* لون أزرق غامق */
  border-color: #09203D;
  transform: scale(1.05);
}

.btn-primary:active {
  background-color: #05162B;
  /* لون أزرق أكثر غموضًا عند الضغط */
  border-color: #05162B;
  transform: scale(0.98);
}

/* 🎨 أزرار ثانوية */
.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #ffffff;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.btn-secondary:hover {
  background-color: #45592A;
  /* لون زيتوني غامق */
  border-color: #45592A;
  transform: scale(1.05);
}

.btn-secondary:active {
  background-color: #36471F;
  border-color: #36471F;
}

/* 🎨 أزرار النجاح */
.btn-success {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
  color: #3E3E3E;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.btn-success:hover {
  background-color: #B8902E;
  /* ذهبي غامق */
  border-color: #B8902E;
  transform: scale(1.05);
}

.btn-success:active {
  background-color: #A67C00;
  border-color: #A67C00;
}

/* 🎨 أزرار المعلومات */
.btn-info {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: #3E3E3E;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.btn-info:hover {
  background-color: #E3DBC9;
  /* عاجي أغمق */
  border-color: #E3DBC9;
  transform: scale(1.05);
}

.btn-info:active {
  background-color: #D4C5AD;
  border-color: #D4C5AD;
}

/* 🎨 أزرار التحذير */
.btn-warning {
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
  color: #3E3E3E;
}

.btn-warning:hover {
  background-color: #C38C34;
  /* لون برتقالي ذهبي غامق */
  border-color: #C38C34;
}

.btn-warning:active {
  background-color: #B0782A;
  border-color: #B0782A;
}

/* 🎨 أزرار الخطر */
.btn-danger {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
  color: #ffffff;
}

.btn-danger:hover {
  background-color: #8B2E30;
  /* أحمر قاتم */
  border-color: #8B2E30;
}

.btn-danger:active {
  background-color: #731E20;
  border-color: #731E20;
}

/* 🎨 أزرار داكنة */
.btn-dark {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
  color: #ffffff;
}

.btn-dark:hover {
  background-color: #2C2C2C;
  /* لون رمادي غامق جدًا */
  border-color: #2C2C2C;
}

.btn-dark:active {
  background-color: #1F1F1F;
  border-color: #1F1F1F;
}

/* 🎨 أزرار فاتحة */
.btn-light {
  background-color: var(--bs-light);
  border-color: var(--bs-light);
  color: #3E3E3E;
}

.btn-light:hover {
  background-color: #E8E7E5;
  /* أبيض مائل للعاجي */
  border-color: #E8E7E5;
}

.btn-light:active {
  background-color: #D9D8D6;
  border-color: #D9D8D6;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #09203D;
  /* لون أزرق غامق */
  --bs-btn-hover-border-color: #09203D;
  --bs-btn-focus-shadow-rgb: 9, 32, 61;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #05162B;
  /* لون أزرق أكثر غموضًا عند الضغط */
  --bs-btn-active-border-color: #05162B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #45592A;
  /* لون زيتوني غامق */
  --bs-btn-hover-border-color: #45592A;
  --bs-btn-focus-shadow-rgb: 69, 89, 42;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #36471F;
  --bs-btn-active-border-color: #36471F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-success {
  --bs-btn-color: #3E3E3E;
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: #3E3E3E;
  --bs-btn-hover-bg: #B8902E;
  /* ذهبي غامق */
  --bs-btn-hover-border-color: #B8902E;
  --bs-btn-focus-shadow-rgb: 184, 144, 46;
  --bs-btn-active-color: #3E3E3E;
  --bs-btn-active-bg: #A67C00;
  --bs-btn-active-border-color: #A67C00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3E3E3E;
  --bs-btn-disabled-bg: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn-info {
  --bs-btn-color: #3E3E3E;
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: #3E3E3E;
  --bs-btn-hover-bg: #E3DBC9;
  /* عاجي أغمق */
  --bs-btn-hover-border-color: #E3DBC9;
  --bs-btn-focus-shadow-rgb: 227, 219, 201;
  --bs-btn-active-color: #3E3E3E;
  --bs-btn-active-bg: #D4C5AD;
  --bs-btn-active-border-color: #D4C5AD;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3E3E3E;
  --bs-btn-disabled-bg: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn-warning {
  --bs-btn-color: #3E3E3E;
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: #3E3E3E;
  --bs-btn-hover-bg: #C38C34;
  /* لون برتقالي ذهبي غامق */
  --bs-btn-hover-border-color: #C38C34;
  --bs-btn-focus-shadow-rgb: 195, 140, 52;
  --bs-btn-active-color: #3E3E3E;
  --bs-btn-active-bg: #B0782A;
  --bs-btn-active-border-color: #B0782A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3E3E3E;
  --bs-btn-disabled-bg: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #8B2E30;
  /* أحمر قاتم */
  --bs-btn-hover-border-color: #8B2E30;
  --bs-btn-focus-shadow-rgb: 139, 46, 48;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #731E20;
  --bs-btn-active-border-color: #731E20;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #2C2C2C;
  /* لون رمادي غامق جدًا */
  --bs-btn-hover-border-color: #2C2C2C;
  --bs-btn-focus-shadow-rgb: 44, 44, 44;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1F1F1F;
  --bs-btn-active-border-color: #1F1F1F;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn-light {
  --bs-btn-color: #3E3E3E;
  --bs-btn-bg: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-color: #3E3E3E;
  --bs-btn-hover-bg: #E8E7E5;
  /* أبيض مائل للعاجي */
  --bs-btn-hover-border-color: #E8E7E5;
  --bs-btn-focus-shadow-rgb: 232, 231, 229;
  --bs-btn-active-color: #3E3E3E;
  --bs-btn-active-bg: #D9D8D6;
  --bs-btn-active-border-color: #D9D8D6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3E3E3E;
  --bs-btn-disabled-bg: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
}

/* تعديل الجداول */
.table {
  background-color: #ffffff;
  border-color: var(--bs-border-color);
}

.table th {
  background-color: var(--bs-primary);
  color: #ffffff;
}

.table td {
  color: var(--bs-body-color);
}

/* تعديل النوافذ المنبثقة (المودال) */
.modal-content {
  background-color: var(--bs-light-bg);
  border-color: var(--bs-border-color);
}

/* تعديل التنبيهات */
.alert-primary {
  background-color: #0a2647;
  color: #ffffff;
  border-color: #09203d;
}

.alert-success {
  background-color: #c9a03e;
  color: #3e3e3e;
  border-color: #b8902e;
}

.alert-danger {
  background-color: #a63d40;
  color: #ffffff;
  border-color: #8b2e30;
}

/* كلاس لخلفية بنمط أرابيسك */
.arabesque-bg {
  background-color: #0a2647;
  /* اللون الأساسي */
  /*background-image: url("/static/assets/imgs/arabesque.beb3dc371f94.svg");*/
  background-repeat: repeat;
  background-size: 200px 200px;
  /* حجم النمط */
  color: #f5f1e3;
  /* لون النص */
}

/* تحسين النصوص داخل الخلفية */
.arabesque-bg h1,
.arabesque-bg h2,
.arabesque-bg h3,
.arabesque-bg h4,
.arabesque-bg h5 {
  color: #c9a03e;
  /* لون ذهبي للعناوين */
}

.arabesque-bg p {
  color: #f5f1e3;
  /* لون النصوص */
}

.arabesque-bg a:hover {
  color: #f5f1e3;
  /* لون النصوص */
}

/* إضافة تأثير فخم للأزرار داخل هذا القسم */
.arabesque-bg .btn {
  background-color: #c9a03e;
  color: #0a2647;
}

.arabesque-bg .btn:hover {
  background-color: #a67c00;
  border-color: #f5f1e3;
}


.curved-nav {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
  background-color: #f5f1e3;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.navbar-nav .nav-link {
  color: #3e3e3e;
  font-size: 16px;
  transition: color 0.3s ease, transform 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #c9a03e;
  transform: scale(1.1);
}

.navbar-nav .nav-link.active {
  color: #0a2647;
  font-weight: bold;
  transform: scale(1.1);
}

.navbar-nav .nav-item {
  padding: 10px;
}

.navbar-nav {
  width: 100%;
}

.navbar-nav .nav-link {
  text-align: center;
}

/* Hover effect for the whole navbar */
.curved-nav:hover {
  transform: translateY(-5px);
}

@media (max-width: 768px) {

  /* عندما تكون الشاشة صغيرة */
  .navbar-brand {
    width: 30% !important;
  }
}

/* تصغير شريط التنقل السفلي */
.compact-navbar {
  height: 50px;
  /* تحديد الارتفاع */
  padding: 0;
  /* إزالة التباعد الداخلي */
}

.compact-navbar .container {
  padding: 0;
  /* إزالة التباعد الداخلي للحاوية */
}

.compact-navbar .navbar-nav {
  margin: 0;
  /* إزالة الهوامش */
  padding: 0;
  /* إزالة التباعد */
}

.compact-navbar .nav-item {
  margin: 0;
  /* إزالة الهوامش */
  padding: 0;
  /* إزالة التباعد */
}

.compact-navbar .nav-link {
  font-size: 0.8rem;
  /* تصغير حجم الخط */
  padding: 0.5rem;
  /* تقليل التباعد الداخلي للروابط */
  line-height: 1;
  /* تقليل المسافة بين الأسطر */
}

/* إخفاء الشريط عند التمرير لأسفل */
#bottom-navbar.hidden {
  transform: translateY(100%);
  /* تحريك الشريط خارج الشاشة */
  transition: transform 0.3s ease-in-out;
  /* تأثير انسيابي */
}

/* إظهار الشريط عند التمرير لأعلى */
#bottom-navbar {
  transform: translateY(0);
  /* إعادة الشريط إلى مكانه */
  transition: transform 0.3s ease-in-out;
  /* تأثير انسيابي */
}

@media (max-width: 576px) {

  /* هواتف */
  .fs-1 {
    font-size: 1.75rem !important;
  }

  .fs-2 {
    font-size: 1.5rem !important;
  }

  .fs-3 {
    font-size: 1.25rem !important;
  }

  .fs-4 {
    font-size: 1.125rem !important;
  }

  .fs-5 {
    font-size: 1rem !important;
  }

  .fs-6 {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 577px) and (max-width: 768px) {

  /* تابلت صغير */
  .fs-1 {
    font-size: 2.25rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.5rem !important;
  }

  .fs-4 {
    font-size: 1.25rem !important;
  }

  .fs-5 {
    font-size: 1.125rem !important;
  }

  .fs-6 {
    font-size: 1rem !important;
  }
}

@media (min-width: 769px) {

  /* شاشات كبيرة */
  .fs-1 {
    font-size: 3rem !important;
  }

  .fs-2 {
    font-size: 2.5rem !important;
  }

  .fs-3 {
    font-size: 2rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }

  .fs-5 {
    font-size: 1.25rem !important;
  }

  .fs-6 {
    font-size: 1rem !important;
  }
}

.top-bar {
  position: relative;
  z-index: 100;
  height: 60px;
}

.fix-top-bar {
  position: relative;
  height: 60px;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: all 0.3s ease;
}

.nav-link {
  padding: 0.5rem 1rem;
}

.grid-colored {
  background-image: url("/static/assets/imgs/Grid_colored.952ffca9ceb2.svg");
}

#bottom-navbar {
  background: var(--bs-light);
  /* خلفية فاتحة */
  border-top: 1px solid var(--bs-border-color);
}

#bottom-navbar a {
  color: var(--bs-dark);
  /* أيقونات ونصوص افتراضي */
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

#bottom-navbar a.active {
  color: var(--bs-primary);
  /* أزرق داكن */
  font-weight: 600;
}

#bottom-navbar a.active i {
  color: var(--bs-success);
  /* ذهبي للأيقونة */
}

#bottom-navbar a:hover {
  color: var(--bs-success);
  /* ذهبي عند hover */
}

.navbar {
  background: var(--bs-info) !important;
}

.navbar .nav-link {
  color: var(--bs-dark);
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}

.navbar .nav-link.active {
  color: var(--bs-primary);
  font-weight: 600;
}

.navbar .nav-link.active .bi {
  color: var(--bs-success);
  /* أيقونة ذهبية */
}

.navbar .nav-link:hover {
  color: var(--bs-success);
}

.site-logo {
    width: 150px;
    height: 50px;
    max-width: 100%;
    object-fit: contain;
    aspect-ratio: 3 / 1;
}

@media (min-width: 768px) {
    .site-logo {
        width: 180px;
        height: 60px;
    }
}

@media (min-width: 1200px) {
    .site-logo {
        width: 200px;
        height: 70px;
    }
}

/* كلاس دلالة للروابط */
.dalala-link {
  color: #0717ee;
  /* اللون الذهبي من متغيراتك */
  text-decoration: none;
  /* إزالة التسطير الافتراضي */
  transition: color 0.3s ease;
  /* تأثير سلس عند التحويم */
}

.dalala-link:hover {
  color: #0a2647;
  /* يتحول إلى أزرق داكن عند التحويم */
  text-decoration: underline;
  /* إضافة تسطير عند التحويم */
}

.pagination {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

/* شكل الأزرار */
.pagination .page-link {
  border-radius: 14px;
  /* كان 10px */
  padding: 10px 14px;
  font-size: 14px;
  min-width: 42px;
  text-align: center;
}

/* تحسين اللمس في الموبايل */
@media (max-width: 576px) {

  .pagination .page-link {
    padding: 12px 16px;
    font-size: 15px;
    min-width: 46px;
  }

  .pagination {
    gap: 8px;
  }
}

.pagination .page-item.active .page-link {
  background: #0d6efd;
  border-color: #0d6efd;
  color: white;
  font-weight: bold;
}

.pagination .page-link {
  transition: all 0.2s ease;
}

.pagination .page-link:active {
  transform: scale(0.95);
}

.pagination {
  direction: rtl;
}

/* أول عنصر (يمين في RTL) */
.pagination .page-item:first-child .page-link {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* آخر عنصر (يسار في RTL) */
.pagination .page-item:last-child .page-link {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

@media (max-width: 767.98px) {
  .mobile-full-width {
    /* يجعله يأخذ عرض الشاشة بالكامل */
    width: 100vw !important;
    /* يضعه في منتصف الشاشة ليخرج من حشو الحاوية الأب */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    /* إزالة الحواف الدائرية لتلامس حواف الشاشة بشكل صحيح */
    border-radius: 0 !important;
  }
}

/* ================= تنسيق الباجينيتور ================= */
.pagination {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.page-item .page-link {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  border: 1px solid var(--bs-border-color) !important;
  color: var(--bs-primary) !important;
  background-color: var(--bs-light) !important;
  font-weight: 600;
  margin: 0 !important;
}

.page-item.active .page-link {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-color: var(--bs-primary) !important;
}

.page-item.disabled .page-link {
  color: #adb5bd !important;
  background-color: var(--bs-light) !important;
  border-color: var(--bs-border-color) !important;
}

.pagination {
  direction: inherit;
}

.disclaimer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f8f9fa;
  border-top: 1px solid #ddd;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
}

.disclaimer-text {
  font-size: 14px;
  color: #333;
  flex: 1;
  margin-right: 12px;
  line-height: 1.6;
}

.disclaimer-bar {
  display: none;
}

.mySwiper {
  max-width: 800px;
  margin: 40px auto;
  min-height: 40px;
}

.swiper-slide {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeIn 1s ease-out forwards;
}

.text-swiper-slide {
  color: #2e7d32 !important;
  /* أخضر طبيعي */
}