/* الخط الافتراضي */
:root {
  --brand: rgb(233, 62, 18);
}

* { font-family: "Changa", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }

body.bg-dark { background-color: #000 !important; color: #fff; }

/* الشعار */
.login-logo {
  height: 64px;
  width: auto;
  filter: none; /* اترك الشعار كما هو */
}

/* البطاقة */
.login-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  border-radius: 16px;
}

/* الحقول */
.form-label { color: #fff; }
.form-control {
  background-color: #111;
  border-color: #222;
  color: #fff;
}
.form-control::placeholder { color: #bbb; }
.form-control:focus {
  background-color: #121212;
  color: #fff;
  border-color: var(--brand);
  box-shadow: 0 0 0 0.25rem rgba(233, 62, 18, 0.25);
}

/* الأزرار */
.login-btn {
  background-color: var(--brand);
  color: #000;                 /* نص الأزرار أسود */
  border: none;
  border-radius: 12px;
}
.login-btn:hover,
.login-btn:focus {
  background-color: rgb(220, 58, 16);
  color: #000;
}

/* روابط */
a.hover-underline { text-decoration: none; }
a.hover-underline:hover { text-decoration: underline; }

/* تصغير الهوامش على الشاشات الصغيرة */
@media (max-width: 420px) {
  .card-body { padding: 1.25rem !important; }
}
.nav-pills .nav-link {
  color: #fff;
  background: #111;
  border-radius: 12px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--brand) !important;
  color: #000 !important;
}
body.bg-dark { background:black !important; color:#fff !important; }
.card { background:#111 !important; border:1px solid #222 !important; color:#fff !important; }
.form-control, .form-control:focus { background:#000 !important; color:#fff !important; border-color:#333 !important; }
.nav-pills .nav-link { background:#0e0e0e !important; border:1px solid #333 !important; color:#fff !important; }
.nav-pills .nav-link.active { background:#1b1b1b !important; border-color:#555 !important; color:#fff !important; }
.glow-on-hover { background:rgb(220, 58, 16) !important; border:1px solid #444 !important; color:#000 !important; }
.alert-warning { background:#3b0000 !important; color:#ffdede !important; border-color:#ff9b9b !important; }
.btn { border-color:#444 !important; color:#fff !important; background:rgb(220, 58, 16);}
.nav-link px-4 active{
    background-color: rgb(220, 58, 16);
}