/* ==========================================================================
   Corporate RTL Theme — WHMCS
   لایه‌ی طراحی شرکتی و راست‌چین. بعد از all.min.css بارگذاری می‌شود.
   برای تغییر رنگ برند فقط متغیرهای :root را ویرایش کنید.
   ========================================================================== */

@font-face{font-family:"Vazirmatn";font-weight:400;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:500;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:600;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:700;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:800;font-display:swap;src:url("../fonts/vazirmatn/Vazirmatn-ExtraBold.woff2") format("woff2")}

:root{
  --brand:#1e4fd8;        /* رنگ اصلی برند */
  --brand-dark:#1740b0;
  --brand-soft:#e8eefc;
  --navy:#0b1f3f;         /* پس‌زمینه‌ی تیره */
  --navy-2:#12305c;
  --ink:#1b2437;          /* متن اصلی */
  --muted:#5f6b80;
  --line:#e3e8f0;
  --bg:#f5f7fb;
  --card:#ffffff;
  --ok:#12805c; --ok-bg:#e6f5ef;
  --warn:#b26a00; --warn-bg:#fff4e0;
  --err:#c62828; --err-bg:#fdeaea;
  --info:#1e4fd8; --info-bg:#e8eefc;
  --radius:12px; --radius-sm:8px;
  --shadow:0 1px 2px rgba(11,31,63,.05),0 6px 20px rgba(11,31,63,.06);
  --shadow-lg:0 10px 40px rgba(11,31,63,.14);
  --font:"Vazirmatn","Tahoma","Segoe UI",sans-serif;
}

