@font-face {
    font-family: 'PeydaWebVF';
    src: url('../../fonts/PeydaWebVF.woff2') format('woff2-variations'),
    url('../../fonts/PeydaWebVF.woff') format('woff-variations');
    font-weight: 100 950;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('../../fonts/YekanBakhFaNum-VF.woff2') format('woff2-variations'),
    url('../../fonts/YekanBakhFaNum-VF.woff') format('woff-variations');
    font-weight: 100 950;
    font-style: normal;
    font-display: swap;
}

/*======================================
=            Color Variables           =
======================================*/

:root,
[data-bs-theme=light] {
    --font-family: "YekanBakhFaNum", sans-serif;

    /* ============ پالت اختصاصی برند (منبع اصلی رنگ‌ها) ============ */

    /* Primary */
    --primary-black-1: #000000;
    --primary-black-2: #1A1A1A;

    --primary-1: #d5af68;
    --primary-2: #E2C795;
    --primary-3: #EEDFC3;
    --primary-4: #FBF7F0;

    /* Secondary */
    --secondary-black-3: #202020;
    --secondary-black-2: #2C2C2C;
    --secondary-black-1: #3B3B3B;

    --secondary-1: #414042;
    --secondary-2: #7B7B7D;
    --secondary-3: #B3B4B5;
    --secondary-3-2: #DDDDDD;

    /* Neutral */
    --gray: #8E8E93;
    --white: #FFFFFF;
    --black: #000000;
    --section-bg: #FFF;

    --table-header: #191919;
    --sidebar-bg : #FFF;
    --brd-crumb : #FBF7F0;
    /* ============ مپ کردن پالت برند روی متغیرهای بوت‌استرپ/مترونیک ============
       این‌جا داریم متغیرهای رسمی $theme-colors مترونیک رو override می‌کنیم
       تا کلاس‌های آماده‌ی خودش (btn-primary, btn-light-primary, btn-outline-primary, ...)
       بدون نیاز به کلاس سفارشی، رنگ برند رو بگیرن.
       ⚠️ اگه بعضی حالت‌ها (لایت/هاور/ساب‌تل) رنگ عوض نشد یعنی توی خود
       style.rtl.css به‌صورت hex کامپایل شدن نه var() — در اون صورت باید از SCSS سورس ری‌کامپایل بشه.
    */
    --bs-primary: var(--primary-1);
    --bs-primary-rgb: 213, 175, 104; /* rgb معادل primary-1، برای کلاس‌هایی که rgba می‌سازن */
    --bs-primary-light : var(--primary-4);
    --bs-primary-active : var(--primary-2);
    --bs-primary-inverse : var(--white);

    /* پیشنهادی - بسته به این‌که چه رنگی برای دکمه/وضعیت ثانویه می‌خوای، این‌ها رو تنظیم کن */
    --bs-secondary: var(--secondary-1);
    --bs-secondary-rgb: 65, 64, 66;

    --bs-dark: var(--secondary-black-3);
    --bs-dark-rgb: 32, 32, 32;

    --bs-light: var(--primary-4);
    --bs-light-rgb: 251, 247, 240;

    --bs-gray: var(--gray);
    --bs-body-color: var(--secondary-1);
    --bs-body-bg: var(--section-bg);
    --bs-border-color: var(--secondary-3-2);
    /* ========== Button Table Tools ========== */
    --btn-tbl-tools-bg: #f6edc9;
    --btn-tbl-tools-icon: var(--primary-1);

    --btn-primary : var(--primary-1);
    --btn-secondary : var(--primary-2);
    --btn-light-primary: var(--primary-4);

    --bs-link-color-rgb : var(--bs-primary-rgb);
    --bs-link-hover-color-rgb : var(--bs-dark-rgb);

    --bs-text-primary:var(--primary-1);

    --bs-menu-link-color-active : var(--primary-1);
    --bs-menu-link-color-hover :  var(--primary-2);

    --bs-component-hover-color :  var(--primary-1);

    --bs-app-sidebar-light-bg-color : var(--sidebar-bg);
    --bs-app-sidebar-light-menu-link-bg-color-active : var(--primary-1);

    --bs-scrolltop-bg-color : var(--bs-primary);
    --bs-scrolltop-bg-color-hover : var(--bs-primary);
}

