/* ===== KaraWeb Theme ===== */
.bg-app{ background: var(--kw-bg); color: var(--kw-text) }

/* Header */
.kw-header{
  background: linear-gradient(180deg, #0b1220 0%, #0b1220 70%, transparent 100%);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.kw-topbar{ font-size:.875rem; color: var(--kw-text-dim) }
.kw-topbar a{ color: var(--kw-text-dim); text-decoration:none }
.kw-topbar a:hover{ color: var(--kw-text) }
.navbar-dark .navbar-nav .nav-link{
  color: var(--kw-text-dim); padding: .75rem .9rem;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.show{ color: var(--kw-text) }

/* Hero */
.kw-hero{ background: var(--kw-bg-2); color: var(--kw-text) }
.kw-hero .lead{ color: var(--kw-text-dim) }
.kw-hero .form-control{
  background-color: #121a2e; border-color: #1a2440; color: var(--kw-text);
}
.kw-hero .form-control::placeholder{ color:#8e99b2 }
.kw-hero .btn-cta{
  background: var(--kw-primary); border-color: var(--kw-primary);
}
.kw-hero .btn-cta:hover{
  background: var(--kw-primary-hover); border-color: var(--kw-primary-hover);
}

/* Feature cards */
.kw-feature{
  background:#0e172b; border:1px solid rgba(255,255,255,.06);
  transition: transform .2s ease, border-color .2s ease;
}
.kw-feature:hover{ transform: translateY(-2px); border-color: rgba(255,255,255,.16) }

/* Ribbon / footer */
.kw-ribbon{ background:#0d1527; color: var(--kw-text-dim); border-top: 1px solid rgba(255,255,255,.06) }
footer .nav-link{ color: var(--kw-text-dim) }
footer .nav-link:hover{ color: var(--kw-text) }

/* Flags (اختیاری) */
.flag-circle{ width: 18px; height: 18px; border-radius:50%; object-fit:cover; display:inline-block; vertical-align:middle }

/* Badges */
.badge-soft{
  background: rgba(255,255,255,.06); color: var(--kw-text);
  border: 1px solid rgba(255,255,255,.08);
}