/* بارگذاری فونت‌ها */
/* @font-face {
    font-family: 'Yekan';
    src: url('/assets/fonts/YEKAN BAKH FANUM 01 HAIRLINE.WOFF') format('woff');
}

@font-face {
    font-family: 'Yekan';
    src: url('/assets/fonts/YEKAN BAKH FANUM 02 THIN.WOFF') format('woff');
}

@font-face {
    font-family: 'Yekan';
    src: url('/assets/fonts/YEKAN BAKH FANUM 03 LIGHT.WOFF') format('woff');
} */

@font-face {
    font-family: 'Yekan';
    src: url('./fonts/YEKAN BAKH FANUM 05 MEDIUM.WOFF') format('woff');
}

@font-face {
    font-family: 'Yekan-bold';
    src: url('./fonts/YEKAN BAKH FANUM 06 BOLD.WOFF') format('woff');
}

/* @font-face {
    font-family: 'Yekan';
    src: url('/assets/fonts/YEKAN BAKH FANUM 07 HEAVY.WOFF') format('woff');
}

@font-face {
    font-family: 'Yekan';
    src: url('/assets/fonts/YEKAN BAKH FANUM 08 FAT.WOFF') format('woff');
} */

@font-face {
    font-family: 'Farhang';
    src: url('./fonts/FARHANG2-BOLD.TTF') format('truetype');
}



.container {
    max-width: 100% !important;
    padding-left:20px !important;
    padding-right: 20px !important;
    height : 70px
}


/* Navbar: استفاده از استایل Bootstrap */
.navbar-custom {
    background-color: var(--bs-primary);
    color: white;
}

/* سایر بخش‌ها: استفاده از Slate */
.dashboard-section {
    background-color: #27293d;
    color: white;
    padding: 20px;
    border-radius: 10px;
}


/* حالت عادی */
.blur-content {
    filter: none;
}

/* حالت تار شدن هنگام لودینگ */
#loading-overlay.is-loading .blur-content {
    filter: blur(5px); /* شدت تار شدن */
}




/* استایل کلی Tabs */
.ccustom-tabs {
    font-family: 'Farhang';
    /* background-color: #1C2B35; رنگ پس‌زمینه تب‌ها */
    border-radius: 5px; /* گرد کردن گوشه‌ها */
    padding: 2px;
    margin-bottom: 5px; /* فاصله از محتوای پایین */
}


/* استایل تب فعال */
.aactive-tab {
    font-family: 'Farhang';
    background-color: #BABDBF; /* رنگ تب فعال (آبی تیره‌تر) */
    color: #ffffff !important; /* رنگ متن تب فعال */
}

/* استایل تب‌ها */
.ccustom-tab {
    font-family: 'Farhang';
    color: #b0bec5; /* رنگ متن تب‌های غیرفعال (خاکستری روشن) */
    padding: 5px 10px;
    border-radius: 5px; /* گوشه‌های گرد */
    margin: 0 5px; /* فاصله بین تب‌ها */
    font-size: 14px;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease; /* افکت تغییر رنگ */
}

/* استایل Hover برای تب‌ها */
.ccustom-tab:hover {
    background-color: #BABDBF; /* رنگ پس‌زمینه هنگام Hover */
    /* color: #ffffff; رنگ متن هنگام Hover */
    cursor: pointer;
}


/* اعمال فونت به تمام عناصر */
body {
    font-family: 'Yekan';
}

h1, h2, h3, h4, h5, h6, p, label, div, span, a {
    font-family: 'Yekan';
}



.plot-container {
    border-radius: 15px; /* گرد کردن گوشه‌ها */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    overflow: hidden; /* جلوگیری از خروج محتوا از گوشه‌های گرد */
 }


 body {
    background-color:  #F5F8FE;/* رنگ مورد نظر */
    /* margin: 0;
    padding: 0;
    font-family: 'Yekan, Arial', sans-serif; فونت دلخواه */
}



 button {
    background-color: #f8f9fa; /* رنگ زمینه روشن */
    border: 1px solid #ced4da; /* حاشیه خاکستری ملایم */
    border-radius: 8px; /* گوشه‌های گرد */
    padding: 10px 20px; /* فاصله داخلی */
    margin: 15px 5px; 
    font-family: 'Yekan'; /* فونت مدرن */
    font-size: 14px; /* اندازه فونت */
    color: #6c757d; /* رنگ متن خاکستری */
    cursor: pointer; /* نشانگر دست هنگام هاور */
    transition: all 0.3s ease; /* انیمیشن تغییرات */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}

button:hover {
    background-color: #d0d0d0; /* تغییر رنگ زمینه در هاور */
    color: #495057; /* تغییر رنگ متن در هاور */
    border-color: #adb5bd; /* تغییر رنگ حاشیه در هاور */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* افزایش سایه */
}

button:active {
    background-color: #dee2e6; /* رنگ زمینه هنگام کلیک */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); /* حالت فشرده‌شده */
}

