/* =========================
   0) متغیرهای پایه
   ========================= */
:root {
    /* فیلدهای فرم */
    --input-border-radius: 1.625rem;
    --form-control-radius: 1.625rem;

    /* دکمه‌ها (Lagom) */
    --btn-base-border-radius: var(--input-border-radius);
    --btn-lg-border-radius: var(--input-border-radius);
    --btn-xlg-border-radius: var(--input-border-radius);

    /* بلاک‌ها و کارت‌ها */
    --lg-block-radius: 24px;
    --pu-block-radius: 24px;
    --pu-product-radius: 24px;
}

/* =========================
   1) فرم‌ها و فیلدها
   ========================= */

/* فاصله دادن متن از فلش در select در حالت RTL */
html[dir="rtl"] select.form-control:not([multiple]),
html[dir="rtl"] .input-group select.form-control:not([multiple]) {
    padding-right: 2.5rem;
}

/* فیلدهای فرم Lagom */
body .form-control,
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="search"],
body input[type="tel"],
body select,
body textarea {
    border-radius: var(--input-border-radius) !important;
}

/* دکمه‌ها */
body .btn,
body .btn-primary,
body .btn-secondary,
body .btn-outline-primary,
body .btn-outline-secondary {
    border-radius: var(--input-border-radius) !important;
}

/* =========================
   2) بلاک‌ها و پنل‌ها (۲۴px)
   ========================= */

/* پنل‌ها و کارت‌های عمومی */
body .panel,
body .panel.panel-default,
body .panel.panel-minimal,
body .panel.panel-card,
body .panel.panel-lg,
body .card,
body .card-panel,
body .lg-box,
body .lg-box--panel,
body .lg-widget,
body .client-home-panels .panel,
body .section--panel,
body .product-box,
body .order-summary,
body .service-box {
    border-radius: var(--lg-block-radius) !important;
}

/* داشبورد و باکس‌های «داده‌ای وجود ندارد» */
body a.tile,
body .tile,
body .main-content .message,
body .main-content .message-no-data {
    border-radius: var(--pu-block-radius) !important;
    overflow: hidden;
}

/* صفحات ورود/ثبت‌نام */
body .auth-page .panel,
body .auth-page .card,
body .auth-page .login-wrapper,
body .auth-page .register-wrapper,
body .lg-auth-box,
body .login-page .panel,
body .login-page .card,
body .login-wrapper,
body .login-body,
body .login-body.register,
body .login-body .section {
    border-radius: var(--pu-block-radius) !important;
    overflow: hidden;
}

/* =========================
   3) محصولات و بخش مالی
   ========================= */

/* کارت‌های محصولات (store) */
body .package {
    border-radius: var(--pu-product-radius) !important;
    overflow: hidden !important;
}

/* سایدبار مالی (لیست فاکتورها و ...) */
body .sidebar .panel,
body .panel.panel-sidebar {
    border-radius: var(--pu-block-radius) !important;
    overflow: hidden !important;
}

/* باکس اصلی جدول فاکتورها */
body .table-container.table-container-ajax {
    border-radius: var(--pu-block-radius) !important;
    overflow: hidden !important;
}

/* خود جدول داخل باکس نیازی به گردی ندارد */
body .table-container.table-container-ajax table.table {
    border-radius: 0 !important;
}

/* =========================
   4) دراپ‌داون‌های فرم ارسال تیکت
   ========================= */

/* گرد کردن همه toggleهای dropdown (دپارتمان، اولویت، محصول مرتبط و ...) */
.dropdown-toggle,
.dropdown-select-list > .dropdown-toggle,
.dropdown.dropdown-select > .dropdown-toggle,
.dropdown-select-block > .dropdown-toggle,
.dropdown-select-list.related-product-dropdown > .dropdown-toggle {
    border-radius: var(--pu-block-radius) !important;
}

