/* **************************************************************************
   Ultimate Brand Identity, RTL & Layout Fix Stylesheet for WHMCS 9 Nexus Theme
   Brand: Persia River (پرشیا ریور)
   Color Palette: Persian Blue, Mint Green, Saffron Orange, Dark Gray, Light Gray
   ************************************************************************** */

:root {
    --white: #ffffff;

    /* ۱. بومی‌سازی شیدهای خاکستری و خنثی بر پایه رنگ‌های هویت بصری پرشیا ریور */
    --neutral-50: #f8fafc;
    --neutral-100: #f1f2f6; /* Light Gray رسمی برند */
    --neutral-200: #e2e8f0;
    --neutral-300: #cbd5e1;
    --neutral-400: #94a3b8;
    --neutral-500: #64748b;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #2f3542; /* Dark Gray رسمی برند */
    --neutral-900: #1e293b;
    --neutral-950: #0f172a;

    /* ۲. نگاشت شیدهای رنگی پرایمری بر پایه Persian Blue (#1C3FAA) */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: #254ec4;
    --primary-600: #1c3faa; /* رنگ اصلی پرشیا ریور */
    --primary-700: #153285; /* حالت هاور و فعال دکمه‌ها */
    --primary-800: #0f256b;
    --primary-900: #0a184a;
    --primary-950: #050c26;

    /* ۳. اعمال کدهای رنگی اختصاصی در بخش‌های کلیدی قالب نکسوس */
    --primary: var(--primary-600);
    --primary-lifted: var(--primary-700);
    --primary-accented: var(--primary-800);

    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* موفقیت و پایداری بر پایه Mint Green (#00D09C) */
    --success: #00d09c;
    --success-lifted: #00b386;
    --success-accented: #009973;

    --info: var(--primary-600);
    --info-lifted: var(--primary-700);
    --info-accented: var(--primary-800);

    /* هشدارها، معلق‌ها و پرداخت‌نشده‌ها بر پایه Saffron Orange (#FF9F43) */
    --notice: #ff9f43;
    --notice-lifted: #f38f32;
    --notice-accented: #d6761b;

    --warning: #ff9f43;
    --warning-lifted: #f38f32;
    --warning-accented: #d6761b;

    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* تنظیم رنگ متون فرم‌ها هماهنگ با متون تیره Dark Gray */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-800);

    /* مرزها و پس‌زمینه‌ها بر پایه لایت‌گری و هماهنگی بصری */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-800);

    /* تنظیمات متغیرهای ساختاری ابعاد */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* ==========================================================================
   ۴. تعریف فونت وزیر مجهز به اعداد فارسی با لینک مستقیم از ابرآروان
   ========================================================================== */
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Thin.woff2') format('woff2');
    font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-ExtraLight.woff2') format('woff2');
    font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Light.woff2') format('woff2');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Medium.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-SemiBold.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn FD NL';
    src: url('https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Bold.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}

/* اعمال سراسری فونت جدید بر روی تمام لایه‌ها */
body, html, h1, h2, h3, h4, h5, h6, input, button, select, textarea, span, p, a, div, td, th, label {
    font-family: 'Vazirmatn FD NL', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ==========================================================================
   ۵. تنظیمات جهت و اصلاح ساختار منو و هدر (RTL Fixes)
   ========================================================================== */
html, body {
    direction: rtl !important;
    text-align: right !important;
    background-color: var(--neutral-100) !important;
}

/* اصلاح رنگ متن منوی ناوبری اصلی به سفید شفاف و برجسته */
.main-navbar-wrapper {
    background-color: var(--primary) !important;
}
.topbar {
    background-color: var(--neutral-800) !important;
}
.main-navbar-wrapper .navbar-nav .nav-link,
.main-navbar-wrapper .navbar-nav a {
    color: #ffffff !important; /* متن منوها سفید خالص */
    font-weight: bold !important;
}

/* اصلاح رنگ متن داخل دراپ‌داون‌های ناوبری به تیره جهت خوانایی روی زمینه سفید */
.main-navbar-wrapper .navbar-nav .dropdown-menu a,
.main-navbar-wrapper .navbar-nav .dropdown-menu .dropdown-item,
.main-navbar-wrapper .navbar-nav .dropdown-menu .dropdown-item a {
    color: var(--neutral-800) !important;
    font-weight: normal !important;
    text-align: right !important;
}
.main-navbar-wrapper .navbar-nav .dropdown-menu a:hover,
.main-navbar-wrapper .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: var(--neutral-100) !important;
    color: var(--primary) !important;
}

/* ==========================================================================
   ۶. رفع باگ هم‌پوشانی باکس‌های آماری (Tiles Icon Overlap Fix)
   ========================================================================== */
.tiles .tile {
    position: relative !important;
    display: block !important;
    padding: 15px !important;
    text-align: right !important;
}
.tiles .tile i {
    position: absolute !important;
    left: 15px !important;    /* انتقال آیکون به سمت چپ فاکتور جهت جلوگیری از تداخل */
    right: auto !important;   /* لغو اثر رایت پیش‌فرض */
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 2.5rem !important;
    opacity: 0.18 !important; /* کاهش غلظت رنگ آیکون به عنوان تصویر زمینه محو */
}
.tiles .tile .stat {
    font-size: 1.75rem !important;
    font-weight: bold !important;
    display: block !important;
    padding-left: 45px !important; /* ایجاد فضای امن برای متن */
    padding-right: 0 !important;
}
.tiles .tile .title {
    font-size: 0.85rem !important;
    display: block !important;
    padding-left: 45px !important;
    padding-right: 0 !important;
    color: var(--neutral-600) !important;
}

/* ==========================================================================
   ۷. تراز لایه‌های داخلی آیتم‌های سرویس‌ها در صفحه اصلی
   ========================================================================== */
.div-service-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    direction: rtl !important;
}
.div-service-name {
    text-align: right !important;
    margin-right: 15px !important;
    margin-left: auto !important;
}
.div-service-status {
    order: 2 !important;
}
.div-service-buttons {
    margin-left: 0 !important;
    margin-right: auto !important;
    display: inline-flex !important;
    gap: 6px !important;
}

/*