/* ---------- Base ---------- */
html{font-size:14px}
body,input,button,select,textarea,h1,h2,h3,h4,h5,h6,.navbar-main{font-family:var(--font)!important}
body{direction:rtl;text-align:right;background:var(--bg);color:var(--ink);line-height:1.9;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:700;line-height:1.5}
a{color:var(--brand);transition:color .15s}
a:hover,a:focus{color:var(--brand-dark);text-decoration:none}
/* عرض کامل: کانتینر ۹۰٪ صفحه و هرگز کمتر از ۸۰٪ */
.container,.container-fluid{width:90%;min-width:80%;max-width:none;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
@media(max-width:991px){.container,.container-fluid{width:100%;min-width:0}}
@media(min-width:1600px){.container,.container-fluid{width:88%}}
.container-fluid.without-padding{width:100%;min-width:0;padding-left:0;padding-right:0}
::selection{background:var(--brand);color:#fff}
.text-muted{color:var(--muted)}

/* ---------- Bootstrap 3 → RTL ---------- */
.pull-right{float:left!important}.pull-left{float:right!important}
.text-left{text-align:right}.text-right{text-align:left}
[class*="col-xs-"],[class*="col-sm-"],[class*="col-md-"],[class*="col-lg-"]{float:right}
@media(min-width:992px){.col-md-offset-1{margin-left:0;margin-right:8.33333333%}.col-md-offset-2{margin-left:0;margin-right:16.66666667%}.col-md-offset-3{margin-left:0;margin-right:25%}}
@media(min-width:768px){.col-sm-offset-1{margin-left:0;margin-right:8.33333333%}.col-sm-offset-2{margin-left:0;margin-right:16.66666667%}.col-sm-offset-3{margin-left:0;margin-right:25%}}
@media(min-width:1200px){.col-lg-offset-3{margin-left:0;margin-right:25%}}
.navbar-nav{float:right}.navbar-nav>li{float:right}
.navbar-right{float:left!important}
.navbar-header{float:right}
.dropdown-menu{right:0;left:auto;text-align:right}
.dropdown-menu-right{right:auto;left:0}
.caret{margin-right:2px}
.nav-tabs>li,.nav-pills>li{float:right}
.nav-pills>li+li{margin-left:0;margin-right:2px}
.breadcrumb>li+li:before{content:"\f104";font-family:"Font Awesome 5 Free";font-weight:900;padding:0 8px;color:#9aa5b8}
.close{float:left}
.modal-footer{text-align:left}
.modal-header .close{margin:-2px 0 0 0}
.checkbox label,.radio label{padding-left:0;padding-right:20px}
.checkbox input[type=checkbox],.radio input[type=radio]{margin-left:0;margin-right:-20px;float:right}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn{border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
.input-group-btn:first-child>.btn{margin-left:-1px;margin-right:0}
.input-group-btn:last-child>.btn{margin-right:-1px;margin-left:0}
.form-horizontal .control-label{text-align:right}
.table>thead>tr>th,.table>tbody>tr>td{text-align:right}
.list-group-item>.badge{float:left}
.list-group-item>.badge+.badge{margin-left:5px;margin-right:0}
.alert-dismissable .close,.alert-dismissible .close{right:auto;left:-21px}
.label,.badge{font-family:var(--font)}
.btn-group>.btn{float:right}
.fa-chevron-right:before{content:"\f053"}.fa-chevron-left:before{content:"\f054"}
.fa-angle-right:before{content:"\f104"}.fa-angle-left:before{content:"\f105"}
.fa-arrow-right:before{content:"\f060"}.fa-arrow-left:before{content:"\f061"}
.dataTables_wrapper .dataTables_filter{float:left;text-align:left}
.dataTables_wrapper .dataTables_length{float:right}
.dataTables_wrapper .dataTables_info{float:right}
.dataTables_wrapper .dataTables_paginate{float:left}
.has-feedback .form-control-feedback{right:auto;left:0}
.has-feedback .form-control{padding-right:12px;padding-left:42px}
.tooltip,.popover{text-align:right}
.pagination>li{float:right}

/* ---------- Buttons ---------- */
.btn{border-radius:var(--radius-sm);font-weight:600;padding:8px 20px;border:1px solid transparent;transition:all .15s;box-shadow:none;text-shadow:none}
.btn-xs{padding:2px 10px;font-size:12px}.btn-sm{padding:5px 14px}.btn-lg{padding:12px 28px;font-size:15px}
.btn-primary,.btn-success.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.btn-default{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-default:hover,.btn-default:focus{background:var(--brand-soft);border-color:#c7d5f7;color:var(--brand-dark)}
.btn-success{background:var(--ok);border-color:var(--ok);color:#fff}
.btn-danger{background:var(--err);border-color:var(--err);color:#fff}
.btn-info{background:#0e7490;border-color:#0e7490;color:#fff}
.btn-warning{background:#d97706;border-color:#d97706;color:#fff}
.btn-link{color:var(--brand)}

/* ---------- Forms ---------- */
.form-control{height:44px;border:1px solid #d5dce8;border-radius:var(--radius-sm);box-shadow:none;background:#fff;color:var(--ink);padding:8px 14px;transition:border .15s,box-shadow .15s}
textarea.form-control{height:auto}
.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,79,216,.15)}
label{font-weight:600;color:#33405a;margin-bottom:6px}
.form-group{margin-bottom:18px}
select.form-control{padding-left:30px}
.has-error .form-control{border-color:var(--err)}

/* ---------- Header (top bar + main nav) ---------- */
section#header{background:var(--navy);padding:0;border:0}
section#header{padding:0;border:0;background:var(--navy)}
section#header .container{display:flex;align-items:center;justify-content:flex-start;min-height:46px;gap:16px}
section#header .logo{order:1;display:none}
section#header .top-nav,section#header ul.top-nav{order:2;margin:0 auto 0 0;padding:0;list-style:none;display:flex;align-items:center;gap:6px;float:none;white-space:nowrap}
section#header .top-nav>li{float:none;display:block}
section#header .top-nav>li>a{color:#c5d1e8;font-size:12.5px;padding:12px 12px;display:block;background:none;border:0;border-radius:0}
section#header .top-nav>li>a:hover{color:#fff}
section#header .top-nav .primary-action a.btn{background:var(--brand);color:#fff;padding:5px 16px;border-radius:999px;font-size:12.5px;margin:0}
section#header .top-nav .primary-action a.btn:hover{background:#3b6af0}
section#header .top-nav .label-info{background:#f59e0b;color:#111;border-radius:999px}
section#header .top-nav .btn-logged-in-admin{background:#b91c1c!important;padding:5px 10px!important}

section#main-menu{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1030;box-shadow:0 2px 10px rgba(11,31,63,.04)}
.navbar-main{background:#fff!important;border:0;min-height:72px;margin:0;font-size:14.5px}
.navbar-main .container{display:flex;align-items:center;gap:24px}
.navbar-brand-corp{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:22px;font-weight:800;padding:12px 0;white-space:nowrap}
.navbar-brand-corp img{max-height:44px;width:auto}
.navbar-brand-corp:hover{color:var(--brand)}
section#main-menu .navbar-nav{margin:0}
.navbar-main .navbar-collapse{padding:0;flex:1;display:flex!important;align-items:center;justify-content:space-between;border:0;box-shadow:none}
.navbar-main .navbar-nav>li>a{color:#33405a;font-weight:600;padding:26px 14px;position:relative;background:none}
.navbar-main .navbar-nav>li>a:after{content:"";position:absolute;right:14px;left:14px;bottom:0;height:3px;background:var(--brand);transform:scaleX(0);transition:transform .2s;border-radius:3px 3px 0 0}
.navbar-main .navbar-nav>li>a:hover,.navbar-main .navbar-nav>li>a:focus,.navbar-main .navbar-nav>.open>a,.navbar-main .navbar-nav>.open>a:hover,.navbar-main .navbar-nav>.open>a:focus,.navbar-main .navbar-nav>.active>a{color:var(--brand);background:none}
.navbar-main .navbar-nav>li>a:hover:after,.navbar-main .navbar-nav>.open>a:after,.navbar-main .navbar-nav>.active>a:after{transform:scaleX(1)}
.navbar-main li.account{background:none}
.navbar-main .navbar-nav>li>a i{color:#8a97ad;margin-left:4px}
.navbar-main .dropdown-menu{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;margin-top:0;min-width:220px}
.navbar-main .dropdown-menu>li>a{padding:9px 14px;border-radius:var(--radius-sm);color:#33405a;font-weight:500}
.navbar-main .navbar-nav .dropdown-menu>li>a:hover,.navbar-main .navbar-nav .dropdown-menu>li>a:focus{background:var(--brand-soft);color:var(--brand-dark)}
.navbar-main .dropdown-menu i{width:20px;text-align:center;color:#8a97ad}
.navbar-main .badge{background:var(--brand);border-radius:999px}
.navbar-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);margin:0}
.navbar-toggle .icon-bar{background:var(--navy)}
/* clearfix بوت‌استرپ (:before/:after) داخل کانتینرهای flex به‌صورت آیتم خالی شمرده می‌شد
   و لوگو/دکمه‌ی منو را از جای خود جابه‌جا می‌کرد */
section#header .container:before,section#header .container:after,
.navbar-main .container:before,.navbar-main .container:after,
.navbar-main .navbar-header:before,.navbar-main .navbar-header:after,
.navbar-main .navbar-collapse:before,.navbar-main .navbar-collapse:after{display:none;content:none}
@media(min-width:992px){.navbar-main .navbar-header{display:none}}

/* ---------- منوی موبایل و تبلت (تا ۹۹۱ پیکسل) ---------- */
@media(max-width:991px){
  section#main-menu{box-shadow:0 2px 12px rgba(11,31,63,.08)}
  .navbar-main{min-height:60px}
  .navbar-main .container{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0;padding-left:0;padding-right:0}
  .navbar-brand-corp{order:1;margin-right:16px;padding:9px 0;font-size:19px;max-width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis}
  .navbar-brand-corp img{max-height:38px;max-width:100%}
  .navbar-main .navbar-header{order:2;float:none;margin:0 0 0 16px}

  /* دکمه‌ی همبرگری (در قالب پایه خاکستری روشن روی سفید بود و دیده نمی‌شد) */
  .navbar-main .navbar-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;float:none;width:44px;height:44px;padding:0;margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;-webkit-tap-highlight-color:transparent}
  .navbar-main .navbar-toggle:hover,.navbar-main .navbar-toggle:focus{background:var(--brand-soft);border-color:#c7d5f7}
  .navbar-main .navbar-toggle .icon-bar,.navbar-main .navbar-toggle:hover .icon-bar,.navbar-main .navbar-toggle:focus .icon-bar{display:block;width:20px;height:2px;margin:0;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
  .navbar-main .navbar-toggle .icon-bar+.icon-bar{margin-top:0}
  .navbar-main .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){transform:translateY(7px) rotate(45deg)}
  .navbar-main .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){opacity:0}
  .navbar-main .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){transform:translateY(-7px) rotate(-45deg)}

  /* پنل منو */
  .navbar-main .navbar-collapse{order:3;flex:0 0 100%;width:100%;display:none!important;margin:0;padding:0;background:#fff;border-top:1px solid var(--line);box-shadow:none;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .navbar-main .navbar-collapse.in{display:block!important}
  .navbar-main .navbar-collapse.collapsing{display:block!important;overflow:hidden!important}

  .navbar-main .navbar-nav,.navbar-main .navbar-nav.navbar-right,section#main-menu .navbar-nav{float:none!important;width:100%;margin:0!important;padding:6px 0}
  .navbar-main .navbar-nav.navbar-right{border-top:6px solid var(--bg)}
  .navbar-main .navbar-nav>li{float:none;display:block;border-bottom:1px solid #f0f3f8}
  .navbar-main .navbar-nav>li:last-child{border-bottom:0}
  .navbar-main .navbar-nav>li>a{display:flex;align-items:center;gap:6px;min-height:48px;padding:12px 20px;font-size:14.5px;-webkit-tap-highlight-color:transparent}
  .navbar-main .navbar-nav>li>a:after{display:none}
  .navbar-main .navbar-nav>li>a i{width:20px;margin:0;text-align:center}
  .navbar-main .navbar-nav>li>a .caret{margin:0 auto 0 0;transition:transform .2s}
  .navbar-main .navbar-nav>.open>a{background:var(--brand-soft);color:var(--brand)}
  .navbar-main .navbar-nav>.open>a .caret{transform:rotate(180deg)}

  /* زیرمنوها: لیست تو‌رفته‌ی خوانا (در قالب پایه متن روشن #ddd روی پس‌زمینه‌ی روشن بود) */
  .navbar-main .navbar-nav .dropdown-menu{position:static!important;float:none;width:100%;min-width:0;margin:0;padding:4px 0 8px;background:var(--bg);border:0;border-radius:0;box-shadow:none;transform:none;opacity:1;visibility:visible}
  .navbar-main .navbar-nav .dropdown-menu>li>a,
  .navbar-main .navbar-nav .open .dropdown-menu>li>a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 46px 10px 20px;border-radius:0;color:#33405a;font-size:14px;font-weight:500;white-space:normal}
  .navbar-main .navbar-nav .dropdown-menu>li>a:hover,
  .navbar-main .navbar-nav .dropdown-menu>li>a:focus,
  .navbar-main .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-main .navbar-nav .open .dropdown-menu>li>a:focus{background:var(--brand-soft);color:var(--brand-dark)}
  .navbar-main .dropdown-menu .divider{margin:4px 20px}
}

/* ---------- Hero (صفحه‌ی اصلی) ---------- */
section#home-banner{position:relative;overflow:hidden;color:#fff;padding:80px 0 140px;margin:0;border:0;
  background:radial-gradient(900px 400px at 85% -10%,rgba(59,106,240,.45),transparent 60%),linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)}
section#home-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;pointer-events:none;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}
section#home-banner .container{position:relative}
.hero-eyebrow{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#cfe0ff;padding:4px 16px;border-radius:999px;font-size:12.5px;margin-bottom:18px}
section#home-banner h2{color:#fff;font-size:36px;font-weight:800;margin:0 0 12px;padding:0;line-height:1.6}
.hero-sub{color:#b9c7e2;font-size:15.5px;max-width:640px;margin:0 auto 32px}
section#home-banner #frmDomainHomepage{max-width:820px;margin:0 auto}
section#home-banner #frmDomainHomepage .row{margin:0}
section#home-banner #frmDomainHomepage .row>div{width:100%;float:none;margin:0;padding:0}

/* کارت جست‌وجو — هر دو حالت (ساده و پیشرفته) */
section#home-banner .input-group{width:100%;background:#fff;border-radius:16px;padding:8px;box-shadow:var(--shadow-lg);text-align:right;color:var(--ink);border-collapse:separate}
section#home-banner .form-control{border:0;box-shadow:none;font-weight:400;border-radius:10px;color:var(--ink)}
section#home-banner .btn{border:0;border-radius:10px!important;font-weight:700;color:#fff;font-size:14.5px;margin:0;text-shadow:none}
section#home-banner .btn.search{background:var(--brand)}
section#home-banner .btn.search:hover{background:var(--brand-dark)}
section#home-banner .btn.transfer{background:var(--brand-soft);color:var(--brand-dark)}
section#home-banner .btn.transfer:hover{background:#d6e2fb}

/* حالت ساده: یک خط */
section#home-banner .input-group:not(.advanced-input){display:flex;align-items:center;gap:8px}
section#home-banner .input-group:not(.advanced-input) .form-control{flex:1;float:none;width:auto;height:52px;font-size:16px;display:block}
section#home-banner .input-group:not(.advanced-input) .input-group-btn{display:flex;gap:8px;width:auto;font-size:14px;white-space:nowrap}
section#home-banner .input-group:not(.advanced-input) .input-group-btn .btn{height:52px;padding:0 26px;float:none}

/* حالت پیشرفته (متن/هوش مصنوعی + فیلترها): شبکه‌ی دو ردیفه */
section#home-banner .input-group.advanced-input{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ta btns" "opts opts";gap:10px 12px;padding:12px;background:#fff}
section#home-banner textarea#message{grid-area:ta;display:block;float:none;width:100%;height:auto;min-height:112px;resize:none;padding:14px 16px;font-size:14px;line-height:1.9;background:#f7f9fd;border:1px solid var(--line);border-radius:12px}
section#home-banner textarea#message:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,79,216,.15)}
section#home-banner .input-group.advanced-input>.input-group-btn{grid-area:btns;position:static!important;display:flex;flex-direction:column;gap:10px;width:auto;font-size:14px;white-space:normal;right:auto;top:auto}
section#home-banner .input-group.advanced-input>.input-group-btn .btn{flex:1;min-width:140px;height:auto;padding:10px 18px;float:none}
section#home-banner .input-group.advanced-input>.input-group.advanced-input{grid-area:opts;display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:12px 2px 0;background:none;box-shadow:none;border-radius:0;border-top:1px solid var(--line)}
section#home-banner .advanced-input span{text-align:right}
section#home-banner .advanced-input .btn-group{margin:0;float:none}
section#home-banner .advanced-input .multiselect{background:#f5f7fb;border:1px solid var(--line);color:#33405a;font-size:12.5px;font-weight:600;height:36px;padding:0 14px;border-radius:8px!important;display:inline-flex;align-items:center;gap:8px;text-align:right}
section#home-banner .advanced-input .multiselect:hover,section#home-banner .advanced-input .open>.multiselect{background:var(--brand-soft);color:var(--brand-dark)}
section#home-banner .advanced-input .multiselect .caret{margin:0}
section#home-banner .advanced-input .multiselect-container{text-align:right;right:0;left:auto;min-width:220px;border-radius:12px;padding:6px}
section#home-banner .advanced-input .multiselect-container>li>a{padding:0}
section#home-banner .advanced-input .multiselect-container>li>a>label{padding:7px 12px 7px 12px;margin:0;color:#33405a;font-weight:500;font-size:13px}
section#home-banner .advanced-input .multiselect-container li.active a{background:var(--brand-soft)}
section#home-banner .multiselect-search{border:1px solid var(--line);border-radius:8px;height:34px}
section#home-banner .advanced-input label{font-size:12.5px;color:#33405a;font-weight:600;margin:0 auto 0 0;display:inline-flex;align-items:center;gap:6px}
section#home-banner .advanced-input input[type="checkbox"]{margin:0}
section#home-banner .tooltip-inner{background-color:var(--brand)}
section#home-banner .tooltip.left .tooltip-arrow{border-left-color:var(--brand)}
section#home-banner .tooltip.bottom .tooltip-arrow{border-bottom-color:var(--brand)}
section#home-banner .tooltip.right .tooltip-arrow{border-right-color:var(--brand)}

@media(max-width:767px){
  section#home-banner{padding:52px 0 120px}
  section#home-banner h2{font-size:24px}
  section#home-banner .input-group:not(.advanced-input){flex-direction:column;align-items:stretch}
  section#home-banner .input-group:not(.advanced-input) .input-group-btn .btn{flex:1}
  section#home-banner .input-group.advanced-input{grid-template-columns:minmax(0,1fr);grid-template-areas:"ta" "btns" "opts"}
  section#home-banner .input-group.advanced-input>.input-group-btn{flex-direction:row}
  section#home-banner .advanced-input label{margin:0}
}

/* میانبرها */
.home-shortcuts{background:transparent!important;border:0;margin:-72px 0 0;position:relative;z-index:2;padding:0;color:var(--ink)}
.home-shortcuts .row{margin:0}
.home-shortcuts .row>div{float:none;width:100%;padding:0}
.home-shortcuts .row>.col-md-4{display:none!important}
.home-shortcuts ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0;text-align:right}
.home-shortcuts li,.home-shortcuts li:first-child,.home-shortcuts li:last-child{float:none;width:auto;border:0!important;padding:0;margin:0;background:none;text-align:right;white-space:normal;overflow:visible;font-size:14px}
.home-shortcuts li a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);color:var(--navy);transition:all .2s;height:100%}
.home-shortcuts li a:hover{transform:translateY(-3px);border-color:#c7d5f7;box-shadow:var(--shadow-lg);color:var(--brand-dark)}
.home-shortcuts li a i{flex:none;width:48px;height:48px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0}
.home-shortcuts li a p{margin:0;font-weight:700;font-size:14.5px;line-height:1.6;text-transform:none}
.home-shortcuts li a p span,.home-shortcuts li:hover span{display:none!important}
.home-shortcuts li a:after{content:"\f104";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:auto;color:#9aa5b8;font-size:18px;transition:transform .2s}
.home-shortcuts li a:hover:after{transform:translateX(-4px);color:var(--brand)}
@media(max-width:991px){.home-shortcuts ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.home-shortcuts ul{grid-template-columns:1fr}.home-shortcuts li{display:block!important;width:auto!important}}

/* بخش‌های تبلیغاتی صفحه‌ی اصلی */
.corp-section{padding:64px 0 8px}
.corp-section h3.section-title{text-align:center;font-size:26px;font-weight:800;margin:0 0 8px}
.corp-section p.section-sub{text-align:center;color:var(--muted);margin:0 auto 36px;max-width:560px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:all .2s}
.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#c7d5f7}
.feature-card .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#4f7cf5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:16px}
.feature-card h4{margin:0 0 6px;font-size:16px}
.feature-card p{margin:0;color:var(--muted);font-size:13.5px}
@media(max-width:991px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.feature-grid{grid-template-columns:1fr}}
.cta-band{margin:56px 0 8px;border-radius:18px;padding:36px 40px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--navy),var(--brand))}
.cta-band h3{color:#fff;margin:0 0 4px;font-size:22px}.cta-band p{margin:0;color:#cfe0ff}
.cta-band .btn{background:#fff;color:var(--brand-dark);padding:12px 30px}
.cta-band .btn:hover{background:var(--brand-soft)}
.home-news h2{font-size:22px;margin:40px 0 16px}
.announcement-single{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:14px}
.announcement-single h3{font-size:16px;margin:0 0 8px}
.announcement-single blockquote{border:0;padding:0;margin:0;font-size:13.5px;color:var(--muted)}

/* ---------- Main layout ---------- */
section#main-body{background:var(--bg);padding:32px 0 56px;min-height:420px}
body.is-home section#main-body{padding-top:8px}
.app-layout{display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-areas:"side main" "side2 main";gap:24px;align-items:start}
.app-layout.no-sidebar{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}
.app-sidebar{grid-area:side}.app-sidebar-2{grid-area:side2}.app-main{grid-area:main;min-width:0}
.app-layout:not(.has-secondary) .app-sidebar-2{display:none}
@media(max-width:991px){
  .app-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "main" "side2"}
}

/* عنوان صفحه */
.header-lined{border:0;margin:0 0 22px;padding:0}
.header-lined h1{font-size:24px;font-weight:800;margin:0 0 6px;color:var(--navy)}
.header-lined h1 small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:2px}
.header-lined .breadcrumb{background:none;padding:0;margin:0;font-size:12.5px;float:none;position:static}
.header-lined .breadcrumb li a{color:var(--muted)}.header-lined .breadcrumb li a:hover{color:var(--brand)}
.header-lined .breadcrumb>.active{color:var(--navy);font-weight:600}

/* ---------- Panels / Cards ---------- */
.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:20px;overflow:hidden;font-size:1em}
.panel-heading{background:#fff!important;border:0;border-bottom:1px solid var(--line);padding:14px 20px;color:var(--navy)!important;border-radius:0}
.panel-title{font-size:14.5px;font-weight:700;color:var(--navy)}
.panel-body{padding:20px}
.panel-footer{background:#fafbfe;border-top:1px solid var(--line);padding:12px 20px}
.panel-default>.panel-heading,.panel-primary>.panel-heading,.panel-info>.panel-heading{color:var(--navy)}
.panel-accent-blue,.panel-accent-green,.panel-accent-red,.panel-accent-gold,.panel-accent-orange,.panel-accent-purple,.panel-accent-midnight,.panel-accent-asbestos,.panel-accent-turquoise,.panel-accent-pomegranate,.panel-accent-emerald,.panel-accent-sun-flower{border-top:0}
.panel-accent-blue{border-right:4px solid var(--brand)}.panel-accent-green{border-right:4px solid var(--ok)}.panel-accent-red{border-right:4px solid var(--err)}.panel-accent-gold,.panel-accent-orange{border-right:4px solid #d97706}
.panel-minimise{float:left!important;cursor:pointer;color:#9aa5b8}

/* سایدبار */
.panel-sidebar .panel-heading{background:var(--navy)!important;padding:12px 18px}
.panel-sidebar .panel-title,.panel-sidebar .panel-title i{color:#fff!important;font-size:13.5px}
.panel-sidebar .list-group{margin:0}
.list-group-item{border:0;border-bottom:1px solid #f0f3f8;padding:11px 18px;color:#33405a;font-size:13.5px;transition:all .15s;background:#fff}
.list-group-item:last-child{border-bottom:0}
a.list-group-item:hover{background:var(--brand-soft);color:var(--brand-dark)}
a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{background:var(--brand-soft);color:var(--brand-dark);border-color:#f0f3f8;font-weight:700;box-shadow:inset -3px 0 0 var(--brand)}
.list-group-item i{color:#8a97ad;margin-left:6px}
.list-group-item.active i{color:var(--brand)}
.list-group-item>.badge{background:var(--brand);color:#fff;border-radius:999px}

/* ---------- Dashboard tiles ---------- */
.tiles{margin-bottom:24px}
.tiles .row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0}
.tiles .row:before,.tiles .row:after{display:none}
.tiles .tile{width:auto;float:none;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .2s;cursor:pointer;height:auto;text-align:right}
.tiles .tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tiles .tile a{display:block;padding:20px;color:var(--navy);position:relative;height:auto}
.tiles .tile .icon{position:absolute;left:18px;top:18px;font-size:22px;color:#c4cee0;width:auto;height:auto;opacity:1}
.tiles .tile .stat{font-size:32px;font-weight:800;color:var(--navy);line-height:1.2}
.tiles .tile .title{font-size:13px;color:var(--muted);text-transform:none;font-weight:600;margin-top:2px}
.tiles .tile .highlight{position:absolute;right:0;left:0;bottom:0;top:auto;height:4px;width:auto}
.bg-color-blue{background:var(--brand)!important}.bg-color-green{background:var(--ok)!important}.bg-color-red{background:var(--err)!important}.bg-color-gold{background:#d97706!important}
@media(max-width:767px){.tiles .row{grid-template-columns:repeat(2,1fr)}}
.home-kb-search{position:relative;float:none;padding:0;margin-bottom:24px;width:100%}
.home-kb-search .form-control{height:52px;padding-right:48px;padding-left:16px;border-radius:12px;box-shadow:var(--shadow)}
.home-kb-search i{position:absolute;right:18px;left:auto;top:18px;color:#9aa5b8}
.client-home-panels>.row>[class*=col-]{padding-left:10px;padding-right:10px}

/* ---------- Tables ---------- */
.table{background:#fff;margin-bottom:0}
.table>thead>tr>th{background:#f7f9fd;color:#4a5670;font-size:12.5px;font-weight:700;border-bottom:1px solid var(--line)!important;border-top:0;padding:12px 14px;white-space:nowrap}
.table>tbody>tr>td{padding:13px 14px;border-top:1px solid #f0f3f8;vertical-align:middle;font-size:13.5px}
.table-striped>tbody>tr:nth-of-type(odd){background:#fcfdff}
.table-hover>tbody>tr:hover,.table>tbody>tr:hover{background:#f5f8ff}
.table-container{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);padding:0}
.table-container .dataTables_wrapper{padding:0}
.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{padding:12px 16px;margin:0}
.dataTables_wrapper .dataTables_filter input{border:1px solid #d5dce8;border-radius:var(--radius-sm);padding:6px 12px;margin-right:6px}
.pagination>li>a,.pagination>li>span{border-radius:var(--radius-sm)!important;margin:0 2px;border:1px solid var(--line);color:var(--ink)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.pagination{font-size:13px}

/* ---------- Status labels ---------- */
.label{border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700}
.label.status,.label-default{background:#eef1f6;color:#4a5670}
.status-active,.status-paid,.status-open,.status-completed,.label-success,.status-answered{background:var(--ok-bg)!important;color:var(--ok)!important}
.status-pending,.status-unpaid,.status-customer-reply,.status-payment-pending,.label-warning{background:var(--warn-bg)!important;color:var(--warn)!important}
.status-suspended,.status-terminated,.status-cancelled,.status-overdue,.status-closed,.status-fraud,.label-danger{background:var(--err-bg)!important;color:var(--err)!important}
.label-info,.label-primary{background:var(--info-bg)!important;color:var(--info)!important}

/* ---------- Alerts ---------- */
.alert{border:0;border-radius:var(--radius-sm);padding:14px 18px;border-right:4px solid;box-shadow:none}
.alert-success{background:var(--ok-bg);color:#0b5c42;border-color:var(--ok)}
.alert-info{background:var(--info-bg);color:#173ea8;border-color:var(--brand)}
.alert-warning{background:var(--warn-bg);color:#8a5200;border-color:#d97706}
.alert-danger{background:var(--err-bg);color:#9b1c1c;border-color:var(--err)}

/* ---------- Tabs / modals ---------- */
.nav-tabs{border-bottom:1px solid var(--line)}
.nav-tabs>li>a{border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:600;border-radius:0;margin:0 0 -1px 4px;padding:10px 16px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:0;border-bottom:3px solid var(--brand);color:var(--brand);background:none}
.nav-tabs>li>a:hover{background:none;color:var(--brand)}
.tab-content{padding-top:18px}
.modal-content{border:0;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}
.modal-header{background:#fff!important;border-bottom:1px solid var(--line);color:var(--navy)!important}
.modal-header .modal-title{color:var(--navy)}
.modal-footer{background:#fafbfe;border-top:1px solid var(--line)}
.well{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}

/* ---------- Login ---------- */
.logincontainer{max-width:460px;margin:24px auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:36px 36px 30px;float:none;width:100%}
.logincontainer.with-social{max-width:780px}
.logincontainer .header-lined{text-align:center;margin-bottom:24px}
.logincontainer .header-lined h1{font-size:22px}
.logincontainer .login-form .btn-primary{width:100%;padding:12px;font-size:15px;margin-bottom:10px}
.logincontainer .login-form .btn-default{width:100%;background:none;border:0;color:var(--muted)}
.logincontainer .login-form .btn-default:hover{color:var(--brand);background:none}
.login-brand-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 14px;background:linear-gradient(135deg,var(--brand),#4f7cf5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}

/* ---------- Footer ---------- */
section#footer{background:var(--navy);color:#9fb0cf;padding:0;margin:0;border:0;text-align:right}
.footer-main{padding:52px 0 32px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.1fr;gap:32px}
.footer-main h5{color:#fff;font-size:14.5px;margin:0 0 16px}
.footer-main p{color:#9fb0cf;font-size:13px;margin:0}
.footer-main ul{list-style:none;padding:0;margin:0}
.footer-main li{margin-bottom:9px}
.footer-main a{color:#9fb0cf;font-size:13px}.footer-main a:hover{color:#fff}
.footer-brand{color:#fff;font-size:20px;font-weight:800;margin-bottom:10px;display:block}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px}
.footer-bottom p{margin:0;color:#8091b0}
section#footer .back-to-top{position:static;float:none;background:rgba(255,255,255,.08);color:#fff;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin:0}
section#footer .back-to-top:hover{background:var(--brand)}
.footer-main>div{min-width:0}
.footer-enamad a{display:inline-block;background:#fff;border-radius:12px;padding:8px;line-height:0}
.footer-enamad img{display:block;max-width:100%;height:auto;max-height:110px}
/* ≥۹۹۲px پنج ستون؛ کوچک‌تر از آن دو ستون مرتب (ستون اول تمام‌عرض) */
@media(max-width:991px){
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:40px 0 24px}
  .footer-main>div:first-child{grid-column:1/-1}
}

/* ---------- Misc ---------- */
.product-details-tab-container,.product-status{border-radius:var(--radius)}
.product-status{border:1px solid var(--line);box-shadow:var(--shadow)}
.textarea.form-control,.md-editor{border-radius:var(--radius-sm)}
#fullpage-overlay .inner-wrapper{border-radius:16px}
.tooltip-inner{font-family:var(--font)}
@media print{section#header,section#main-menu,section#footer,.sidebar{display:none}}


/* ---------- منوی هاور (دسکتاپ) ---------- */
@media(min-width:992px){
  .navbar-main .navbar-nav>li.dropdown{position:relative}
  .navbar-main .navbar-nav>li.dropdown>.dropdown-menu{display:block;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s;margin-top:0;top:100%}
  .navbar-main .navbar-nav>li.dropdown:hover>.dropdown-menu,
  .navbar-main .navbar-nav>li.dropdown:focus-within>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
  .navbar-main .navbar-nav>li.dropdown:hover>a{color:var(--brand)}
  .navbar-main .navbar-nav>li.dropdown:hover>a:after{transform:scaleX(1)}
  .navbar-main .navbar-nav>li.dropdown>a .caret{transition:transform .2s}
  .navbar-main .navbar-nav>li.dropdown:hover>a .caret{transform:rotate(180deg)}
  /* منوی سمت چپ (حساب کاربری) از لبه بیرون نزند */
  .navbar-main .navbar-right>li.dropdown>.dropdown-menu{right:auto;left:0}
  /* جلوگیری از بسته‌شدن ناخواسته با کلیک */
  .navbar-main .navbar-nav>li.dropdown.open:not(:hover)>.dropdown-menu{opacity:0;visibility:hidden}
}


/* ---------- نوار بالایی: ورود / ثبت‌نام / خروج / سبد خرید (سمت چپ) ---------- */
section#header ul.top-nav>li,section#header ul.top-nav>li.primary-action{display:block;float:none;padding:0;margin:0;border:0}
section#header ul.top-nav>li>a{color:#c5d1e8;font-size:12.5px;padding:12px 10px;line-height:1.6}
section#header ul.top-nav>li>a:hover,section#header ul.top-nav>li>a:focus{color:#fff;background:none}
section#header ul.top-nav>li.top-pill>a,section#header ul.top-nav>li.primary-action>a.btn{background:var(--brand);color:#fff;padding:5px 18px;border-radius:999px;font-size:12.5px;font-weight:700;margin:0;line-height:1.7}
section#header ul.top-nav>li.top-pill>a:hover{background:#3b6af0;color:#fff}
section#header ul.top-nav>li.top-ghost>a{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 16px;color:#e6edfb}
section#header ul.top-nav>li.top-ghost>a:hover{background:rgba(255,255,255,.1)}
section#header ul.top-nav>li.top-cart>a{position:relative;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:999px;padding:5px 16px;color:#fff;font-weight:600}
section#header ul.top-nav>li.top-cart>a:hover{background:rgba(255,255,255,.18)}
section#header ul.top-nav>li.top-cart .cart-badge{min-width:20px;height:20px;line-height:20px;padding:0 6px;border-radius:999px;background:#f59e0b;color:#111;font-size:11px;font-weight:800;text-align:center}
section#header ul.top-nav>li.top-sep{width:1px;height:18px;background:rgba(255,255,255,.18);margin:0 4px}
section#header ul.top-nav .btn-logged-in-admin{margin:0;font-size:13px}
@media(max-width:575px){section#header ul.top-nav>li.top-cart .cart-label{display:none}section#header ul.top-nav{gap:2px}}

/* سایر رفع تداخل‌ها با استایل پایه */
.app-main.main-content{margin-bottom:0;min-height:0}
section#main-menu.is-stuck{box-shadow:0 6px 24px rgba(11,31,63,.10)}
section#footer{font-size:1em;line-height:1.9}
section#footer p{margin:0}
section#footer .back-to-top{float:none}
section#footer .back-to-top i{padding:0;background:none;color:inherit;opacity:1;border-radius:0}

/* ---------- نوار بالایی در موبایل: فشرده و بدون سرریز افقی ---------- */
@media(max-width:767px){
  section#header .container{padding-left:12px;padding-right:12px;min-height:44px}
  section#header ul.top-nav{width:100%;margin:0;gap:4px;justify-content:space-between}
  section#header ul.top-nav>li>a{padding:10px 8px}
  section#header ul.top-nav>li.top-ghost>a{padding:4px 12px}
  section#header ul.top-nav>li.top-pill>a{padding:4px 14px}
  section#header ul.top-nav>li.top-cart>a{padding:5px 12px}
  section#header ul.top-nav .caret,section#header ul.top-nav .tn-label{display:none}
  section#header ul.top-nav .top-sep{display:none}
  section#header ul.top-nav .label-info{font-size:10px;padding:2px 8px}
}
@media(max-width:400px){
  section#header .choose-language .tn-lang{display:none}
}

/* ---------- آیتم فعال سایدبار (دسته‌بندی‌های سفارش، منوی کاربری) ----------
   قالب پایه برای .panel-sidebar پس‌زمینه‌ی خاکستری تیره #465054 می‌گذاشت و
   چون اولویتش بیشتر بود، متن آبی روی آن نامرئی می‌شد. */
.panel-sidebar a.list-group-item:hover,
.panel-sidebar a.list-group-item:focus{background:var(--brand-soft);color:var(--brand-dark)}
.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:hover,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:hover,
.panel-sidebar.view-filter-btns .list-group-item.active:focus{background:var(--brand-soft)!important;border-color:#f0f3f8;color:var(--brand-dark)!important;font-weight:700;box-shadow:inset -3px 0 0 var(--brand)}
.panel-sidebar a.list-group-item.active i,
.panel-sidebar a.list-group-item.active:hover i,
.panel-sidebar a.list-group-item.active:focus i{color:var(--brand)}
.panel-sidebar a.list-group-item.active:hover i.fas,
.panel-sidebar a.list-group-item.active:hover i.far{color:var(--brand)!important}
.panel-sidebar a.list-group-item.active>.badge{background:var(--brand);color:#fff}