/* منوی بازشونده دپارتمان و محصول مرتبط */
.department-dropdown .dropdown-menu,
.related-product-dropdown .dropdown-menu {
    border-radius: var(--pu-block-radius) !important;
    z-index: 2050 !important;
}

/* =========================
   5) باکس پیشنهادهای پایگاه دانش کنار فرم تیکت
   ========================= */

body .kb-suggestion-form,
body .kb-suggestion-form .search-field,
body .kb-suggestion-form .search-field-results,
body .kb-articles {
    border-radius: var(--pu-block-radius) !important;
    overflow: hidden !important;
}

/* =========================
   6) رفع مشکل باز نشدن کامل منوهای کشویی
   ========================= */

/* خود dropdownها اجازه داشته باشند از باکس بیرون بزنند */
.dropdown,
.dropdown-select,
.dropdown-select-list,
.dropdown-toggle,
.department-dropdown,
.related-product-dropdown {
    overflow: visible !important;
}

/* کانتینرهای اصلی داخل ناحیه main-content هم نباید dropdown را ببُرند */
.main-content .panel,
.main-content .panel-body,
.main-content .section--panel,
.main-content .lg-box,
.main-content .lg-widget {
    overflow: visible !important;
}

/* =========================
   کارت‌های صفحه مشخصات محصول
   ========================= */

/* کارت آبی بالای صفحه + باکس اطلاعات سمت چپ */
body .product-icon,
body .product-info {
    border-radius: var(--pu-block-radius) !important; /* 24px */
    overflow: hidden !important;                      /* برای اینکه گوشه‌های داخل هم بریده شود */
}

/* هشدار واریز (مبلغ شارژ به سادگی...) */
body .alert-panel {
    border-radius: var(--pu-block-radius) !important; /* 24px */
    overflow: hidden !important;
}

/* فاصله‌ی باکس "مبلغ شارژ..." از باکس بالایی در صفحه واریز */
body.clientarea-addfunds .alert.alert-panel {
    margin-top: 1.5rem;   /* اگر خواستی بیشتر/کمترش کن */
}

/* کارت اصلی صفحه مشاهده صورتحساب */
body .invoice {
    border-radius: var(--pu-block-radius) !important;  /* 24px */
    overflow: hidden !important;
    background: #fff; /* اگر خودش پس‌زمینه ندارد */
}

/* خود سکشن‌های داخل صورتحساب گرد نشن، فقط کارت اصلی */
body .invoice .section {
    border-radius: 0 !important;
}

/* گرد کردن همه‌ی پیام‌های هشدار / اطلاع‌رسانی در کل ناحیه کاربری */
body .alert {
    border-radius: var(--pu-block-radius) !important; /* همان 24px */
    overflow: hidden; /* برای هماهنگی گوشه‌های داخل */
}

/* گرد کردن alertهای داخل تب‌ها (Single Sign-On و مشابه) */
body .tab .alert,
body .tab-boxed .alert,
body .tab .alert.alert-lagom,
body .tab-boxed .alert.alert-lagom {
    border-radius: var(--pu-block-radius) !important; /* 24px */
    overflow: hidden;
}

/* گرد کردن تمام مودال‌ها (پنجره‌های پاپ‌آپ) */
body .modal-content,
body .modal .modal-content,
body .modal-dialog .modal-content {
    border-radius: var(--pu-block-radius) !important; /* 24px */
    overflow: hidden; /* تا گوشه‌های داخل هم بریده شوند */
}

/* فاصله و چیدمان تیترهای فرم ثبت‌نام */
.auth-page .section-title,
.register-page .section-title,
.register .section-title {
    margin-top: 2rem;        /* فاصله از سکشن قبلی */
    margin-bottom: 1rem;     /* فاصله از فیلدهای زیر تیتر */
}

html[dir="rtl"] .auth-page .section-title,
html[dir="rtl"] .register-page .section-title,
html[dir="rtl"] .register .section-title {
    padding-right: 0.5rem;   /* کمی فاصله از سمت راست برای فارسی */
}