button:disabled {
    background-color: #f8f9fa; /* رنگ زمینه دکمه غیرفعال */
    color: #adb5bd; /* رنگ متن دکمه غیرفعال */
    border-color: #ced4da; /* رنگ حاشیه دکمه غیرفعال */
    cursor: not-allowed; /* نشانگر غیرفعال */
    box-shadow: none; /* بدون سایه */
}




.custom-dropdown-scroll .dropdown-menu {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;  /* ⬅ جلوگیری از اسکرول افقی */
}


/* .custom-dropdown-scroll .dropdown-menu::-webkit-scrollbar {
    width: 6px;
}

.custom-dropdown-scroll .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
} */




/* ======================================*/



.responsive-text {
    font-size: clamp(18px, 2vw, 26px);  /* بین 18 تا 28 پیکسل متغیر باشد */
    color: #353F5F;  /* متن آبی */
    font-weight: bold;  /* متن پررنگ */
    text-align: center;  /* وسط‌چین کردن متن */
    word-wrap: break-word;  /* شکستن متن در صورت نیاز */
    white-space: normal;  /* جلوگیری از خروج متن از باکس */
    overflow-wrap: break-word;  /* انتقال به خط بعد در صورت نیاز */
    max-width: 100%;  /* جلوگیری از خروج متن */
}


/* هاور برای آیتم‌های منو */
.menu-item:hover {
    background-color: #f0f0f0;
    color: #007bff;
    font-weight: bold;
}






/* =============================*/
/* استایل دکمه های اعمال و حذف فیلتر */



/* استایل پایه دکمه‌ها (در حالت عادی کاملاً شفاف) */
.filter-button {
    background-color: transparent;       /* پس‌زمینه شفاف */
    color: #393c47;                     /* رنگ نوشته دکمه */
    min-width: 100px;
    height: 30px;
    font-family: 'Farhang', sans-serif;
    font-size: 10px;
    /* border: 2px soli; */
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease;
    padding: 0px;
    margin-bottom: 0px; /* فاصله کمتر بین دکمه‌ها */
}


/* فقط برای دکمهٔ «اعمال فیلتر» */
.filter-button.process-button {
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    border: 2px solid transparent !important;
}



/* فقط برای دکمهٔ «اعمال فیلتر» */
.filter-button.process-button:hover {
    background-color: #28a745; /* سبز در هاور */
    color: #fff;               /* رنگ متن در هاور */
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}

/* استایل وقتی منتظر اعمال تغییرات باشه */
.filter-button.process-button.btn-pending {
    background-color: #0a72c1; /* خاکستری */
    color: #fff;
    border: 2px solid #6c757d !important;
}

/* حالت pending (بعد از تغییر فیلترها) */
/* .filter-button.process-button.btn-pending {
    background-color: #6c757d; 
    color: #fff;
    border: 2px solid #6c757d !important;
} */

/* هاور حالت pending (دلخواه) */
.filter-button.process-button.btn-pending:hover {
    background-color: #5a6268; /* کمی تیره‌تر در هاور */
}



.filter-button.clear-button {
    border: 2px solid transparent;
    box-shadow: none; 
    transition: all 0.3s ease !important;
}


.filter-button.clear-button:hover {
    color: #dc3545;               /* رنگ متن در هاور */
    background-color: transparent;
    box-shadow: none;   
}


.graph-highlight {
    box-shadow: 0 0 3px 3px rgb(154, 180, 221) !important;
    border-radius: 15px !important;
    transition: all 0.2s ease-in-out;
  }
  


  .graph-highlight-yaer {
    box-shadow: 0 0 3px 3px rgb(154, 180, 221) !important;
    border-radius: 15px !important;
    transition: all 0.2s ease-in-out;
  }
   

  
  .graph-highlight-course {
    box-shadow: 0 0 3px 3px rgb(154, 180, 221) !important;
    border-radius: 15px !important;
    transition: all 0.2s ease-in-out;
  }






   


/* استایل اسکرول در کارد در تب گروه بندی */
.scroll-box::-webkit-scrollbar            { width: 8px; }
.scroll-box::-webkit-scrollbar-track      { background: transparent; }
.scroll-box::-webkit-scrollbar-thumb      {
  background-color: #6c6c6c;
  border-radius: 4px;
}








/* assets/buttons.css */
.btn-red-blue {
    color: #c0392b;                 /* متن قرمز */
    font-weight: bold;
    box-shadow: 3px 3px 6px #bcbcbc, -3px -3px 6px #ffffff;
    padding: 8px;
    text-align: right;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}

.btn-red-blue:hover {
    background-color: #f0f0f0;
    color: #1c4e80;                 /* فقط رنگ متن آبی شود */
    font-weight: bold;
}












/* 
.fixed-alert {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    background-color: #ff4d4f !important;
    color: white !important;
    box-shadow: 2px 2px 10px #888;
} */