/* Shared design for the site and the admin panel (orange + black) */
/* ---------- Orange as the main color (light and dark) ---------- */
:root, [data-bs-theme="light"], [data-bs-theme="dark"] {
  --tblr-primary: #f76707;
  --tblr-primary-rgb: 247, 103, 7;
  --tblr-primary-fg: #ffffff;
  --tblr-primary-darken: #d95a06;
  --tblr-primary-lt: rgba(247, 103, 7, .12);
  --tblr-link-color: #f76707;
  --tblr-link-color-rgb: 247, 103, 7;
  --tblr-link-hover-color: #d95a06;
  --tblr-link-hover-color-rgb: 217, 90, 6;
}

/* ---------- Black dark mode (Tabler's default dark is navy) ---------- */
[data-bs-theme="dark"] {
  --tblr-body-bg: #0a0a0b;
  --tblr-body-bg-rgb: 10, 10, 11;
  --tblr-bg-surface: #141416;
  --tblr-bg-surface-rgb: 20, 20, 22;
  --tblr-bg-surface-secondary: #1b1b1e;
  --tblr-bg-surface-tertiary: #222226;
  --tblr-border-color: #2a2a2f;
  --tblr-border-color-translucent: rgba(255, 255, 255, .08);
}

body { font-family: "Inter", -apple-system, "Segoe UI", sans-serif; }
html[lang="ar"] body { font-family: "IBM Plex Sans Arabic", "Inter", sans-serif; }

.btn-primary {
  --tblr-btn-color: #fff;
  --tblr-btn-bg: #f76707;
  --tblr-btn-border-color: #f76707;
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: #d95a06;
  --tblr-btn-hover-border-color: #d95a06;
  --tblr-btn-active-color: #fff;
  --tblr-btn-active-bg: #c25005;
  --tblr-btn-active-border-color: #c25005;
}
.navbar { border-bottom: 1px solid var(--tblr-border-color); }
.navbar .nav-item.active .nav-link { color: var(--tblr-primary); }
.brand-dot { color: var(--tblr-primary); }

/* Show the right icon on the theme button */
[data-bs-theme="dark"] .hide-dark,
[data-bs-theme="light"] .hide-light { display: none !important; }

.hero h1 { font-size: clamp(1.9rem, 4vw, 3rem); line-height: 1.2; }
.plan-price { font-size: 2rem; font-weight: 700; }

/* Bot profile pictures */
.bot-img-xs { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; vertical-align: middle; }
.bot-img-btn { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.bot-img-lg { width: 64px; height: 64px; border-radius: 50%; object-fit: cover;
              box-shadow: 0 0 0 3px var(--tblr-bg-surface), 0 0 0 4px var(--tblr-border-color); }
.bot-img-xl { width: 112px; height: 112px; border-radius: 50%; object-fit: cover;
              box-shadow: 0 0 40px rgba(0, 170, 255, .25); }
.card-soon { opacity: .6; }

/* Admin panel */
.navbar-vertical { border-inline-start: 1px solid var(--tblr-border-color); }
.stat-bar { background: var(--tblr-primary); border-radius: 4px 4px 0 0; min-height: 2px; }
.bot-thumb { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }

/* Arabic (RTL): keep the dropdown arrow on the left so it doesn't cover the text */
[dir="rtl"] .form-select {
  background-position: left .75rem center;
  padding-left: 2.25rem;
  padding-right: .75rem;
}