.elementor-97 .elementor-element.elementor-element-3575c19{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-97 .elementor-element.elementor-element-3575c19.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-97 .elementor-element.elementor-element-11e1800{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-97 .elementor-element.elementor-element-fc8ca1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-97 .elementor-element.elementor-element-2403f66{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-97 .elementor-element.elementor-element-c568b06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97 .elementor-element.elementor-element-007348f{--spacer-size:50px;}body.elementor-page-97:not(.elementor-motion-effects-element-type-background), body.elementor-page-97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-97 .elementor-element.elementor-element-3575c19{--width:100%;}.elementor-97 .elementor-element.elementor-element-11e1800{--width:50%;}.elementor-97 .elementor-element.elementor-element-fc8ca1d{--width:50%;}.elementor-97 .elementor-element.elementor-element-2403f66{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-97 .elementor-element.elementor-element-3575c19{--width:124.368%;}}@media(min-width:2400px){.elementor-97 .elementor-element.elementor-element-007348f{--spacer-size:100px;}}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-3575c19{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for rec_top_sale_consultants, class: .elementor-element-0549944 */.elementor-97 .elementor-element.elementor-element-0549944{
    width:100%;
}


/**
 * استایل ویجت برترین مشاوران فروش
 * بر اساس Design System ارائه شده
 * @version 1.0
 */

/*-----------------------------------------------------------------------------*/
/* 1. متغیرهای اصلی بر اساس Design System
/*-----------------------------------------------------------------------------*/
:root {
  --theme-primary-color: #1ed2c0;
  --theme-secondary-color: #171717;
  --theme-background: #000000;
  --theme-text-color: #ffffff;
  --theme-accent-color: #3fe1d1;
  --theme-card-background: #000;
  --theme-card-hover-background: #2a2a2a; /* تیره‌تر کردن 5% از card-background */
  --theme-icon-color: #666; /* رنگ خاکستری برای آیکون‌ها */
  --font-title-size: 20px;
  --font-subtitle-size: 17px;
  --font-body-size: 13px;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --card-border-radius: 24px;
  --card-padding: 10px;
  --avatar-size: 130px;
  --rank-badge-size: 28px;
  --transition-speed: all 0.3s ease;
}

/*-----------------------------------------------------------------------------*/
/* 2. استایل کلی ویجت (Container)
/*-----------------------------------------------------------------------------*/
.rec-top-sale-consultants-widget {
  background-color: var(--theme-background);
  padding: 24px;
  max-width: 100%; /* مطابق با layout.container.maxWidth */
  margin: auto;
  font-family: var(--font-family);
  color: var(--theme-text-color);
  border-radius: 20px;
  direction: rtl; /* راست‌چین کردن کل ویجت */
}

/*-----------------------------------------------------------------------------*/
/* 3. استایل هدر ویجت (عنوان و تعداد کل)
/*-----------------------------------------------------------------------------*/
.rec-widget-header {
  display: flex;
  justify-content: flex-start;
  gap:20px;
  align-items: center;
  padding-bottom: 16px; /* فاصله از لیست */
  margin-bottom: 16px; /* فاصله از لیست */
  border-bottom: 1px solid var(--theme-secondary-color);
}



.rec-total-count {
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    padding: 20px 25px 10px 25px;
    border-radius: 12px;
}

/*-----------------------------------------------------------------------------*/
/* 4. استایل لیست و آیتم‌ها (Card)
/*-----------------------------------------------------------------------------*/
.rec-consultant-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rec-consultant-card {
  background: var(--theme-card-background);
  border-radius: var(--card-border-radius);
  padding: 10px 10px 0px 10px;
  margin: 8px 0; /* مطابق با layout.card.margin */
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: var(--transition-speed); /* مطابق با effects.transition */
}

.rec-consultant-card:hover {
  background: var(
    --theme-card-hover-background
  ); /* مطابق با effects.hoverEffect */
  transform: translateY(-2px);
}

/* بخش اصلی کارت: رتبه، آواتار و نام */
.rec-consultant-main-info {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

/*-----------------------------------------------------------------------------*/
/* 5. استایل کامپوننت‌ها (رتبه، آواتار، اطلاعات)
/*-----------------------------------------------------------------------------*/

/* رتبه (Rank Badge) */
.rec-consultant-rank-wrapper {
  margin-left: 16px; /* فاصله از آواتار */
}

.rec-rank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--rank-badge-size);
  height: var(--rank-badge-size);
  border-radius: 50%; /* shape: circle */
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  color: var(--theme-background); /* رنگ متن مشکی مطابق طرح */
  flex-shrink: 0;
}

.rec-rank i {
  font-size: 14px;
}

/* رنگ‌بندی مدال‌ها */
.rec-rank-gold {
  background: linear-gradient(145deg, #ffd700, #ffa500);
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}
.rec-avatar-wrapper img {
    border-radius: 10px;
}

.rec-rank-silver {
  background: linear-gradient(145deg, #c0c0c0, #a9a9a9);
  box-shadow: 0 0 8px rgba(192, 192, 192, 0.5);
}

.rec-rank-bronze {
  background: linear-gradient(145deg, #cd7f32, #a0522d);
  box-shadow: 0 0 8px rgba(205, 127, 50, 0.5);
}

.rec-rank-normal {
  background-color: var(--theme-secondary-color);
  color: var(--theme-text-color);
}

/* آواتار (Avatar) */
.rec-avatar-wrapper {
  margin-left: 16px; /* مطابق با components.avatar.marginRight */
  flex-shrink: 0;
}

.rec-avatar {
  width: var(--avatar-size) !important;
  border-radius: 50%; /* shape: circle */
  object-fit: cover;
}

.rec-avatar-wrapper img {
  height: var(--avatar-size) !important;
}


.rec-avatar-placeholder svg {
  width: var(--avatar-size);
  height: var(--avatar-size);
}

/* جزئیات مشاور (نام) */
.rec-consultant-details .rec-name {
  display: block;
  font-size: var(--font-subtitle-size);
  font-weight: 900;
  font-family: rokh;
  color: var(--theme-text-color);
}

/* اطلاعات شعبه (Location Tag) */
.rec-branch-info {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 6px 12px;
  border-radius: 12px;
}

.rec-branch-name {
  font-size: var(--font-body-size);
  color: var(--theme-text-color);
  margin-right: 8px; /* مطابق با components.locationTag.marginLeft */
  font-weight: 800;
  font-family: rokh;
}

.rec-location-icon {
  font-size: 16px; /* مطابق با iconography.size */
  color: var(--theme-accent-color); /* استفاده از رنگ برجسته برای آیکون */
}

/* پیام "داده‌ای یافت نشد" */
.rec-no-data {
  background-color: var(--theme-card-background);
  padding: var(--card-padding);
  border-radius: var(--card-border-radius);
  text-align: center;
  color: var(--theme-icon-color);
}

/* استایل جدید برای پس‌زمینه یکی در میان */
/* استایل جدید برای پس‌زمینه ردیف‌های فرد */
.rec-consultant-card:nth-child(odd) {
  background-color: var(
    --theme-secondary-color
  ); /* رنگ پس‌زمینه متفاوت برای ردیف‌های فرد */
}



@media (min-width: 2400px){

 
    
}

@media (max-width: 1366px){
 
 img.rec-avatar {
    width: 90px !important;
    height: 90px !important;
}

.rec-consultant-details .rec-name {
    font-size: 14px;
}
 
}

    @media only screen and (min-width: 992px) and (min-width: 1365px) {

    }

.rec-widget-title {
  font-size: 16px;
}

.rec-total-count {
    font-size: 17px;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
 .rec-consultant-card {
    flex-direction: column;
}

.rec-widget-title {
        min-height: 0px;
  font-size: 15px;
  font-weight: 900;
  font-family: rokh;
  color: var(--theme-text-color);
  margin: 0;
}
    
    
    .rec-consultant-list {
    list-style: none;
    padding: 0;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    gap: 20px;
}
 li.rec-consultant-card {
    width: 46%;
}
.rec-consultant-main-info {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    gap: 8px;
}
    .rec-consultant-rank-wrapper {
    margin-left: 0px;
}
.rec-avatar-wrapper{
    margin-left: 0px;
}

.rec-widget-title {
  font-size: 13px;
}

.rec-total-count {
    font-size: 13px;
}
.rec-total-count {
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color);
    font-size: 15px;
    font-weight: var(--font-weight-bold);
    padding: 5px 5px 5px 5px;
    border-radius: 12px;
}

}/* End custom CSS */
/* Start custom CSS for rec_top_sale_consultants_by_branch, class: .elementor-element-a55876b */.elementor-97 .elementor-element.elementor-element-a55876b{
    
    width:100%;
}


/**
 * استایل ویجت ۴ مشاور برتر فروش هر شعبه (اسلایدر)
 * بر اساس Design System ارائه شده
 * @version 1.0
 */

/*-----------------------------------------------------------------------------*/
/* 1. متغیرهای اصلی بر اساس Design System
/*-----------------------------------------------------------------------------*/
:root {
    --theme-bg: #000;
    --theme-surface: #1A1A1A;
    --theme-card-bg: #1F1F1F;
    --theme-card-hover-bg: #2B2B2B; /* برای افکت هاور */
    --theme-primary: #1ED2C0;
    --theme-highlight: #3FE1D1;
    --theme-text-primary: #FFFFFF;
    --theme-text-secondary: #CCCCCC;
    --theme-text-location: #AAAAAA;
    --theme-divider: #2D2D2D;
    --font-family: "IRANSans", sans-serif;
    --transition-speed: all 0.4s ease;
    --fade-transition: opacity 0.3s ease-in-out;
}

/*-----------------------------------------------------------------------------*/
/* 2. استایل کانتینر اصلی ویجت
/*-----------------------------------------------------------------------------*/
.rec-top-branch-widget {
    background-color: var(--theme-bg);
    max-width: 100%; /* مطابق layout.container.maxWidth */
    margin: 0 auto;
    padding: 24px;
    font-family: var(--font-family);
    color: var(--theme-text-primary);
    direction: rtl;
    border-radius: 20px;
    overflow: hidden; /* جلوگیری از بیرون‌زدگی عناصر */
}

/*-----------------------------------------------------------------------------*/
/* 3. استایل هدر (عنوان شعبه)
/*-----------------------------------------------------------------------------*/
.rec-widget-header-v3 {
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--theme-divider);
}

.rec-widget-title {
    font-size: 20px; /* مطابق typography.heading.fontSize */
    font-weight: 900; /* مطابق typography.heading.fontWeight */
    text-align: center; /* مطابق typography.heading.textAlign */
    color: var(--theme-text-primary);
    min-height: 30px; /* جلوگیری از پرش ارتفاع هنگام تغییر متن */
    transition: var(--fade-transition); /* برای انیمیشن محو و ظاهر شدن */
}

/*-----------------------------------------------------------------------------*/
/* 4. استایل کانتینر گرید و آیکون مرکزی
/*-----------------------------------------------------------------------------*/
.rec-consultant-grid-container {
    position: relative;
    border-radius: 16px;
    padding: 0px;
    background: #000;
}

/* آیکون کاپ قهرمانی در مرکز */
.rec-central-trophy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px; /* کمی بزرگتر برای جلوه بهتر */
    height: 48px;
    background: var(--theme-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgba(30, 210, 192, 0.4);
    z-index: 2; /* روی گرید قرار می‌گیرد */
}

.rec-central-trophy i {
    font-size: 24px;
    color: black;
}

/*-----------------------------------------------------------------------------*/
/* 5. استایل گرید و آیتم‌های مشاوران
/*-----------------------------------------------------------------------------*/
.rec-consultant-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    position: relative;
    z-index: 2;
    transition: var(--fade-transition);
}
.rec-consultant-grid-item {
    border-radius: 12px;
    padding: 16px 12px;
    display: flex;
    gap: 30px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: var(--transition-speed);
    min-height: 140px;
}

/* For every odd-numbered item (1st, 3rd, etc.) */
.rec-consultant-grid-item:nth-child(1) , .rec-consultant-grid-item:nth-child(4) {
    background: #171717; /* Red background */
}

/* For every even-numbered item (2nd, 4th, etc.) */
.rec-consultant-grid-item:nth-child(2) , .rec-consultant-grid-item:nth-child(3) {
    background: #000; /* Black background */
}

.rec-consultant-grid-item:hover {
    transform: translateY(-4px);
}

/*-----------------------------------------------------------------------------*/
/* 6. استایل اجزای داخلی کارت (آواتار و اطلاعات)
/*-----------------------------------------------------------------------------*/

/* نگهدارنده آواتار */
.rec-avatar-wrapper-v3 {
    margin-bottom: -10px;
}



/* استایل آواتار */
.rec-avatar {
    width: 56px; /* مطابق components.avatar.size */
    height: 56px;
    border-radius: 50%; /* مطابق components.avatar.borderRadius */
    object-fit: cover;
    border: 2px solid var(--theme-divider);
}
.rec-avatar-wrapper-v3 img {
    height: 60px;
    width: 60px !IMPORTANT;
    object-fit: cover;
    border-radius: 15px;
}
/* جایگزین آواتار (در صورت نبود عکس) */
.rec-avatar-placeholder {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--theme-divider);
    display: inline-block;
}

/* اطلاعات متنی (نام و شعبه) */
.rec-details-v3 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

.rec-name-v3 {
    font-size: 15px;
    font-family: 'Rokh';
    font-weight: 900;
    color: var(--theme-text-primary);
}

.rec-branch-info-v3 {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--theme-text-location);
    font-weight: 900;
    font-family: 'Rokh';
}

.rec-branch-info-v3 i {
    font-size: 14px;
    color: var(--theme-text-location);
}

.rec-avatar-wrapper-v3 img {
    height: 100px;
    width: 100px !IMPORTANT;
    object-fit: cover;
    border-radius: 15px;
}

.rec-consultant-grid-item{
    gap: 10px;
}


@media (min-width: 2400px){

 .rec-avatar-wrapper-v3 img {
    height: 150px;
    width: 150px !IMPORTANT;
    object-fit: cover;
    border-radius: 15px;
}

.rec-name-v3 {
    font-size: 20px;
    font-family: 'Rokh';
    font-weight: 900;
    color: var(--theme-text-primary);
}

    
}

@media (max-width: 1366px){

.rec-consultant-grid-item {
    border-radius: 12px;
    padding: 16px 12px;
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    transition: var(--transition-speed);
    min-height: 140px;
    justify-content: center;
}

.rec-details-v3 {
    flex-direction: column;
    align-items: center;
}
 
}

    @media only screen and (min-width: 992px) and (min-width: 1365px) {

    }


/* Responsive Adjustments */
@media (max-width: 768px) {
 
    
    
}/* End custom CSS */
/* Start custom CSS for rec_top_rent_consultants_by_branch, class: .elementor-element-b1fa5fd */.elementor-97 .elementor-element.elementor-element-b1fa5fd{
    
    width:100%;
}/* End custom CSS */
/* Start custom CSS for rec_top_rent_consultants, class: .elementor-element-4bcabdb */.elementor-97 .elementor-element.elementor-element-4bcabdb{
    width:100%;
}/* End custom CSS */