/* :root {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;
  --primary: ##343a40;
}

/* تخصيص Tailwind */
.font-arabic {
  font-family: "Cairo", sans-serif;
}
.font-english {
  font-family: "Inter", sans-serif;
}

/* تخصيصات إضافية */
.hero-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80");
  background-size: cover;
  background-position: center;
}

.search-box {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.partner-logo {
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.partner-logo:hover {
  filter: grayscale(0%);
  transform: scale(1.05);
}

/* تخصيصات للغة العربية */
[dir="rtl"] .text-right {
  text-align: left;
}

[dir="rtl"] .text-left {
  text-align: right;
}

[dir="rtl"] .ml-auto {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .mr-auto {
  margin-left: auto;
  margin-right: 0;
}

/* تأثير تبديل اللغة */
.language-toggle {
  transition: all 0.3s ease;
  border: 2px solid #e5e7eb;
}

.language-toggle:hover {
  border-color: #e30613;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.language-toggle.active {
  background-color: #e30613;
  color: white;
  border-color: #e30613;
} */

body {
  font-family: "Cairo", "Inter", sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.en {
  direction: ltr;
  font-family: "Inter", "Cairo", sans-serif;
}

/* تدرجات خاصة - يمكن الاحتفاظ بها أو استخدام Tailwind */
.gradient-bg {
  background: linear-gradient(135deg, #60a5fa 0%, #38bdf8 50%, #0ea5e9 100%);
}

.dark .gradient-bg {
  background: linear-gradient(135deg, #1e3a8a 0%, #0c4a6e 50%, #0369a1 100%);
}

.hero-gradient {
  background: linear-gradient(
    to right,
    rgba(96, 165, 250, 0.9),
    rgba(56, 189, 248, 0.8)
  );
}

.dark .hero-gradient {
  background: linear-gradient(
    to right,
    rgba(30, 58, 138, 0.9),
    rgba(12, 74, 110, 0.8)
  );
}

.section-gradient {
  background: linear-gradient(to bottom, #e0f2fe, #f0f9ff);
}

.dark .section-gradient {
  background: linear-gradient(to bottom, #0f172a, #1e293b);
}