[data-bs-theme=dark] {
    color-scheme: dark;

    /* Primary */
    --primary-black-1: #000000;
    --primary-black-2: #1A1A1A;

    --primary-1: #D5AF68;
    --primary-2: #E2C795;
    --primary-3: #EEDFC3;
    --primary-4: #FBF7F0;

    /* Secondary */
    --secondary-black-3: #202020;
    --secondary-black-2: #2C2C2C;
    --secondary-black-1: #3B3B3B;

    --secondary-1: #414042;
    --secondary-2: #7B7B7D;
    --secondary-3: #B3B4B5;
    --secondary-3-2: #DDDDDD;
    --sidebar-bg : #1e2129;

    /* Neutral */
    --gray: #8E8E93;
    --white: #FFFFFF;
    --black: #000000;
    --section-bg: #15171C;

    --table-header: #191919;

    /* ============ مپ کردن پالت برند روی متغیرهای بوت‌استرپ/مترونیک (Dark) ============ */
    --bs-primary: var(--primary-1);
    --bs-primary-rgb: 213, 175, 104;
    --bs-primary-light : var(--secondary-1);
    --bs-primary-active : var(--primary-2);
    --bs-primary-inverse : var(--black);

    --bs-secondary: var(--secondary-black-1);
    --bs-secondary-rgb: 59, 59, 59;

    --bs-dark: var(--secondary-black-3);
    --bs-dark-rgb: 32, 32, 32;

    --bs-light: var(--secondary-1);
    --bs-light-rgb: 65, 64, 66;

    --bs-gray: var(--gray);
    --bs-body-color: var(--white);
    --bs-body-bg: var(--section-bg);
    --bs-border-color: var(--secondary-black-1);

    /* ========== Button Table Tools ========== */
    --btn-tbl-tools-bg: var(--secondary-1);;
    --btn-tbl-tools-icon: var(--primary-1);
    --bs-app-sidebar-light-menu-link-bg-color-active : #4c473e;
    --brd-crumb : #26272f ;
}


html,
body {
    height: 100%;
    font-family: var(--font-family) !important;
}
body {
    font-family: var(--font-family) !important;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#kt_app_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#kt_app_main {
    flex: 1;
}
#kt_app_footer {
    margin-top: auto;
}

/*======================================
=       Layout / Misc Overrides        =
======================================*/

html[data-bs-theme="light"] .bredcrmb-custom {
    background-color: var(--brd-crumb) !important;
    border-color: #ece1cc !important;
}

html[data-bs-theme="dark"] .bredcrmb-custom {
    background-color: var(--brd-crumb) !important;
    border-color: #1e2027 !important;
}

#kt_app_header_wrapper .menu-sub-dropdown {
    margin-right: -26px !important;
}

/* ===== Custom Table ===== */

.table.custom-tbl thead th {
    background-color: var(--bs-gray-700);
    color: #fff;
    border-color: var(--bs-gray-700);
    font-weight: 600;
}

.table.custom-tbl tbody tr:nth-child(odd) {
    background-color: #fff;
}

.table.custom-tbl tbody tr:nth-child(even) {
    background-color: var(--bs-gray-100);
}

.table.custom-tbl tbody tr:hover {
    background-color: var(--bs-gray-200);
}

.table.custom-tbl tbody td,
.table.custom-tbl tbody th {
    background-color: inherit;
}

.btn-tbl-tools {
    background-color: var(--btn-tbl-tools-bg) !important;
}
.btn-tbl-tools i {
    color: var(--btn-tbl-tools-icon) !important;
}
.btn-primary {
    --bs-btn-color: #fff; !important
    --bs-btn-bg: var(--primary-1) !important;
    --bs-btn-border-color: var(--primary-1) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--primary-2) !important;
    --bs-btn-hover-border-color: var(--primary-2) !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-2);
    --bs-btn-active-border-color: var(--primary-2) !important;
    --bs-btn-focus-shadow-rgb: 213, 175, 104;
}

.btn-light-primary {
    --bs-btn-color: var(--primary-1);
    --bs-btn-bg: var(--primary-4);
    --bs-btn-border-color: var(--primary-4);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-1);
    --bs-btn-hover-border-color: var(--primary-1);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-1);
    --bs-btn-active-border-color: var(--primary-1);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-2);
    --bs-btn-border-color: var(--primary-2);
    /* هاور/اکتیو رو هم مشابه بالا اضافه کن */
}

