@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('https://my.98mizban.com/templates/lagom2/assets/fonts/Vazirmatn/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


 
 
  .spec-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1px 20px;
    max-width: 400px;
    margin: 0 auto;
  }

  .spec-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
  }

  .spec-item:last-child {
    border-bottom: none;
  }

.spec-icon {
  font-size: 22px;
  flex-shrink: 0;
  color: #007bff;
  transition: color 0.3s ease, transform 0.3s ease;
  cursor: default;
}

.spec-item:hover .spec-icon {
  transform: scale(1.2);
}

  .spec-text {
    flex-grow: 1;
  }

  .spec-title {
    font-weight: 700;
    color: #007bff;
    font-size: 1.05rem;
    margin-bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .flags {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-wrap: wrap;
  }

  .flag-item {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .flag-img {
    width: 26px;
    height: 18px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
  }
  

.tooltip-inner {
  background-color: #fff !important;
  color: #333 !important;
  font-family: 'Vazirmatn', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  text-align: justify;
  max-width: 260px;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #ccc !important;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #ccc !important;
}

.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #ccc !important;
}

.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #ccc !important;
}

.tooltip-icon {
  color: #999;
  font-size: 14px;
  margin-right: 0;
}

.tooltip-icon:hover {
  color: #007bff;
}


.wp-host-location {
  direction: rtl;
}

