/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1764751554
Updated: 2025-12-03 12:15:54

*/
.digits-form_button_ic{
	transform: scaleX(1)!important;
}
/*flags*/
.wpml-ls-legacy-list-horizontal .wpml-ls-flag{
    display: none;
}
.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{
    color: #000;
}
.wpml-ls-legacy-list-horizontal a span{
	color: #000;
}

.digits-form_button_ic {
    transform: scaleX(1) !important;
}
/*print*/
@media print {
#printButton, .navbar, .footer {
  display: none !important;
	}
        }
#printButton{
	pointer-events: pointer;
}
/*header sticky */
.header-nav {
    transition: background-color 0.3s ease, opacity 0.3s ease;
}
.header-nav .Ali-shine img {
	height:40px;
}

.header-nav.sticky{
	background:#f7f7f7!important;
   height: 60px;
    transition: background-color 0.3s ease, opacity 0.3s ease;
margin-top:-10px!important;
}
.header-nav.sticky img{
	height:30px;
}

.header-nav.hidden {
    opacity: 0;
    height: 0;
    pointer-events: none;
}
.header-nav.sticky .elementor-hidden-mobile.elementor-widget.elementor-widget-wpml-language-switcher{
	margin-top:-22px!important;
	font-size: 15px;
}


/*scroll*/
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: #f8f8f8;
	border-radius:2px!important;
backdrop-filter: blur( 10px );
-webkit-backdrop-filter: blur( 10px );
border:2px solid #fff;
}
  
::-webkit-scrollbar-thumb {
background: #147890;
border:1px solid #eee;
height:10px;
border-radius:2px;
}
/*selection */
::selection {
  color: #147890;
  background-color: #f8f8f8;
}
.khat1{
   overflow: hidden; 
   text-overflow: ellipsis; 
   display: -webkit-box; 
   -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.khat11 h3{
   overflow: hidden; 
   text-overflow: ellipsis; 
   display: -webkit-box; 
   -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.khat2{
   overflow: hidden; 
   text-overflow: ellipsis; 
   display: -webkit-box; 
   -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.khat3{
   overflow: hidden; 
   text-overflow: ellipsis; 
   display: -webkit-box; 
   -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


.simple-toggle-box {
	font-family:iransans!important;
    overflow: hidden;
    max-height: 100px; /* ارتفاع اولیه */
    transition: max-height 0.5s ease-in-out; /* انیمیشن نرم */
    position: relative;
}

/* کلاس برای حالت باز شده */
.simple-toggle-box.expanded {
    max-height: 9999px; /* مقدار بسیار بزرگ برای باز شدن کامل */
    opacity: 1 !important; /* اطمینان از نمایش */
}

/* استایل دکمه (اختیاری برای زیبایی) */
.toggle-btn1 {
	width: fit-content;
    cursor: pointer;
	  margin-right: auto;
    padding: 6px 13px 6px 13px;
    background: #f0f0f0;
    text-align: center;
    border-radius: 2px;
	font-size:18px;
    display: inline-block;
    user-select: none;
	font-family:Spectral;
}
.toggle-btn {
	font-family:Spectral;
}
/*farsi arabic*/

.simple-toggle-box1 {
	font-family:iransans!important;
    overflow: hidden;
    max-height: 100px; /* ارتفاع اولیه */
    transition: max-height 0.5s ease-in-out; /* انیمیشن نرم */
    position: relative;
}

/* کلاس برای حالت باز شده */
.simple-toggle-box1.expanded {
    max-height: 9999px; /* مقدار بسیار بزرگ برای باز شدن کامل */
    opacity: 1 !important; /* اطمینان از نمایش */
}

/* استایل دکمه (اختیاری برای زیبایی) */
.toggle-btn2 {
	width: fit-content;
    cursor: pointer;
	  margin-right: auto;
    padding: 6px 13px 6px 13px;
    background: #f0f0f0;
    text-align: center;
    border-radius: 2px;
	font-size:18px;
    display: inline-block;
    user-select: none;
	font-family:iransans;
}


.Ali-shine {
	mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
  animation: nsshine 3s infinite;
}
@keyframes nsshine {
0% {
    -webkit-mask-position: 140% 140%;
    mask-position: 140% 140%;
}

100% {
    -webkit-mask-position: -20% -20%;
    mask-position: -20% -20%;
}
}
/*----------------*/

.author-panel-container {
    display: flex;
    min-height: 100vh;
    background: #f8fafc;
    font-family: 'Segoe UI', sans-serif;
    direction: ltr;
}

.sidebar-right {
    width: 20%;
    background: white;
    border-right: 1px solid #e2e8f0;
    padding: 25px 20px;
    box-shadow: 2px 0 10px rgba(0,0,0,0.05);
}

.user-info {
    text-align: center;
    margin-bottom: 30px;
}

.user-info img {
    border-radius: 50%;
    border: 3px solid #2563eb;
}

.menu-item {
    display: block;
    padding: 14px 18px;
    color: #334155;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 6px;
    transition: all 0.3s;
}

.menu-item:hover, .menu-item.active {
    background: #eff6ff;
    color: #2563eb;
    font-weight: 600;
}

.logout {
    color: #ef4444 !important;
    margin-top: 20px;
}

.main-content {
    width: 80%;
    padding: 30px;
}

/* Status Circles */
.status-circles {
    display: flex;
    gap: 20px;
    margin: 25px 0;
}

.circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(37,99,235,0.3);
}

.circle h3 { font-size: 24px; margin: 0; }