/*
 * Mana Melk brand override layer
 * --------------------------------
 * This file intentionally does NOT touch the vendor Metronic bundle
 * (style.bundle.css / style.bundle.rtl.css). It is loaded AFTER it,
 * so these CSS custom-property overrides cascade through every
 * Bootstrap/Metronic component (buttons, badges, links, charts,
 * focus rings, etc.) that already consumes var(--bs-primary).
 *
 * Tokens below are extracted directly from manamelk.ir's own
 * stylesheet (not estimated) -- --c-green, --c-bg, --shadow-*,
 * --radius* etc. are the site's real :root variables.
 */


@font-face {
    font-family: 'Vazirmatn';
    font-style: normal;
    font-weight: 100 900;
    src: url('../fonts/Vazirmatn[wght].woff2') format('woff2');
}

:root,
[data-bs-theme=light] {
  /* ---- Raw brand tokens, copied 1:1 from manamelk.ir ---- */
  --mana-green: #12916B;
  --mana-green2: #0EA56A;
  --mana-green-light: #E3F5EE;
  --mana-green-glow: rgba(18, 145, 107, 0.18);
  --mana-gold: #E8A045;
  --mana-navy: #0C1F1A;
  --mana-bg: #F4F7F5;
  --mana-surface: #ffffff;
  --mana-surface2: #EEF4F1;
  --mana-border: rgba(18, 145, 107, 0.13);
  --mana-text: #1A2E28;
  --mana-text2: #4D7265;
  --mana-text3: #8FAAA3;
  --mana-radius-sm: 10px;
  --mana-radius: 16px;
  --mana-shadow-sm: 0 2px 12px rgba(12, 31, 26, 0.07);
  --mana-shadow-md: 0 8px 32px rgba(12, 31, 26, 0.10);
  --mana-shadow-lg: 0 20px 60px rgba(12, 31, 26, 0.14);
  --mana-transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- Bootstrap/Metronic variables remapped to brand tokens ---- */
  --bs-primary: var(--mana-green);
  --bs-primary-rgb: 18, 145, 107;
  --bs-primary-text-emphasis: var(--mana-navy);
  --bs-primary-bg-subtle: var(--mana-green-light);
  --bs-primary-border-subtle: var(--mana-border);
  --bs-primary-hover: var(--mana-green2);
  --bs-primary-active: #0b7a5a;
  --bs-primary-light: var(--mana-green-light);
  --bs-success: var(--mana-green);
  
  --bs-link-color: var(--mana-green);
  --bs-link-color-rgb: 18, 145, 107;
  --bs-link-hover-color: var(--mana-green2);
  --bs-link-hover-color-rgb: 14, 165, 106;

  /* Mana-specific tokens (renamed from the old, undefined -milliard vars) */
  --bs-danger-mana: var(--mana-green);
  --bs-dark-mana: var(--bs-gray-900);
}

[data-bs-theme=dark] {
  --mana-green: #16A87E;
  --mana-green2: #1bc492;
  --mana-green-light: #0f3a2c;
  --mana-bg: #0C1F1A;
  --mana-surface: #143d2e;
  --mana-border: rgba(22, 168, 126, 0.25);
  --mana-text: #E3F5EE;
  --mana-text2: #9fc2b5;

  --bs-primary: var(--mana-green);
  --bs-primary-rgb: 22, 168, 126;
  --bs-primary-text-emphasis: #6fd9b8;
  --bs-primary-bg-subtle: var(--mana-green-light);
  --bs-primary-border-subtle: var(--mana-border);
  --bs-primary-hover: var(--mana-green2);
  --bs-primary-active: #14946f;

  --bs-link-color: var(--mana-green);
  --bs-link-color-rgb: 22, 168, 126;
  --bs-link-hover-color: var(--mana-green2);
  --bs-link-hover-color-rgb: 27, 196, 146;

  --bs-danger-mana: var(--mana-green);
  --bs-dark-mana: var(--bs-gray-900);
}

/* ---------------------------------------------------------------- */
/* Typography -- the brand reference site sets Vazirmatn as its     */
/* primary Persian typeface. Applied as a body-level override only, */
/* so the ki-outline/ki-duotone icon fonts are completely unaffected.*/
/* ---------------------------------------------------------------- */
body {
  font-family: 'Vazirmatn', 'Figtree', sans-serif;
}

/* ---------------------------------------------------------------- */
/* Soft, brand-tinted elevation + rounder corners on content cards, */
/* matching manamelk.ir's --radius / --shadow-* language.           */
/* ---------------------------------------------------------------- */
.card {
  border-radius: var(--mana-radius);
  box-shadow: var(--mana-shadow-sm);
}

.card.shadow-sm {
  box-shadow: var(--mana-shadow-md) !important;
}

.symbol-label {
  border-radius: var(--mana-radius-sm);
}

/* ---------------------------------------------------------------- */
/* Utility classes (renamed 1:1 from the old -milliard versions)    */
/* ---------------------------------------------------------------- */
.text-mana,
.text-danger-mana {
  color: var(--bs-primary) !important;
}

.text-dark-mana {
  color: var(--bs-dark-mana) !important;
}

.bg-mana {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.text-bg-mana {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.border-mana {
  border-color: var(--bs-primary) !important;
}

.btn-mana {
  background: linear-gradient(135deg, var(--mana-green), var(--mana-green2));
  border-color: var(--mana-green);
  border-radius: 50px;
  color: #fff;
  box-shadow: 0 4px 20px rgba(18, 145, 107, 0.35);
}

.btn-mana:hover,
.btn-mana:focus,
.btn-mana:active {
  background: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
  color: #fff;
  box-shadow: 0 8px 28px rgba(18, 145, 107, 0.42);
}

.badge-mana {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}

.bg-mana-light {
  background-color: var(--bs-primary-bg-subtle) !important;
}

/* Metronic's own primary-tinted utilities (bg-primary-light /
   text-hover-primary / btn-active-light-primary / nav-link.active
   etc.) already read var(--bs-primary) internally, so they pick up
   the brand color automatically -- nothing else to override there. */

/* ---------------------------------------------------------------- */
/* Focus / form accents that previously pointed at the dangling     */
/* --bs-danger-mana variable (now restored, brand-colored)      */
/* ---------------------------------------------------------------- */
.form-control:focus,
.form-select:focus,
tags[aria-expanded="true"],
span[aria-expanded="true"] {
  box-shadow: 0 0 0 1px var(--bs-primary) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.select2-results__option--highlighted[aria-selected] {
  background-color: var(--bs-primary) !important;
}

.app-sidebar .menu > .menu-item.here > .menu-link {
    background: var(--bs-primary) !important;
}

.btn.btn-success{
  background-color: var(--bs-primary);
}

.btn.btn.btn-success:hover{
  background-color: var(--bs-primary-hover) !important;
}

.btn.btn-color-success {
  color: var(--bs-primary);
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary), var(--bs-border-opacity)) !important;
}

.app-sidebar .app-sidebar-logo {
    height: 140px;
}

[data-bs-theme=dark] .theme-dark-show {
    filter: invert(1);
}

[data-bs-theme=dark] .login-logo {
    filter: invert(1);
}


.app-header {
  background: none;
}

.page-link.active, .active > .page-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.app-sidebar .menu .menu-item > .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-primary-active);
}