/* =========================
   تنظیم ظاهر آپشن‌های قابل‌پیکربندی VPS
   ========================= */

/* کانتینر اصلی آپشن‌ها را گرید کن */
#productConfigurableOptions {
    display: grid;
    grid-template-columns: 1fr;      /* موبایل: تک‌ستونه */
    row-gap: 1rem;
}

/* هشدار بالای فرم (نیازی به Hostname و پسورد نیست) تمام عرض باشد */
#productConfigurableOptions > .lagom-os-note-auto {
    grid-column: 1 / -1;
    margin-bottom: 0.5rem;
}

/* دسکتاپ: دو ستون کنار هم */
@media (min-width: 992px) {
    #productConfigurableOptions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1.25rem;
        row-gap: 1.25rem;
    }
}

/* هر آپشن (RAM, CPU, IPv4, Disk) مثل یک کارت کوتاه */
#productConfigurableOptions > .section {
    margin: 0;                        /* فاصله عمودی زیاد حذف شود */
}

#productConfigurableOptions > .section .section-header {
    margin-bottom: 0.5rem;
}

#productConfigurableOptions > .section .section-title {
    font-size: 0.95rem;
    font-weight: 600;
}

/* خود باکس انتخاب داخل هر کارت */
#productConfigurableOptions > .section .panel.panel-form {
    border-radius: var(--pu-block-radius) !important;  /* همان 24px */
    box-shadow: 0 10px 30px rgba(15,23,42,.04);
    border: 1px solid rgba(148,163,184,.2);
    margin: 0;
}

#productConfigurableOptions > .section .panel.panel-form .panel-body {
    padding: 0.75rem 1rem;
}

/* کامبوبا‌کس‌ها کوتاه و قرصی */
#productConfigurableOptions select.form-control {
    height: 42px;
    border-radius: 999px !important;
    font-size: 0.92rem;
}

/* =========================
   سکشن "اطلاعات تکمیلی" (OS و بقیه فیلدهای سفارشی)
   ========================= */

/* سکشنی که بلافاصله بعد از آپشن‌های محصول می‌آید را کارت کن */
.product-configurable-options + .section {
    margin-top: 1.5rem;
    padding: 1.25rem 1.75rem;
    border-radius: var(--pu-block-radius) !important;
    border: 1px solid rgba(148,163,184,.25);
    box-shadow: 0 10px 30px rgba(15,23,42,.04);
    background: #fff;
}

.product-configurable-options + .section .section-header {
    margin-bottom: 0.75rem;
}

.product-configurable-options + .section .section-title {
    font-size: 1rem;
    font-weight: 600;
}

/* خود فرم داخل اطلاعات تکمیلی */
.product-configurable-options + .section .panel.panel-form {
    border-radius: var(--pu-block-radius) !important;
    border: none;
    margin: 0;
}

.product-configurable-options + .section .panel.panel-form .panel-body {
    padding: 0.75rem 1rem;
}

/* فاصله بین فیلدهای داخل این کارت کمتر شود */
.product-configurable-options + .section .form-group {
    margin-bottom: 0.75rem;
}

/* ========== صفحه ثبت دامنه – گرد کردن المان‌ها ========== */

