/* Dark Theme - Frontend */
/* خلفية داكنة + لوجو أحمر على أسود */

:root {
  --body_bg: #03132C !important;
  --primary: #d6b46d !important;
  --primary-hover: #03132C !important;
  --primary-border: #d6b46d !important;
  --primary-border-hover: #03132C !important;
  --secondary: #1a1a1a !important;
  --secondary-hover: #2a2a2a !important;
}

body {
  background-color: #03132C !important;
  color: #e0e0e0 !important;
}

/* المحتوى الرئيسي - نص واضح */
#app, .container, .panel-content {
  color: #e0e0e0 !important;
}

#app p, #app span, #app li, #app td, #app th, #app label {
  color: inherit !important;
}

/* Top Navbar - أسود */
.top-navbar {
  background-color: #03132C !important;
  border-bottom-color: #222 !important;
}

.top-navbar .text-dark-blue,
.top-navbar .form-control,
.top-navbar .navbar-auth-user-dropdown-toggle span {
  color: #e0e0e0 !important;
}

.top-navbar .border-left {
  border-color: #333 !important;
}
#navbarContent{
  background-color: #03132C !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
.top-navbar .form-control {
  background-color: #03132C !important;
  border-color: #333 !important;
  color: #fff !important;
}

/* Navbar - أسود + لوجو أحمر */
#navbar.navbar {
  background-color: #03132C !important;
  border-bottom: 1px solid #222 !important;
}

/*#navbar .navbar-brand img,*/
/*.navbar .navbar-brand img {*/
/*  filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);*/
/*  -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);*/
/*}*/

#navbar .nav-link {
  color: #d6b46d !important;
}

#navbar .nav-link:hover {
  color: #d6b46d !important;
}

#navbar .navbar-toggler-icon {
  filter: invert(1);
}

/* بطاقات وأقسام */
.card, .bg-white {
  background-color: #03132C !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}

/* نص واضح - كل الألوان الداكنة تصبح فاتحة */
.text-dark, .text-secondary, .text-dark-blue, .text-black {
  color: #e0e0e0 !important;
}

.text-gray, .text-muted {
  color: #b0b0b0 !important;
}

p, span, h1, h2, h3, h4, h5, h6, .section-title, .section-hint,
.card-title, .font-14, .font-12, .font-16, .font-30, .font-36,
.user-name, .feature-desc, .slide-hint, .stat-number, .stat-title,
.webinar-title, .plan-feature li, .testimonials-card p,
.instructors-card-info h3, .instructors-card-info p {
  color: #fff !important;
}

.section-hint, .text-muted, .feature-desc {
  color: #b0b0b0 !important;
}

/* عناصر إضافية قد تكون مخفية */
.duration, .date-published, .webinar-icon,
.stats-item .stat-number, .stats-item .stat-title,
.subscribe-plan h3, .subscribe-plan p,
.footer .header, .footer a, .footer span {
  color: #e0e0e0 !important;
}

.footer a:hover {
  color: #d6b46d !important;
}

/* أيقونات feather */
[data-feather], .webinar-icon {
  color: #b0b0b0 !important;
  stroke: #b0b0b0 !important;
}

/* القوائم المنسدلة والقوائم */
.dropdown-menu, .navbar-notification-card, .navbar-shopping-cart {
  background-color: #03132C !important;
  border-color: #333 !important;
}

.dropdown-menu a, .dropdown-menu span, .navbar-notification-item {
  color: #e0e0e0 !important;
}

/* مربع البحث في الهيرو */
.slider-search, .slider-search .form-control {
  background-color: #03132C !important;
  color: #e0e0e0 !important;
  border-color: #333 !important;
}

/* أقسام الخلفية الفاتحة */
.become-instructor-section, .find-instructor-section,
.reward-program-section, .forum-section {
  background-color: #03132C !important;
}

/* بطاقات الباقات والمعلمين */
.subscribe-plan, .example-instructor-card, .example-reward-card {
  background-color: #03132C !important;
  color: #e0e0e0 !important;
}

.subscribe-plan h3, .subscribe-plan p, .subscribe-plan li,
.example-instructor-card span, .example-reward-card span {
  color: #e0e0e0 !important;
}

/* Hero & Slider */
.slider-container {
  background-color: #03132C !important;
}

/* نص الهيرو - داكن ليكون واضح على الخلفية الفاتحة (صورة الشارت) */
/* .slider-container .slide-hint,
.slider-container h1,
.slider-hero-section2 .slider-content h1,
.slider-hero-section2 .slider-content .slide-hint {
  color: #1a1a1a !important;
} */

/* Footer - أسود */
.footer {
  background-color: #03132C !important;
  border-top-color: #222 !important;
}



/* أزرار */
.btn-primary {
  color: #03132C !important;
  background: linear-gradient(180deg, #f3df9f 0%, #d9b96e 45%, #b68b44 100%) !important;
  border: 1px solid #b68b44 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.btn-primary:hover {
  background: linear-gradient(180deg, #f7e6b5 0%, #e2c57a 45%, #c79a52 100%) !important;
}

.btn-outline-primary, .btn-secondary {
  border-color: #d6b46d !important;
  color: #fff !important;
}

.btn-outline-primary:hover, .btn-secondary:hover {
  background-color: #d6b46d !important;
  color: #fff !important;
}

/* روابط */
a {
  color: #d6b46d !important;
}

a:hover {
  color: #d6b46d !important;
}

/* حقول الإدخال */
.form-control {
  background-color: #03132C !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}

.form-control::placeholder {
  color: #DADADA !important;
}

/* إحصائيات وبطاقات */
.stats-container .stats-item {
  background-color: #03132C !important;
  border-color: #333 !important;
}

/* صفحات المحتوى */
.bg-gray, .bg-light {
  background-color: #03132C !important;
}

.border, .border-top, .border-bottom {
  border-color: #333 !important;
}

/* Mobile App Top Nav */
.mobile_app_top_nav .navbar,
.mobile-app-top-nav .navbar {
  background-color: #03132C !important;
}

.mobile_app_top_nav .navbar-brand img,
.mobile-app-top-nav .navbar-brand img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
}

/* Panel - لوحة حسابك */
.panel-content {
  background-color: #03132C !important;
}

.sidenav {
  background-color: #03132C !important;
  border-left-color: #222 !important;
}

.sidenav .sidenav-item,
.sidenav .nav-link,
.sidenav a {
  color: #e0e0e0 !important;
}

.sidenav .sidenav-item:hover,
.sidenav .nav-link:hover {
  color: #d6b46d !important;
}

.sidenav .sidenav-item.active {
  color: #d6b46d !important;
}

.dashboard-banner,
.panel-shadow {
  background-color: #1a1a1a !important;
  border-color: #333 !important;
}