.text-primary{
    color: var(--bs-dark) !important;
}
a.btn-primary{
    --bs-btn-color: #fff; !important
    --bs-btn-bg: var(--primary-1) !important;
    --bs-btn-border-color: var(--primary-1) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--primary-2) !important;
    --bs-btn-hover-border-color: var(--primary-2) !important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-2);
    --bs-btn-active-border-color: var(--primary-2) !important;
    --bs-btn-focus-shadow-rgb: 213, 175, 104;
    font-family: var(--font-family) !important;
    padding: 10px 16px !important;
}
.btn.btn-light-primary{
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary-light) !important;
    background-color: var(--bs-primary-light) !important;
}
.btn.btn-light-primary:hover {
    color: var(--bs-primary-inverse) !important;
}
.btn.btn-primary:hover:not(.btn-active){
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary-active);
    background-color: var(--bs-primary-active) !important;
}
.btn.btn-color-primary{
    color: var(--bs-primary) !important;
}
.btn-active-color-primary{
    color: var(--bs-primary) !important;
}
.btn.btn-active-color-primary:hover:not(.btn-active){
    color: var(--bs-text-primary) !important;

}
.table tbody tr > td:first-child {
    padding-left: 5px !important;
    padding-right: 20px !important;
}
.form-check-input:checked{
    background-color:var(--bs-primary) !important;
    border-color:var(--bs-primary) !important;
}
[data-bs-theme="dark"] thead .text-primary {
    color: var(--bs-dark) !important;

}
[data-bs-theme="dark"] .text-primary{
    color: var(--bs-text-primary) !important;
}
.gradient-border-wrap .form-control{
    color:var(--bs-gray-400) !important;
}
.form-control{
    color:var(--bs-gray-700) !important;
}
body:has(div[data-field="password"][data-validator="notEmpty"]) .eye-pass {
    top: 36% !important;
}
/*======================================
=       Dark Mode Styles        =
======================================*/
html[data-bs-theme="dark"] a:hover {
    color: #fff;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title{
    color:var(--bs-white);
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-item .menu-link.active .menu-title{
    color:var(--bs-white);

}
html[data-bs-theme="dark"] .card.card-bordered{
    border-color: #404041 !important;
}

html[data-bs-theme="light"] .menu-item.menu-accordion:not(.show):not(.parent-active):hover > .menu-link {
    background-color: #f5f5f5;
    border-radius: 6px;
}

html[data-bs-theme="dark"] .menu-item.menu-accordion:not(.show):not(.parent-active):hover > .menu-link {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
}
/* آکاردئون سطح دوم */
html[data-bs-theme="light"] .menu-sub .menu-item.menu-accordion > .menu-link.active {
    margin-right: .75rem;
    margin-left: 0 !important;

    background: rgba(246, 237, 201, 0.3) !important;
    border-radius: 8px 8px;
}
html[data-bs-theme="dark"] .menu-sub .menu-item.menu-accordion > .menu-link.active {
    margin-right: .75rem;
    margin-left: 0 !important;
    background: rgba(76, 71, 62, 0.6) !important;
    border-radius: 8px 8px;
}

.menu-sub .menu-item.menu-accordion > .menu-link.active .menu-title{
    color: var(--bs-primary) !important;
}

    /* لینک نهایی Active */
.menu-sub .menu-sub .menu-link.active {
    margin-right: 1rem;
    margin-left: 0 !important;

    background: rgba(246, 237, 201, 0.04) !important;
    border-radius: 6px 6px;
}
.menu-sub .menu-sub .menu-link.active .menu-title{
    color: var(--bs-primary) !important;
}



/* لینک نهایی Active که زیرمنو ندارد */
html[data-bs-theme="light"] .menu-sub .menu-item > .menu-link.active {
    margin-right: .75rem;
    margin-left: 0 !important;
    background: rgba(246, 237, 201, 0.3) !important;
    border-radius: 8px 8px;
}
html[data-bs-theme="light"] .menu-sub .menu-item > .menu-link.active .menu-title {
    color: var(--bs-primary) !important;
}

html[data-bs-theme="dark"] .menu-sub .menu-item > .menu-link.active {
    margin-right: .75rem;
    margin-left: 0 !important;
    background: rgba(76, 71, 62, 0.4) !important;
    border-radius: 8px 8px;
    color: var(--bs-primary);
}