.wp-host-flag {
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.wp-host-location-list {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.8;
  font-size: 14px;
}









.lagom-dark-mode .spec-card {
    background-color: var(--dark-mode-gray-lighter-4, #303030);
    border: 1px solid var(--dark-mode-gray-lighter-3, #424242);
}

.lagom-dark-mode .spec-item {
    border-bottom: 1px solid var(--dark-mode-gray-lighter-3, #424242);
}

.lagom-dark-mode .spec-item:last-child {
    border-bottom: none;
}

.lagom-dark-mode .spec-icon {
    color: var(--dark-mode-brand-primary-lighter, #009AFF);
}

.lagom-dark-mode .spec-item:hover .spec-icon {
    transform: scale(1.2);
    color: var(--dark-mode-brand-primary, #1062fe);
}

.lagom-dark-mode .spec-title {
    color: var(--dark-mode-brand-primary-lighter, #009AFF);
}

.lagom-dark-mode .spec-text {
    color: var(--dark-mode-gray-darker, #E0E0E0);
}

.lagom-dark-mode .flag-img {
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.15);
    filter: brightness(0.9);
}

.lagom-dark-mode .tooltip-inner {
    background-color: var(--dark-mode-gray-lighter-4, #303030) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
    border: 1px solid var(--dark-mode-gray-lighter-3, #424242);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.lagom-dark-mode .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: var(--dark-mode-gray-lighter-3, #424242) !important;
}

.lagom-dark-mode .tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--dark-mode-gray-lighter-3, #424242) !important;
}

.lagom-dark-mode .tooltip.bs-tooltip-left .arrow::before {
    border-left-color: var(--dark-mode-gray-lighter-3, #424242) !important;
}

.lagom-dark-mode .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--dark-mode-gray-lighter-3, #424242) !important;
}

.lagom-dark-mode .tooltip-icon {
    color: var(--dark-mode-gray-icons, #ACAFB9);
}

.lagom-dark-mode .tooltip-icon:hover {
    color: var(--dark-mode-brand-primary-lighter, #009AFF);
}

/* استایل‌های اضافی برای متن‌ها */
.lagom-dark-mode .spec-card * {
    color: var(--dark-mode-gray-darker, #E0E0E0);
}

.lagom-dark-mode .wp-host-location,
.lagom-dark-mode .wp-host-location-list {
    color: var(--dark-mode-gray-darker, #E0E0E0);
}

/* استایل‌های برای آیکون‌های رنگی در دارک مود */
.lagom-dark-mode .spec-icon.text-success {
    color: var(--dark-mode-brand-success, #31AF4E) !important;
}

.lagom-dark-mode .spec-icon.text-danger {
    color: var(--dark-mode-brand-danger, #D92632) !important;
}

.lagom-dark-mode .spec-icon.text-primary {
    color: var(--dark-mode-brand-primary, #1062fe) !important;
}

.lagom-dark-mode .spec-icon.text-warning {
    color: var(--dark-mode-brand-warning, #EB7D00) !important;
}

.lagom-dark-mode .spec-icon.text-gray {
    color: var(--dark-mode-gray-lighter, #8C8C8C) !important;
}

.lagom-dark-mode .spec-icon.text-muted {
    color: var(--dark-mode-gray-base, #B3B3B3) !important;
}







  .lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .nav-header {
    text-align: right !important;
  }

.nav-header {
  text-align: right; /* چپ‌چین کردن محتوا */
  direction: rtl; /* تنظیم جهت چپ‌به‌راست */
}
.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .dropdown-menu-list {
  list-style: none;
  padding-right: 0; /* حذف فاصله از سمت راست */
  flex-grow: 1; /* به نسبت فضای موجود رشد می‌کند */
  flex-basis: 0; /* اندازه پایه صفر */
}

.billing-cycle-box {
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, #42A5F5, #90A4AE) !important;
    color: #fff !important;
    padding: 10px 0 !important;
    border-radius: 3px !important;
    font-weight: bold !important;
    font-size: 24px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.lagom-dark-mode .billing-cycle-box {
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, var(--dark-mode-brand-primary, #1062fe), var(--dark-mode-brand-primary-lighter, #009AFF)) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
    padding: 10px 0 !important;
    border-radius: 3px !important;
    font-weight: bold !important;
    font-size: 24px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border: 1px solid var(--dark-mode-brand-primary-lighter-2, #1D3B72) !important;
}



.alert-info {
    text-align: justify;
}
.alert-danger {
    text-align: justify;
}
.alert-warning {
    text-align: justify;
}
.alert-success {
    text-align: justify;
}
/* استایل‌های دارک مد برای آلرت‌ها */
.lagom-dark-mode .alert-info {
    background-color: rgba(0, 154, 255, 0.1) !important;
    border-color: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .alert-danger {
    background-color: rgba(217, 38, 50, 0.1) !important;
    border-color: var(--dark-mode-brand-danger, #D92632) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .alert-warning {
    background-color: rgba(235, 125, 0, 0.1) !important;
    border-color: var(--dark-mode-brand-warning, #EB7D00) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .alert-success {
    background-color: rgba(49, 175, 78, 0.1) !important;
    border-color: var(--dark-mode-brand-success, #31AF4E) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.price-left .price-title, .price-left .price-total {
  text-align: right !important;
}
/* پس‌زمینه آبی ملایم برای پاسخ کارکنان پشتیبانی */
.ticket-reply.staff {
    background-color: #f7fbff;
    border-left: 2px solid var(--brand-primary, #0c70de);
    padding: 15px;
    border-radius: 8px;
    text-align: justify !important;
}

/* استایل‌های دارک مد برای تیکت پشتیبانی */
.lagom-dark-mode .ticket-reply.staff {
    background-color: rgba(var(--brand-primary-rgb, 16, 98, 254), 0.1) !important;
    border-left: 2px solid var(--brand-primary, #1062fe) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.client-alerts .client-alerts-header {
  padding: var(--spacing-2x) var(--spacing-3x);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  color: var(--text-lighter-color);
  display: block;
  text-align: right; !important;
}

select[name="currency"] {
    display: none;
}
label[for="inputCurrency"],
select[name="currency"] {
    display: none;
}

/* تغییر چینش عنصر span برای WHMCS */
.selected-dial-code {
    direction: ltr; /* تغییر جهت نوشتار به سمت چپ به راست */
    unicode-bidi: bidi-override; /* حل مشکل چینش متن */
}
.dial-code {
    direction: ltr; /* تغییر جهت نوشتار به سمت چپ به راست */
    unicode-bidi: bidi-override; /* حل مشکل چینش متن */
}

.spotlight .tld-label {
  left:10px; !important;"
}
.lagom-dark-mode .spotlight .tld-label {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}


/* استایل فقط برای بخش خاص مربوط به ماژول اعلان‌ها در صفحه clientarea.php */
/* اعمال تغییرات فقط برای موبایل */
@media (max-width: 768px) {
    .alert.alert-lagom.alert-info .alert-body > div {
        display: flex;
        flex-direction: column; /* دکمه را به زیر متن منتقل می‌کند */
        align-items: flex-start; /* متن و دکمه را به سمت چپ تراز می‌کند */

    }

    .alert.alert-lagom.alert-info .alert-body > div .btn {
        align-self: flex-start; /* دکمه را از سمت چپ تنظیم می‌کند */
    }
}

/* استایل عمومی برای div اصلی */
.usage-stats {
    text-align: right; /* تراز کردن متن به راست */
    direction: rtl; /* تنظیم جهت متن به راست به چپ */
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

/* استایل برای متن آمار دیسک */
.usage-stats span {
    direction: ltr; !important; /* تنظیم جهت متن به راست به چپ */
    display: block; /* به صورت بلوک نمایش دادن متن */
    font-size: 16px; /* اندازه فونت */
    color: #333; /* رنگ متن */
    margin-bottom: 10px; /* فاصله پایین */
}

/* استایل برای نوار دایره‌ای */
.knob-dial {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

/* استایل برای متن آمار حجم */
.usage-stats span:last-child {
    font-size: 14px;
    color: #777;
}

/* استایل‌های دارک مد */
.lagom-dark-mode .usage-stats {
    background-color: var(--dark-mode-gray-lighter-4, #303030) !important;
    border: 1px solid var(--dark-mode-gray-lighter-3, #424242) !important;
}

.lagom-dark-mode .usage-stats span {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .usage-stats span:last-child {
    color: var(--dark-mode-gray-base, #B3B3B3) !important;
}



/* ماژول ورود با موبایل گرین  */
/* فاصله و استایل اصلی هر باکس */
.accounts .account {
    display: block; /* هر لیبل در یک خط جداگانه */
    margin-top: 5px; /* کاهش فاصله از آیتم بالایی */
    padding: 12px 15px; /* فاصله داخلی کادر */
    border: 1px solid #ddd; /* حاشیه ملایم */
    border-radius: 8px; /* گوشه‌های گرد */
    background-color: #f9f9f9; /* پس‌زمینه ملایم */
    font-size: 14px; /* اندازه متن */
    font-weight: bold; !important; /* متن داخل کادر بولد */
    cursor: pointer; /* تغییر نشانگر موس به حالت کلیک */
    transition: all 0.3s ease; /* انیمیشن برای تغییرات */
    display: flex; /* نمایش فلکس برای مدیریت بهتر */
    align-items: center; /* ترازبندی عمودی وسط */
    gap: 10px; /* فاصله بین رادیو و متن */
}

/* استایل هاور */
.accounts .account:hover {
    background-color: #e8f4ff; /* رنگ آبی روشن */
    border-color: #0c70de; /* تغییر رنگ حاشیه */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}

/* رادیو دکمه */
.accounts .account input[type="radio"] {
    appearance: none; /* حذف استایل پیش‌فرض مرورگر */
    width: 18px; /* اندازه دکمه رادیو */
    height: 18px; /* اندازه دکمه رادیو */
    border: 2px solid #0c70de; /* حاشیه آبی */
    border-radius: 50%; /* دایره کردن دکمه */
    outline: none; /* حذف خط حاشیه در فوکوس */
    cursor: pointer; /* تغییر نشانگر موس */
    position: relative;
    display: inline-block;
    margin: 0; /* حذف فاصله‌های پیش‌فرض */
}

/* افکت در حالت انتخاب */
.accounts .account input[type="radio"]:checked {
    background-color: #0c70de; /* رنگ داخل دکمه */
    border-color: #0c70de; /* رنگ حاشیه */
}

.accounts .account input[type="radio"]:checked::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ffffff; /* رنگ سفید داخل دکمه */
    border-radius: 50%; /* دایره داخلی */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lagom-dark-mode .accounts .account {
    display: block !important;
    margin-top: 5px !important;
    padding: 12px 15px !important;
    border: 1px solid var(--dark-mode-gray-lighter-3, #424242) !important;
    border-radius: 8px !important;
    background-color: var(--dark-mode-gray-lighter-4, #303030) !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .accounts .account:hover {
    background-color: rgba(0, 154, 255, 0.1) !important;
    border-color: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.lagom-dark-mode .accounts .account input[type="radio"] {
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--dark-mode-brand-primary-lighter, #009AFF) !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    margin: 0 !important;
    background-color: transparent !important;
}

.lagom-dark-mode .accounts .account:hover input[type="radio"] {
    border-color: #ffffff !important;
}

.lagom-dark-mode .accounts .account input[type="radio"]:checked {
    background-color: var(--dark-mode-brand-primary, #1062fe) !important;
    border-color: var(--dark-mode-brand-primary, #1062fe) !important;
}

.lagom-dark-mode .accounts .account input[type="radio"]:checked::after {
    content: '' !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


.lagom-dark-mode .countdown-info {
  margin-top: 15px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .countdown-container {
  background-color: var(--dark-mode-gray-lighter-4, #303030) !important;
  border: 1px solid var(--dark-mode-gray-lighter-3, #424242) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.lagom-dark-mode .countdown-circle {
  position: relative !important;
  width: 80px !important;
  height: 80px !important;
  margin: 0 auto !important;
}

.lagom-dark-mode .countdown-bg {
  fill: none !important;
  stroke: var(--dark-mode-gray-lighter-3, #424242) !important;
  stroke-width: 4 !important;
}

.lagom-dark-mode .countdown-progress {
  fill: none !important;
  stroke: url(#progressGradient) !important;
  stroke-width: 4 !important;
  stroke-linecap: round !important;
  transform: rotate(-90deg) !important;
  transform-origin: 50% 50% !important;
  transition: stroke-dashoffset 0.3s ease !important;
}

.lagom-dark-mode .countdown-content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
}

.lagom-dark-mode .countdown-number {
  font-size: 1.5rem !important;
  font-weight: bold !important;
  color: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
}

.lagom-dark-mode .countdown-label {
  margin-top: 10px !important;
  text-align: center !important;
  font-size: 0.9rem !important;
  color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .ring {
  border: 2px solid var(--dark-mode-brand-primary, #1062fe) !important;
}

.lagom-dark-mode .particle {
  background: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
}

/* آپدیت گرادینت برای دارک مد */
.lagom-dark-mode .countdown-svg stop[offset="0%"] {
  stop-color: var(--dark-mode-brand-danger, #D92632) !important;
}

.lagom-dark-mode .countdown-svg stop[offset="100%"] {
  stop-color: var(--dark-mode-brand-success, #31AF4E) !important;
}




#resend-btn.disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: scale(0.95) !important;
}

#resend-btn {
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  border-radius: var(--btn-base-border-radius) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-size: 0.9rem !important;
}
.lagom-dark-mode #resend-btn.disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: scale(0.95) !important;
  background-color: var(--dark-mode-gray-lighter-3, #424242) !important;
  color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode #resend-btn {
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  border-radius: var(--btn-base-border-radius) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-size: 0.9rem !important;
  background-color: var(--dark-mode-brand-primary, #1062fe) !important;
  color: white !important;
}


/* دکمه لیست پرداخت ها در صورتحساب ها زمانی که کاربر یک فیش دستی ثبت کرده باشد */

div.payment-btn-container a.btn-warning {
    margin-top: 10px !important; /* فاصله از بالا */
    display: inline-block; /* اطمینان از چیدمان مناسب */
    background-color: #f0ad4e !important; /* رنگ پس‌زمینه نارنجی ملایم */
    color: #ffffff !important; /* متن سفید */
    border: none !important; /* حذف مرز */
    border-radius: 5px; /* گوشه‌های گرد */
    padding: 10px 20px; /* فضای داخلی دکمه */
    font-size: 14px; /* اندازه متن */
    font-weight: bold; /* متن ضخیم‌تر */
    text-align: center; /* متن وسط‌چین */
    text-decoration: none; /* حذف خط زیر متن */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* سایه برای برجسته‌کردن */
    transition: all 0.3s ease-in-out; /* انیمیشن تغییرات نرم */
}

div.payment-btn-container a.btn-warning:hover {
    background-color: #ec971f !important; /* رنگ تیره‌تر هنگام هاور */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15); /* سایه عمیق‌تر در هاور */
    transform: translateY(-3px); /* حرکت کمی به بالا */
    color: #fff !important; /* متن سفید */
}
/* استایل‌های دارک مد برای دکمه پرداخت */
.lagom-dark-mode div.payment-btn-container a.btn-warning {
    background-color: var(--dark-mode-brand-warning, #EB7D00) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode div.payment-btn-container a.btn-warning:hover {
    background-color: var(--dark-mode-brand-warning, #D9821B) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}


.client-alerts li a div {
  text-align: justify; !important;
}


/* فقط دکمه‌های رادیوی این فرم را مخفی کن */
.custom-radio-input {
  display: none !important;
}

/* استایل کلی باکس انتخابی */
.custom-radio-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 15px !important;
  border: 2px solid #ccc !important;
  border-radius: 12px !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  background-color: #f9f9f9 !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* افکت هنگام هاور */
.custom-radio-box:hover {
  background-color: #eee !important;
  border-color: #888 !important;
}

/* افکت انتخاب‌شده */
.custom-radio-input:checked + .custom-radio-box {
  background-color: #007bff !important;
  color: white !important;
  border-color: #0056b3 !important;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3) !important;
}

/* استایل آیکن‌ها */
.custom-radio-box i {
  font-size: 20px !important;
  transition: transform 0.3s !important;
}

/* وقتی انتخاب شد آیکن یکم بزرگ‌تر بشه */
.custom-radio-input:checked + .custom-radio-box i {
  transform: scale(1.2) !important;
}
.lagom-dark-mode .custom-radio-box {
  border: 2px solid var(--dark-mode-gray-lighter-3, #424242) !important;
  background-color: var(--dark-mode-gray-lighter-4, #303030) !important;
  color: var(--dark-mode-gray-darker, #E0E0E0) !important;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.lagom-dark-mode .custom-radio-box:hover {
  background-color: var(--dark-mode-gray-lighter-3, #424242) !important;
  border-color: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
}

.lagom-dark-mode .custom-radio-input:checked + .custom-radio-box {
  background-color: var(--dark-mode-brand-primary, #1062fe) !important;
  color: white !important;
  border-color: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
  box-shadow: 0 4px 10px rgba(16, 98, 254, 0.4) !important;
}

.section-header {
    background: linear-gradient(to left, #dcdcdc 0%, #f1f1f1 100%) !important;
    padding: 12px !important;
    text-align: right !important;
    border-right: 5px solid var(--brand-primary, #0c70de);
    border-left: none !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1) !important;
    border-radius: 0px !important;
}

.section-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}
.text-lighter {
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
label[for="inputNewPassword1"] {
    float: right !important;
    margin-right: 1px !important;
}
.lagom-dark-mode .section-header {
    background: linear-gradient(to left, var(--dark-mode-gray-lighter-3, #424242) 0%, var(--dark-mode-gray-lighter-4, #303030) 100%) !important;
    border-right: 5px solid var(--brand-primary, #1062fe) !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .section-title {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .text-lighter {
    color: var(--dark-mode-gray-base, #B3B3B3) !important;
}

.lagom-dark-mode label[for="inputNewPassword1"] {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}



/* دکمه های ورود  موبایل و ایمیل در صفحه cart.php?a=checkout */


.loginm-buttons-container {
    margin: 16px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; /* این خاصیت باعث می‌شود که دکمه‌ها در موبایل روی هم قرار بگیرند */
}

.loginm-buttons-container .btn {
    flex: 1;
    min-width: 200px; /* حداقل عرض برای دکمه‌ها، که در موبایل باعث می‌شود دکمه‌ها خیلی کوچک نشوند */
}

/* هدرها در صفحه cart.php?a=checkout */
.unique-payment-header {
    background: linear-gradient(to left, #455A64 0%, #78909C 100%); /* خاکستری آبی */
    padding: 5px 12px 5px 0;
    text-align: right;
    border-right: 5px solid #263238; /* مرزبندی قوی */
    border-left: none;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); /* سایه ملایم */
    margin: 20px 0; /* فاصله‌ی بالا و پایین */
}

.unique-payment-title {
    font-size: 22px;
    margin: 0;
    color: white; /* متن سفید برای خوانایی بهتر */
}

.unique-text-lighter {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.unique2-payment-header {
    background: linear-gradient(to left, #424242 0%, #616161 100%); /* گرادیانت خاکستری تیره */
    padding: 5px 12px 5px 0;
    text-align: right;
    border-right: 5px solid #212121; /* مرزبندی قوی */
    border-left: none;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); /* سایه ملایم */
    margin: 20px 0; /* فاصله‌ی بالا و پایین */
}

.unique2-payment-title {
    font-size: 22px;
    margin: 0;
    color: white; /* متن سفید برای خوانایی بهتر */
}

.unique2-text-lighter {
    font-size: 12px;
    font-weight: 600;
    margin: -10px 0 0 0;
}

/* استایل‌های دارک مد */
.lagom-dark-mode .unique-payment-header {
    background: linear-gradient(to left, var(--dark-mode-gray-lighter-3, #424242) 0%, var(--dark-mode-gray-lighter-2, #555555) 100%) !important;
    border-right: 5px solid var(--dark-mode-brand-primary, #1062fe) !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.lagom-dark-mode .unique-payment-title {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .unique-text-lighter {
    color: var(--dark-mode-gray-base, #B3B3B3) !important;
}

.lagom-dark-mode .unique2-payment-header {
    background: linear-gradient(to left, var(--dark-mode-gray-lighter-4, #303030) 0%, var(--dark-mode-gray-lighter-3, #424242) 100%) !important;
    border-right: 5px solid var(--dark-mode-brand-primary-lighter, #009AFF) !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.lagom-dark-mode .unique2-payment-title {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .unique2-text-lighter {
    color: var(--dark-mode-gray-base, #B3B3B3) !important;
}

.client-home-alerts .elooo .alert-actions {
    display: flex;
    align-items: center;
    gap: 4px; /* فاصله بین دکمه‌ها */
    flex-wrap: wrap; /* دکمه‌ها در موبایل به خط بعد میرن */
    justify-content: flex-end;
}

.client-home-alerts .elooo .alert-actions .btn-icon i {
    font-size: 20px; /* افزایش اندازه آیکون */
    line-height: 1;
}

/* در موبایل دکمه‌ها به خط بعد برن */
@media (max-width: 576px) {
    .client-home-alerts .elooo .alert-actions {
        flex-direction: column;
        align-items: center;
    }
}

.sidebar-primary .panel-client-details .client-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* اطمینان از استفاده کامل از فضای موجود */
}

.sidebar-primary .panel-client-details .client-avatar img {
    display: block;
    max-width: 100%; /* جلوگیری از بزرگ‌تر شدن تصویر */
    height: auto;
    border-radius: 20%; /* اگر می‌خواهی عکس دایره‌ای بشه */
}
.dropdown-header--account {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px; /* فاصله بین آیکون و متن */
}

.dropdown-header--account .client-avatar {
    margin: 0;
    padding: 0;
    flex-shrink: 0; /* جلوگیری از کوچک شدن */
}

.dropdown-header--account .client-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.dropdown-header--account .dropdown-header-info {
    flex-grow: 1;
    text-align: right; /* راست‌چین شدن متن */
}
form[action^="way2pay.php"] {
    margin-top: 20px !important; /* فاصله از بالا */
}



.panel-footer i {
  margin-left: 6px; /* فاصله سمت چپ آیکن از متن */
  font-size: 14px;  /* اگه خواستی می‌تونی سایز آیکن رو هم تنظیم کنی */
  vertical-align: middle; /* هم‌ترازی بهتر با متن */
}
.lagom-dark-mode .panel-footer {
    border-color: var(--dark-mode-gray-lighter-3, #424242) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.package-side-left .price-amount {
  font-size: 30px;
}

/* کاری میکنیم عدد به صورت LTR بمونه */
.kbs strong {
  direction: rtl;
  unicode-bidi: embed;
}
.lagom-dark-mode .kbs strong {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}
.sms-list {
    text-align: right; /* راست‌چین شدن متن */
}
.lagom-dark-mode .sms-list {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

/* استایل‌های دارک مد برای شماره کاربری */
.client-id-number {
    color:black !important;
    font-size: 16px !important;
}
.lagom-dark-mode .custom-client-id-alert {
    background-color: var(--dark-mode-brand-warning, #EB7D00) !important;
    border-color: var(--dark-mode-brand-warning, #EB7D00) !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
}

.lagom-dark-mode .client-id-number {
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
    font-size: 16px !important;
}

.lagom-dark-mode .client-id-separator {
    background-color: var(--dark-mode-gray-lighter-3, #424242) !important;
}


.fa-test, .lm-basket {
    margin-left: 5px !important; /* فاصله از سمت چپ آیکون */
}

#Secondary_Navbar-02191013598 .fa-phone {
    margin-left: 5px !important;
}





/* تنظیمات dropdown و inputهای دامنه */
.panel-domain-search .inline-form-element .dropdown {
    direction: ltr;
}

.panel-domain-search .inline-form-element .dropdown-menu {
    text-align: right;
    left: auto !important;
    right: 0 !important;
    direction: ltr;
}

.panel-domain-search .inline-form-element .dropdown-menu-item a {
    display: block;
    padding: 8px 15px;
    direction: ltr;
}

.panel-domain-search .inline-form-element .tld-select {
    position: relative;
    width: 100%;
}

.panel-domain-search .inline-form-element [data-dropdown-select-value-view] {
    display: block;
    text-align: right;
    direction: ltr;
    padding-right: 20px;
}

.panel-domain-search .inline-form-element .caret {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
}

/* تنظیم inputهای پسوند (چپ‌چین کامل) */
#owndomaintld {
    direction: ltr;
    text-align: left;
}

/* تنظیم همه inputهای نام دامنه */
.panel-domain-search .form-control.input-lg[type="text"] {
    text-align: left;
}

#owndomainsld::placeholder,
#registersld::placeholder,
#transfersld::placeholder,
#subdomainsld::placeholder,
[data-dropdown-select-search]::placeholder {
    direction: rtl;
    text-align: right;
}

/* برای موبایل */
@media (max-width: 768px) {
    .panel-domain-search .inline-form-element .dropdown,
    .panel-domain-search .inline-form-element .dropdown-toggle,
    .panel-domain-search .inline-form-element .tld-select {
        width: 100%;
    }
}

.addons-configureproduct {
background: linear-gradient(90deg, #f8f9fa, #e9ecef); padding: 10px; border-radius: 5px; margin: 5px 0 25px 0; font-size: 18px;
}
.lagom-dark-mode .addons-configureproduct {
    background: linear-gradient(90deg, var(--dark-mode-gray-lighter-4, #303030), var(--dark-mode-gray-lighter-3, #424242)) !important;
    padding: 10px !important;
    border-radius: 5px !important;
    margin: 5px 0 25px 0 !important;
    font-size: 18px !important;
    color: var(--dark-mode-gray-darker, #E0E0E0) !important;
    border: 1px solid var(--dark-mode-gray-lighter-3, #424242) !important;
}

/* حالت روز */
.offer-pricing-configureproduct {
display:block;
background: linear-gradient(135deg, #1E3A8A, #42A5F5);
color: white;
padding: 1px;
margin: 15px 0 0 0;
border-radius: 1px;
font-size: 13px;
text-align: center;
}

/* حالت شب - بدون پس‌زمینه */
.lagom-dark-mode .offer-pricing-configureproduct {
    background: none !important;
    color: var(--dark-mode-brand-primary-lighter, #009AFF) !important;
    border: 1px solid var(--dark-mode-brand-primary-lighter, #009AFF) !important;
}








/* حالت روز */
.pricing-cycle-badge {
    display: block;
    background: linear-gradient(135deg, #42A5F5, #90A4AE);
    color: white;
    padding: 8px 0;
    margin: 5px 0;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.setup-fee-plus {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.setup-fee-amount {
    font-size: 16px;
    font-weight: bold;
}

.setup-fee-note {
    margin: 5px 0 -20px 0;
    color: #b0b0b0;
    font-size: 13px;
}

/* حالت شب - بدون پس‌زمینه */
.lagom-dark-mode .pricing-cycle-badge {
    background: none;
    color: var(--dark-mode-brand-primary-lighter, #009AFF);
    border: 1px solid var(--dark-mode-brand-primary-lighter, #009AFF);
}

.lagom-dark-mode .setup-fee-note {
    color: var(--dark-mode-gray-base, #B3B3B3);
}

/* دکمه ایجاد ایمیل در بخش سرویس های سی پنل در پروفایل کاربر  */
/* هدف‌گیری اینپوت ایمیل در پنل مشخص */
#cPanelQuickEmailPanel .form-group.col-sm-6:first-child .input-group {
  flex-direction: row-reverse !important;
}

/* تنظیم border-radius برای اینپوت ایمیل */
#cPanelQuickEmailPanel .form-group.col-sm-6:first-child .input-group .form-control {
border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* تنظیم border-radius برای دامنه ایمیل */
#cPanelQuickEmailPanel .form-group.col-sm-6:first-child .input-group .input-group-addon {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-right: 1px solid #ced4da !important;
  border-left: 0 !important;
  direction: ltr;
}
/* اینپوت رمز */
#frmCreateEmailAccount .form-group.col-sm-6:last-child .input-group .form-control[name="email_pw"] {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* دکمه ایجاد */
#frmCreateEmailAccount .form-group.col-sm-6:last-child .input-group .input-group-append .btn {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* صفحه cart.php?gid=addons */
/* استفاده از فرم اصلی */
form.package.package-sm.package-left.package-addons .package-title {
  text-align: right !important;
}

form.package.package-sm.package-left.package-addons .package-content {
  text-align: right !important;
}

form.package.package-sm.package-left.package-addons .price-cycle {
  text-align: right !important;
  padding: 15px 0 0 25px;
}
/* چپ چین کردن کل div */
.package.package-sm.package-left.package-addons .package-select {
  text-align: left !important;
  direction: ltr !important;
}

/* چپ چین کردن select */
.package.package-sm.package-left.package-addons .package-select .form-control {
  text-align: left !important;
  direction: ltr !important;
}

/* چپ چین کردن option ها */
.package.package-sm.package-left.package-addons .package-select option {
  text-align: left !important;
  direction: ltr !important;
}
/* صفحه cart.php?gid=addons */


ul.top-nav {
  margin-top: 8px !important;
}

/* فقط در باکس sticky-content اعمال می‌شود */
.container .sticky-content #cartItemCount {
  margin-left: 8px; /* فاصله عدد از نوشته */
  vertical-align: middle; /* هم‌تراز وسط برای هماهنگی با متن */
}
/* ایزوله: فقط لیبل‌ها و اینپوت‌های NameServer */
.form-group label[for^="inputNs"],
.form-group input[id^="inputNs"] {
  direction: ltr !important;
  text-align: left !important;
}

/* اطمینان از نمایش بلوکی لیبل (اگر فلوت یا inline باشد) */
.form-group label[for^="inputNs"] {
  display: block !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  unicode-bidi: embed !important; /* کمک می‌کند جهت درست رعایت شود */
}

/* راست چین کردن placeholder در فیلد input */
#fields2::placeholder {
    text-align: left;
    direction: ltr;
}

#passwordStrengthTextLabel {
    padding-right: 10px;
}













/* استایل آدرس در صفحه تسویه حساب */
/* ============================= */
/* Lagom2 Checkout Address – FINAL CLEAN VERSION WITH BG */
/* ============================= */

/* استایل اصلی آدرس */
.panel-collapse.collapse.show .panel-body address,
.panel-collapse[data-input-collapse] .panel-body address {
    direction: ltr !important;
    text-align: right !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
    background-color: rgba(248, 249, 250, 0.7) !important;
    border-radius: 6px !important;
    border: 1px solid rgba(222, 226, 230, 0.5) !important;
}

/* استایل هر آیتم - همه یک رنگ border */
.panel-collapse.collapse.show .panel-body .address-item,
.panel-collapse[data-input-collapse] .panel-body .address-item {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--card-bg, #ffffff) !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    border: 1px solid var(--border-color, #e6e6e6) !important;
    border-right: 4px solid #4e54c8 !important;
    text-align: right !important;
    transition: all 0.2s ease !important;
    margin-bottom: 4px !important;
}

/* اولین آیتم (ایمیل) فاصله از بالا */
.panel-collapse.collapse.show .panel-body .address-item:first-child,
.panel-collapse[data-input-collapse] .panel-body .address-item:first-child {
    margin-top: 12px !important; /* فاصله از بالای باکس طوسی */
}

/* آخرین آیتم فاصله نداشته باشد */
.panel-collapse.collapse.show .panel-body .address-item:last-child,
.panel-collapse[data-input-collapse] .panel-body .address-item:last-child {
    margin-bottom: 0 !important;
}

/* هاور افکت ساده */
.panel-collapse.collapse.show .panel-body .address-item:hover,
.panel-collapse[data-input-collapse] .panel-body .address-item:hover {
    border-color: #4e54c8 !important;
    box-shadow: 0 2px 5px rgba(78, 84, 200, 0.2) !important;
}

/* موبایل */
@media (max-width: 768px) {
    .panel-collapse.collapse.show .panel-body .address-item,
    .panel-collapse[data-input-collapse] .panel-body .address-item {
        padding: 3px 6px !important;
        margin-bottom: 1px !important;
        font-size: 90% !important;
    }
}

/* Dark Mode */
.lagom-dark-mode .panel-collapse.collapse.show .panel-body address,
.lagom-dark-mode .panel-collapse[data-input-collapse] .panel-body address,
body.dark-mode .panel-collapse.collapse.show .panel-body address,
body.dark-mode .panel-collapse[data-input-collapse] .panel-body address,
.dark .panel-collapse.collapse.show .panel-body address,
.dark .panel-collapse[data-input-collapse] .panel-body address {
    background-color: rgba(55, 65, 81, 0.3) !important;
    border-color: rgba(75, 85, 99, 0.5) !important;
}


.main-header-top .search-group > button.btn.btn-outline {
    color: #fff !important;        /* رنگ متن در حالت عادی */
}
.main-header-top .search-group > button.btn.btn-outline:hover {
    color: #000 !important;        /* رنگ متن هنگام هاور (در صورت نیاز) */
}

.alert-actions {
  display: flex !important; 
  align-items: center !important; 
}
.panel-ticket-reply .input-group-preicon .input-group-prepend {
  padding: 10px 10px 10px 0 !important; 
}

/* فقط برای پاراگراف‌های داخل این منوی دراپ‌داون */
.dropdown-menu.dropdown-list .dropdown-list-item .item-desc p {
    text-align: justify;
    direction: rtl;
}




/* فقط روی dropdown مخصوص محصول مرتبط تأثیر می‌گذارد */
.form-group.col-md-6.mb-0 .dropdown-menu.show,
.related-product-dropdown .dropdown-menu.show {
    text-align: right !important;
    direction: rtl !important;
    left: auto !important;
    right: 0 !important;
}

/* راست‌چین کردن آیتم‌ها - بدون space-between */
.form-group.col-md-6.mb-0 .dropdown-menu.show .dropdown-list-item,
.related-product-dropdown .dropdown-menu.show .dropdown-list-item {
    text-align: right !important;
    direction: rtl !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
}

/* راست‌چین کردن بخش جستجو */
.form-group.col-md-6.mb-0 .dropdown-header,
.related-product-dropdown .dropdown-header {
    direction: rtl !important;
    text-align: right !important;
}

/* راست‌چین کردن متن آیتم‌ها */
.form-group.col-md-6.mb-0 .related-item,
.related-product-dropdown .related-item {
    text-align: right !important;
    direction: rtl !important;
}

/* وسط چین کردن لیبل وضعیت */
.form-group.col-md-6.mb-0 .dropdown-list-item .label,
.related-product-dropdown .dropdown-list-item .label {
    margin-right: auto !important;
    margin-left: 0 !important;
    text-align: center !important;
    min-width: 70px !important;
}

/* آیکون جستجو سمت راست */
.form-group.col-md-6.mb-0 .input-group-icon,
.related-product-dropdown .input-group-icon {
    order: 1 !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* فیلد جستجو */
.form-group.col-md-6.mb-0 .form-control[data-dropdown-menu-search-input],
.related-product-dropdown .form-control[data-dropdown-menu-search-input] {
    text-align: right !important;
    direction: rtl !important;
}

.promo-code-description i.ls-addon {
    margin-left: 6px;
}