/* 1) جعبه جستجوی دامنه بالا */
.search-box.search-box-primary .domain-search-input.search-group.search-group-lg {
    border-radius: 9999px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.search-box.search-box-primary .domain-search-input .search-field {
    border-radius: 9999px 0 0 9999px;
    overflow: hidden;
}

.search-box.search-box-primary .domain-search-input .search-field .form-control {
    border-radius: inherit;
    border: 0;
}

.search-box.search-box-primary .domain-search-input .search-group-btn .btn {
    border-radius: 0 9999px 9999px 0;
}

/* 2) کارت‌های پسوندهای ویژه (.com / .net و …) */
.featured-tld {
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    padding: 24px;
    border: 1px solid #e5e7eb;
}

/* اگر وسط دو کارت خط عمودی خاکستری می‌بینی، کمی فاصله بده */
.swiper-wrapper .swiper-slide {
    padding: 0 8px;
}

/* 3) بلوک لیست قیمت پسوندها (جدول بزرگ پایین) */
.tld-table.table-container {
    border-radius: 24px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    border: 1px solid #e5e7eb;
}

.tld-table.table-container .listtable {
    border-radius: inherit;
    overflow: hidden;
}

/* حذف فاصله‌ی پایین جدول تا لبه‌ی کارت */
.tld-table.table-container .table {
    margin-bottom: 0;
}

/* کارت تأیید سفارش – گرد کردن گوشه‌ها */
.message.message-lg {
    border-radius: 16px !important;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .06);
}

/* AutoPay – تب «سرویس ها» را قرص‌شکل کن */
ul.nav.nav-pills > li > a {
    border-radius: 999px !important;
    padding: 0.55rem 1.8rem; /* اگر زیاد بود می‌توانی کمترش کنی */
}

/* باکس‌های انتخاب حساب کاربری (جزئیات مالی) را مثل کارت گرد کن */
.section-body .panel-group.panel-group-condensed .panel.panel-check {
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    overflow: hidden; /* تا گوشه‌های داخل هم گرد دیده شود */
    background: #fff;
}

/* بین چند پنل کمی فاصله بده */
.section-body .panel-group.panel-group-condensed .panel.panel-check + .panel.panel-check {
    margin-top: 16px;
}

/* فیکس بریدن عنوان "اطلاعات تیکت" در سایدبار تیکت‌ها */
.sidebar.sidebar-primary .panel-ticket-information .panel-heading {
    padding-top: 14px;
    padding-bottom: 10px;
    overflow: visible;
}

.sidebar.sidebar-primary .panel-ticket-information .panel-title {
    margin: 0;
    line-height: 1.5;
}

/* گرد کردن باکس پیام‌های تیکت در لاگوم */
.section-body .ticket-reply {
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    padding: 16px 18px;
}

/* اگر خواستی جدا برای هدر و متن هم نرم‌تر بشود */
.section-body .ticket-reply .ticket-reply-top {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.section-body .ticket-reply .ticket-reply-message {
    margin: 0;
}

/* پهن‌تر کردن نوار رنگی در alert های لاگوم (RTL) */
.alert.alert-lagom {
    border-right-width: 15px;   /* مقدار دلخواه؛ مثلا 6، 8 یا 10px */
}

/* اگر جایی قالب LTR شد، نوار سمت چپ باشد */
html[dir="ltr"] .alert.alert-lagom {
    border-right-width: 0;
    border-left-width: 10px;
}

/* حذف هاله‌ی مربعی پشت هشدارهای صفحه‌ی داشبورد */
.client-home-alerts.alert-group {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* KB Tag Cloud heading */
.panel-kb-tags .panel-heading {
    padding-top: 14px;
    padding-bottom: 10px;
}

.panel-kb-tags .panel-heading .panel-title {
    display: flex;
    align-items: center;   /* آیکون و متن هم‌ارتفاع */
}

/* فاصله‌ی بین آیکون ابر و متن ابر تگ‌ها */
.panel-kb-tags .panel-heading .panel-title > i.fa-cloud {
    margin-left: .5rem;
}

/* جابه‌جا نشدن فلش مینیمایز */
html[dir="rtl"] .panel-kb-tags .panel-heading .panel-title .panel-minimise {
    margin-right: auto;
}

/* فاصله و چیدمان آیکون‌ها و متن مشخصات پلن */
.product-info .product-specs {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.product-info .product-specs .spec-item {
    display: flex;
    align-items: center;   /* آیکون و متن در یک خط و وسط عمودی */
    gap: .35rem;
    margin-bottom: .25rem;
}

.product-info .product-specs .spec-item i {
    flex: 0 0 auto;
    margin-left: .4rem;    /* کمی فاصله بین آیکون و متن در حالت پایه */
}

/* 1) درست شدن عنوان های سایدبار مثل "ابر تگ ها" و "تیکت های اخیر شما" */
.sidebar.sidebar-primary .panel.panel-sidebar .panel-heading .panel-title,
.sidebar.sidebar-secondary .panel.panel-sidebar .panel-heading .panel-title {
    display: block;              /* لغو flex قبلی */
    line-height: 1.6;
}

.sidebar.sidebar-primary .panel.panel-sidebar .panel-heading .panel-title > i,
.sidebar.sidebar-secondary .panel.panel-sidebar .panel-heading .panel-title > i {
    vertical-align: middle;      /* آیکن و متن هم‌تراز شوند */
}

/* 2) تنظیم آیکن و متن مشخصات سرویس در صفحه confproduct – حالت RTL */
html[dir="rtl"] .product-info .product-specs .spec-item i {
    margin-left: .5rem !important;
    margin-right: 0 !important;
    vertical-align: middle;
}

.list-group-item .category-flag {
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    object-fit: cover;
    display: inline-block;
    vertical-align: middle;
}

/* =========================
   گرد کردن دکمه چشم (نمایش/مخفی پسورد)
   ========================= */

/* خود دکمه */
.input-group .input-group-text.input-password-hide{
  border-radius: 0 !important;
}

/* RTL: دکمه معمولاً سمت چپ دیده می‌شود */
html[dir="rtl"] .input-group .input-group-text.input-password-hide{
  border-top-left-radius: var(--input-border-radius) !important;
  border-bottom-left-radius: var(--input-border-radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important; /* جلوگیری از دوبل شدن خط بین دکمه و فیلد */
}

/* LTR */
html[dir="ltr"] .input-group .input-group-text.input-password-hide{
  border-top-right-radius: var(--input-border-radius) !important;
  border-bottom-right-radius: var(--input-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important;
}

/* اگر :has پشتیبانی شود، گوشه‌ی داخلی فیلد کنار دکمه هم صفر می‌شود (نتیجه تمیزتر) */
@supports selector(.x:has(.y)) {
  html[dir="rtl"] .input-group:has(.input-password-hide) > .form-control{
    border-top-right-radius: var(--input-border-radius) !important;
    border-bottom-right-radius: var(--input-border-radius) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  html[dir="ltr"] .input-group:has(.input-password-hide) > .form-control{
    border-top-left-radius: var(--input-border-radius) !important;
    border-bottom-left-radius: var(--input-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

/* ====== Lagom2: Category icon for Email Hosting (store/email-hosting) ====== */
a.list-group-item[href="/index.php/store/email-hosting"] > i.ls,
a.list-group-item[href="/index.php/store/email-hosting"] > i[class*="ls-"]{
    display: none !important;
}

a.list-group-item[href="/index.php/store/email-hosting"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/germany.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for russia vps  ====== */
a.list-group-item[href="/index.php/store/saint-petersburg"] > i.ls,
a.list-group-item[href="/index.php/store/saint-petersburg"] > i[class*="ls-"]{
    display: none !important;
}

a.list-group-item[href="/index.php/store/saint-petersburg"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/russia.svg") center/cover no-repeat;
}
/* ====== Lagom2: Category icon for Turkey VPS ====== */
a.list-group-item[href="/index.php/store/turkey-vps"] > i.ls,
a.list-group-item[href="/index.php/store/turkey-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/turkey-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/turkey.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for Italy VPS ====== */
a.list-group-item[href="/index.php/store/italy-vps"] > i.ls,
a.list-group-item[href="/index.php/store/italy-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/italy-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/italy.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for Armenia VPS ====== */
a.list-group-item[href="/index.php/store/armenia-vps"] > i.ls,
a.list-group-item[href="/index.php/store/armenia-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/armenia-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/armenia.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for France VPS ====== */
a.list-group-item[href="/index.php/store/france-vps"] > i.ls,
a.list-group-item[href="/index.php/store/france-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/france-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/france.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for Poland VPS ====== */
a.list-group-item[href="/index.php/store/poland-vps"] > i.ls,
a.list-group-item[href="/index.php/store/poland-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/poland-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/poland.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for Russia VPS - Moscow ====== */
a.list-group-item[href="/index.php/store/moscow"] > i.ls,
a.list-group-item[href="/index.php/store/moscow"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/moscow"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/russia.svg") center/cover no-repeat;
}
/* ====== Lagom2: Category icon for UAE VPS  ====== */
a.list-group-item[href="/index.php/store/uae-vps"] > i.ls,
a.list-group-item[href="/index.php/store/uae-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/uae-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/uae.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for Spain VPS  ====== */
a.list-group-item[href="/index.php/store/spain-vps"] > i.ls,
a.list-group-item[href="/index.php/store/spain-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/spain-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/spain.svg") center/cover no-repeat;
}
/* ====== Lagom2: Category icon for portugal VPS  ====== */
a.list-group-item[href="/index.php/store/portugal-vps"] > i.ls,
a.list-group-item[href="/index.php/store/portugal-vps"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/portugal-vps"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/portugal.svg") center/cover no-repeat;
}
/* ====== Lagom2: Category icon for Netherlands  VPS ====== */
a.list-group-item[href="/index.php/store/netherlands"] > i.ls,
a.list-group-item[href="/index.php/store/netherlands"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/netherlands"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/netherlands.svg") center/cover no-repeat;
}
/* ====== Lagom2: Category icon for DNS Service  ====== */
a.list-group-item[href="/index.php/store/dns-service"] > i.ls,
a.list-group-item[href="/index.php/store/dns-service"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/dns-service"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/dns.svg") center/cover no-repeat;
}
/* ====== Lagom2: Category icon for email hosting Service  ====== */
a.list-group-item[href="/index.php/store/email-hosting"] > i.ls,
a.list-group-item[href="/index.php/store/email-hosting"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/email-hosting"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/email.svg") center/cover no-repeat;
}

/* ====== Lagom2: Category icon for Russia VPS - Novosibirsk ====== */
a.list-group-item[href="/index.php/store/novosibirsk"] > i.ls,
a.list-group-item[href="/index.php/store/novosibirsk"] > i[class*="ls-"]{
    display: none !important;
}
a.list-group-item[href="/index.php/store/novosibirsk"]::before{
    content: "";
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("/templates/lagom2/core/img/flags/russia.svg") center/cover no-repeat;
}

/* فقط برای صفحه ارتقا (فرم‌هایی که به upgrade.php پست می‌کنند) */
form.package[action*="upgrade.php"] ul.package-features,
form.package[action*="upgrade.php"] ul.package-features > li{
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-align: right !important;
  direction: rtl !important;
}

/* عامل اصلی قد کشیدن: این <br> های اضافه فقط همینجا نابود شود */
form.package[action*="upgrade.php"] .product-specs br{
  display: none !important;
}

/* احتمال خیلی زیاد lagom روی upgrade برای .product-specs فلکس/اسپیس بین می‌ذاره */
form.package[action*="upgrade.php"] .product-specs{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  direction: rtl !important;

  /* خنثی‌سازی حالت‌های فلکس اگر وجود داشته باشند */
  justify-content: flex-start !important;
  align-items: stretch !important;
}

/* هر آیتم مشخصات جمع‌وجور و مرتب */
form.package[action*="upgrade.php"] .product-specs .spec-item{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 6px 0 !important;
  flex-wrap: wrap !important;
}

/* جلوگیری از درگیری ms-2/me-2 و بزرگ شدن فاصله‌ها */
form.package[action*="upgrade.php"] .product-specs .spec-item i{
  width: 22px;
  min-width: 22px;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}