/* =====================================================================
   PenguCloud — تم بخش کلاینت WHMCS (twenty-one / قالب pengucloud)
   راست‌چین + تیره/نئون هماهنگ با سایت اصلی + فونت Peyda
   آخر از همه توسط head.tpl لود می‌شود (assetExists custom.css)
   ===================================================================== */

@font-face{
  font-family:'Peyda';
  src:url('../fonts/PeydaWebVF.woff2') format('woff2-variations'),
      url('../fonts/PeydaWebVF.woff') format('woff-variations');
  font-weight:100 950;
  font-style:normal;
  font-display:swap;
}

:root{
  --pc-bg:#08090D;
  --pc-surface:#11131A;
  --pc-surface-2:#1A1D27;
  --pc-surface-3:#222733;
  --pc-border:#262A36;
  --pc-neon:#18E0FF;
  --pc-neon-2:#0bb6d6;
  --pc-yellow:#FFE600;
  --pc-text:#FFFFFF;
  --pc-muted:#A6ACBE;
  --pc-navlink:#C6CCD8;
}

/* ===================== پایه / فونت / راست‌چین ===================== */
html{direction:rtl}
body,body.primary-bg-color{
  background-color:var(--pc-bg)!important;
  color:var(--pc-text)!important;
  font-family:'Peyda',Tahoma,sans-serif!important;
  direction:rtl;text-align:right;
  border-top:2px solid var(--pc-neon)!important;
}
*{font-family:'Peyda',Tahoma,sans-serif!important}
/* آیکون‌های Font Awesome 5 Pro نباید Peyda بشوند (وگرنه آیکون‌ها خراب می‌شوند) */
.fa,.fas,.far,.fal,.fad,[class^="fa-"],[class*=" fa-"]{font-family:"Font Awesome 5 Pro"!important}
.fab{font-family:"Font Awesome 5 Brands"!important}
.fad{font-family:"Font Awesome 5 Duotone"!important}

/* افکت پس‌زمینه‌ی سایت اصلی (bg-fx) — دقیقاً مثل pengucloud.net (مارک‌آپ در header.tpl) */
.bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-fx .grid{position:absolute;inset:-2px;
  background-image:
    linear-gradient(var(--pc-border) 1px,transparent 1px),
    linear-gradient(90deg,var(--pc-border) 1px,transparent 1px);
  background-size:64px 64px;opacity:.16;
  -webkit-mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,#000 55%,transparent 100%);
          mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,#000 55%,transparent 100%);}
.bg-fx .blob{position:absolute;border-radius:50%;filter:blur(95px)}
.bg-fx .blob.b1{width:520px;height:520px;background:#0c6f8f;top:-150px;left:-120px;opacity:.5}
.bg-fx .blob.b2{width:440px;height:440px;background:#13455c;top:42%;right:-150px;opacity:.5}
.bg-fx .blob.b3{width:480px;height:480px;background:#0a5e7a;bottom:-170px;left:-100px;opacity:.42}
.bg-fx .blob.b4{width:300px;height:300px;background:#3a3300;bottom:8%;right:30%;opacity:.2}
h1,h2,h3,h4,h5,h6{color:var(--pc-text)!important}
hr{border-color:var(--pc-border)!important}
a{color:var(--pc-neon)}
a:hover{color:var(--pc-neon-2)}

/* رنگ‌های متنی که روی تیره نامرئی می‌شوند */
.text-muted,.text-secondary{color:var(--pc-muted)!important}
.text-dark,.text-black,.text-body,.text-reset{color:var(--pc-text)!important}

/* پس‌زمینه‌های روشن عمومی → تیره */
.primary-bg-color,.secondary-bg-color,
.bg-white,.bg-light,.bg-body,.bg-gray,.bg-gray-100,.bg-gray-200{
  background-color:var(--pc-surface)!important;color:var(--pc-text)!important;
}

/* ===================== هدر / نوار بالا / فوتر ===================== */
/* بار هدر دقیقاً مثل سایت اصلی: شیشه‌ای تیره + بلور + خط پایین + چسبان */
.header,#header{
  background-color:rgba(8,9,13,.72)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--pc-border)!important;color:var(--pc-text)!important;
  position:sticky;top:0;z-index:1000;
}
.topbar,.master-breadcrumb{
  background-color:transparent!important;
  border-color:var(--pc-border)!important;color:var(--pc-text)!important;
}
.footer,#footer{
  background-color:transparent!important;
  border-top:1px solid var(--pc-border)!important;color:var(--pc-muted)!important;
}
.navbar,.navbar-dark,.navbar-light{background:transparent!important}
/* منوی بالا — هماهنگ با سایت اصلی (لینک‌ها <a class="pr-4"> هستند، نه nav-link) */
.main-navbar-wrapper .navbar-nav > li > a,
#nav > li > a,
.main-navbar-wrapper .navbar-nav > li > a.dropdown-toggle{
  color:var(--pc-muted)!important;font-weight:500!important;font-size:.97rem!important;
  font-family:'Peyda',Tahoma,sans-serif!important;padding:.55rem 1.05rem!important;letter-spacing:0;position:relative;transition:color .2s}
.main-navbar-wrapper .navbar-nav > li > a:hover,.main-navbar-wrapper .navbar-nav > li > a.active,
#nav > li > a:hover,#nav > li > a.active,
.main-navbar-wrapper .navbar-nav > li > a.dropdown-toggle:hover{color:#fff!important}
/* خط چسبیده به متن (text-decoration) حذف */
.main-navbar-wrapper .navbar-nav > li > a,.main-navbar-wrapper .navbar-nav > li > a:hover,#nav > li > a,#nav > li > a:hover{text-decoration:none!important}
/* زیرخط نئونی روی hover (مثل سایت اصلی) — با ::before تا با کارت دراپ‌داون (::after) تداخل نکند */
.main-navbar-wrapper .navbar-nav > li > a::before{content:"";position:absolute;right:1.05rem;left:1.05rem;bottom:5px;height:2px;background:var(--pc-neon);box-shadow:0 0 8px var(--pc-neon);transform:scaleX(0);transform-origin:center;transition:transform .25s;pointer-events:none}
.main-navbar-wrapper .navbar-nav > li > a:hover::before,.main-navbar-wrapper .navbar-nav > li > a.active::before{transform:scaleX(1)}

/* ===== منوی تک‌ردیفه (برند راست، لینک‌ها وسط، سبد/حساب چپ) مثل سایت اصلی ===== */
.pc-onebar{padding:.35rem 0!important}
.pc-onebar > .container{display:flex!important;align-items:center;min-height:62px}
.pc-onebar .pc-brand{flex:0 0 auto;margin:0!important}
.pc-onebar .pc-actions{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:8px;margin:0!important}
.pc-onebar .pc-actions .nav-item{margin:0!important}
.pc-onebar .pc-secondary > li > a{padding:.5rem .8rem!important}
@media(min-width:1200px){
  .pc-onebar > .container{flex-wrap:nowrap}
  .pc-onebar #mainNavbar{flex:1 1 auto;display:flex!important;align-items:center}
  .pc-onebar #mainNavbar #nav{display:flex!important;flex-direction:row;flex:1 1 auto;align-items:center;justify-content:center;margin:0}
  .pc-onebar #mainNavbar .pc-secondary{display:flex!important;flex-direction:row;flex:0 0 auto;align-items:center;margin:0}
}
@media(max-width:1199.98px){
  .pc-onebar > .container{flex-wrap:wrap}
  .pc-onebar #mainNavbar{flex:1 1 100%;order:5}
  .pc-onebar #mainNavbar #nav,.pc-onebar #mainNavbar .pc-secondary{flex-direction:column;width:100%}
}

/* دکمهٔ سبد خرید (داخل toolbar — سلکتور پرقدرت لازم است) */
ul.toolbar .nav-link.cart-btn{background:#1A1D27!important;border:1px solid #262A36!important;border-radius:12px!important;color:#fff!important;padding:.55rem .8rem!important}
ul.toolbar .nav-link.cart-btn:hover{border-color:var(--pc-neon)!important;color:var(--pc-neon)!important}
ul.toolbar .nav-link.cart-btn i{font-size:1.35rem!important;vertical-align:middle}
ul.toolbar .nav-link.cart-btn .badge,#cartItemCount{background:var(--pc-neon)!important;color:#04222b!important;font-size:.72rem;font-weight:700}
.navbar-brand{color:var(--pc-text)!important}
.navbar-brand.pc-brand{display:inline-flex;align-items:center;gap:10px}
.navbar-brand.pc-brand svg{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(24,224,255,.55))}
.pc-word{font-weight:900;font-size:1.35rem;color:var(--pc-text)!important;letter-spacing:-.5px}
.pc-word b{color:var(--pc-neon)!important;font-weight:900}

/* موشن «Pengu» سایت اصلی (برای فوتر/برند سراسری) */
.pc-shine{background:linear-gradient(100deg,#0A9FE0 0%,#18E0FF 20%,#9af3ff 40%,#fff 50%,#9af3ff 60%,#18E0FF 80%,#0A9FE0 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pcShine 3s linear infinite,pcGlow 2.4s ease-in-out infinite}
@keyframes pcShine{to{background-position:220% center}}
@keyframes pcGlow{0%,100%{filter:drop-shadow(0 0 7px rgba(24,224,255,.45))}50%{filter:drop-shadow(0 0 15px rgba(24,224,255,.85))}}

/* فوتر چسبیده به پایین صفحه (نه وسط) */
body{display:flex;flex-direction:column;min-height:100vh}
#main-body{flex:1 0 auto}
#footer{flex-shrink:0}

/* برند بزرگ فوتر — Pengu گرادینت، Cloud سفید */
#footer .pc-foot-brand{text-align:center;margin:6px 0 48px;overflow:hidden}
#footer .pc-copyright{margin-top:18px!important}
#footer .pc-foot-brand .word{font-weight:900;font-size:clamp(2.4rem,8.5vw,5.8rem);letter-spacing:-1.5px;line-height:1.05;white-space:nowrap}
#footer .pc-foot-brand .word b{color:#fff!important;font-weight:900}
#footer .pc-copyright{color:#5C6275!important;font-size:.85rem}
#footer .pc-copyright .pc-co-brand{margin:0 .4em;color:#9aa0b0}

/* فوتر: نماد اعتماد (چپ) | لوگو (وسط) | توضیحات+سوشال (راست) — مثل سایت اصلی */
#footer .pc-foot-main{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:24px;max-width:1180px;margin:0 auto;text-align:right}
#footer .pc-foot-main .pc-foot-about{flex:1 1 0;min-width:0}
#footer .pc-foot-main .pc-foot-brand{flex:0 0 auto;text-align:center;margin:0!important;overflow:visible}
#footer .pc-foot-main .pc-foot-brand .word{display:block;font-size:clamp(1.8rem,6vw,5rem)}
#footer .pc-foot-main .pc-foot-brand .pc-copyright{margin:14px 0 0!important;text-align:center}
#footer .pc-foot-main .pc-foot-trust{flex:1 1 0;min-width:0;text-align:left}
#footer .pc-foot-desc{color:var(--pc-muted);font-size:.92rem;line-height:1.95;max-width:340px;margin:0 0 16px}
#footer .pc-socials{display:flex;gap:12px}
#footer .pc-socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--pc-surface);border:1px solid var(--pc-border);color:var(--pc-muted);transition:color .2s,border-color .2s}
#footer .pc-socials a:hover{color:var(--pc-neon);border-color:var(--pc-neon)}
#footer .pc-foot-trust h4{font-size:.95rem;font-weight:800;color:#fff;margin:0 0 14px}
#footer .pc-trust-badge{display:inline-flex;align-items:center;gap:8px;color:var(--pc-muted);background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:10px;padding:9px 14px;font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s}
#footer .pc-trust-badge:hover{border-color:#2BD97A;color:#fff}
#footer .pc-foot-bottom{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin-top:8px}
#footer .pc-foot-bottom .pc-copyright{margin:0!important}
#footer .pc-lang-btn{background:var(--pc-surface)!important;border:1px solid var(--pc-border)!important;color:var(--pc-muted)!important;border-radius:10px;font-size:.82rem;padding:6px 12px}
#footer .pc-lang-btn:hover{border-color:var(--pc-neon)!important;color:#fff!important}
#footer .pc-tos-link{color:var(--pc-muted);font-size:.82rem;text-decoration:none}
#footer .pc-tos-link:hover{color:var(--pc-neon)}
@media(max-width:900px){
  #footer .pc-foot-main{flex-direction:column;align-items:center;text-align:center;gap:22px}
  #footer .pc-foot-main .pc-foot-about,#footer .pc-foot-main .pc-foot-trust{flex:0 0 auto;text-align:center}
  #footer .pc-foot-desc{margin-left:auto;margin-right:auto}
  #footer .pc-socials{justify-content:center}
}

/* چک‌باکس «مرا به خاطر بسپار» (ورود) — نئونی + جای درست (RTL) */
input.form-check-input[name="rememberme"]{
  position:static!important;display:inline-block;vertical-align:-4px;
  margin:0 0 0 8px!important;width:18px;height:18px;
  -webkit-appearance:none;appearance:none;cursor:pointer;
  border:1px solid var(--pc-border)!important;border-radius:5px;
  background:var(--pc-surface-2)!important;transition:background .15s,border-color .15s,box-shadow .15s;
}
input.form-check-input[name="rememberme"]:hover{border-color:var(--pc-neon)!important}
input.form-check-input[name="rememberme"]:checked{
  border-color:var(--pc-neon)!important;box-shadow:0 0 10px -2px var(--pc-neon);
  background:var(--pc-neon) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2304222b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>') center/12px no-repeat!important;
}
.text-right > label:has(input[name="rememberme"]){display:inline-flex;align-items:center;cursor:pointer;color:var(--pc-text)}

/* ===================== دکمه‌ها ===================== */
.btn-primary,.btn-info{
  background:linear-gradient(180deg,var(--pc-neon),var(--pc-neon-2))!important;
  border:none!important;color:#04222b!important;font-weight:700;
  box-shadow:0 0 24px -8px rgba(24,224,255,.7);
}
.btn-primary:hover,.btn-info:hover{filter:brightness(1.08);color:#04222b!important}
.btn-secondary,.btn-default,.btn-light{
  background-color:var(--pc-surface-3)!important;border:1px solid var(--pc-border)!important;color:var(--pc-text)!important;
}
.btn-outline-primary{border:1px solid var(--pc-neon)!important;color:var(--pc-neon)!important;background:transparent!important}
.btn-outline-primary:hover{background:rgba(24,224,255,.12)!important;color:var(--pc-neon)!important}
.btn-link{color:var(--pc-neon)!important}

/* ===================== کارت‌ها (همهٔ اجزا) ===================== */
.card,.panel,.well,.modal-content,.popover,.toast,.accordion-item{
  background-color:var(--pc-surface)!important;
  border:1px solid var(--pc-border)!important;
  border-radius:16px!important;color:var(--pc-text)!important;
}
.card-header,.panel-heading,.modal-header,.popover-header,.accordion-button{
  background-color:var(--pc-surface-2)!important;
  border-bottom:1px solid var(--pc-border)!important;color:var(--pc-text)!important;
}
.card-body,.card-text,.card-footer,.collapsable-card-body,.modal-body,.modal-footer,.popover-body{
  background-color:transparent!important;color:var(--pc-text)!important;
}
.card-footer,.modal-footer{border-top:1px solid var(--pc-border)!important}
.card-title{color:var(--pc-text)!important}

/* کارت‌های سایدبار */
.card-sidebar{background-color:var(--pc-surface)!important;border:1px solid var(--pc-border)!important}
.card-sidebar .card-header{background-color:var(--pc-surface-2)!important}
.card-minimise{color:var(--pc-muted)!important}

/* ===================== کاشی‌های داشبورد (tiles) ===================== */
.tiles .tile,.tile{
  background-color:var(--pc-surface)!important;
  border:1px solid var(--pc-border)!important;
  color:var(--pc-text)!important;
}
.tiles .tile:hover,.tile:hover{
  background-color:var(--pc-surface-2)!important;
  box-shadow:inset 0 0 40px -18px rgba(24,224,255,.55);
}
.tile .stat{color:var(--pc-neon)!important;font-weight:800}
.tile .title{color:var(--pc-muted)!important}
.tile i{color:var(--pc-muted)!important}
.tile .highlight{opacity:.9}

/* ===================== لیست‌گروپ / منوی سایدبار ===================== */
.list-group,.list-group-flush{background:transparent!important}
.list-group-item{
  background-color:transparent!important;
  border-color:var(--pc-border)!important;color:var(--pc-text)!important;
}
.list-group-item-action{color:var(--pc-text)!important}
.list-group-item-action:hover,.list-group-item-action:focus{
  background-color:rgba(24,224,255,.08)!important;color:var(--pc-neon)!important;
}
.list-group-item.active{
  background-color:rgba(24,224,255,.14)!important;
  border-color:var(--pc-neon)!important;color:var(--pc-neon)!important;
}

/* ===================== فرم‌ها و ورودی‌ها ===================== */
.form-control,.custom-select,.input-group-text,select,textarea,input,
.form-control:disabled,.form-control[readonly]{
  background-color:var(--pc-surface-2)!important;
  border:1px solid var(--pc-border)!important;color:var(--pc-text)!important;
}
.form-control:focus,.custom-select:focus{
  border-color:var(--pc-neon)!important;
  box-shadow:0 0 0 .2rem rgba(24,224,255,.25)!important;
  background-color:var(--pc-surface-2)!important;color:var(--pc-text)!important;
}
.form-control::placeholder{color:var(--pc-muted)!important}
/* رفع پس‌زمینه‌ی سفید فیلدهای autofill مرورگر */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-text-fill-color:var(--pc-text)!important;
  -webkit-box-shadow:0 0 0 1000px var(--pc-surface-2) inset!important;
  caret-color:var(--pc-text)!important;
  transition:background-color 9999s ease-in-out 0s;
}
.input-group-text{background-color:var(--pc-surface-3)!important}
label,.col-form-label{color:var(--pc-text)!important}

/* ===================== جدول‌ها ===================== */
.table,.table td,.table th{color:var(--pc-text)!important;border-color:var(--pc-border)!important}
.table thead th{border-color:var(--pc-border)!important;color:var(--pc-muted)!important;background-color:var(--pc-surface-2)!important}
.table-hover tbody tr:hover{background-color:rgba(24,224,255,.05)!important;color:var(--pc-text)!important}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.02)!important}
.table-bordered,.table-bordered td,.table-bordered th{border-color:var(--pc-border)!important}

/* ===================== کشویی / بردکرامب / صفحه‌بندی / بج ===================== */
.dropdown-menu{
  background-color:var(--pc-surface-2)!important;border:1px solid var(--pc-border)!important;
  color:var(--pc-text)!important;text-align:right;right:0;left:auto;
}
.dropdown-item{color:var(--pc-text)!important}
.dropdown-item:hover,.dropdown-item:focus{background-color:rgba(24,224,255,.1)!important;color:var(--pc-neon)!important}
.dropdown-divider{border-color:var(--pc-border)!important}
.breadcrumb{background-color:var(--pc-surface)!important;border:1px solid var(--pc-border)!important;border-radius:12px}
.breadcrumb-item.active{color:var(--pc-muted)!important}
.master-breadcrumb .breadcrumb{background:transparent!important;border:none!important}
.page-link{background-color:var(--pc-surface-2)!important;border-color:var(--pc-border)!important;color:var(--pc-text)!important}
.page-item.active .page-link{background-color:var(--pc-neon)!important;border-color:var(--pc-neon)!important;color:#04222b!important}
.page-item.disabled .page-link{background-color:var(--pc-surface)!important;color:var(--pc-muted)!important}
.badge-primary,.bg-primary{background-color:var(--pc-neon)!important;color:#04222b!important}
.badge-secondary{background-color:var(--pc-surface-3)!important;color:var(--pc-text)!important}

/* ===================== هشدارها / نوتیفیکیشن ===================== */
.alert{border:1px solid var(--pc-border)!important;background-color:var(--pc-surface-2)!important;color:var(--pc-text)!important}
.alert-success{border-color:rgba(40,200,120,.4)!important}
.alert-danger{border-color:rgba(255,90,90,.4)!important}
.alert-info{border-color:rgba(24,224,255,.4)!important}
.alert-warning{border-color:rgba(255,200,0,.4)!important}

/* ===================== نوار پیشرفت / تب‌ها ===================== */
.progress{background-color:var(--pc-surface-3)!important}
.progress-bar{background-color:var(--pc-neon)!important}
.nav-tabs{border-bottom:1px solid var(--pc-border)!important}
.nav-tabs .nav-link{color:var(--pc-muted)!important;border:none!important}
.nav-tabs .nav-link.active{color:var(--pc-neon)!important;background:transparent!important;border-bottom:2px solid var(--pc-neon)!important}

/* ===================== بج/رنگ‌های کانتکست در پنل.tpl ===================== */
.card-title.bg-primary,.card-title.bg-info{background:linear-gradient(180deg,var(--pc-neon),var(--pc-neon-2))!important;color:#04222b!important}

/* ===================== اصلاحات راست‌چین (RTL) ===================== */
.mr-auto{margin-right:0!important;margin-left:auto!important}
.ml-auto{margin-left:0!important;margin-right:auto!important}
.float-left{float:right!important}
.float-right{float:left!important}
.text-left{text-align:right!important}
.text-right{text-align:left!important}
.tile,.tiles .tile{border-right:none!important;border-left:1px solid var(--pc-border)!important}
.list-group{padding-right:0}
.modal-header .close{margin:-1rem auto -1rem -1rem}
.fa,.fas,.far,.fab{margin-left:.15em}
.card-minimise.float-right,.badge.float-right{float:left!important}

/* ===================== سبد خرید (انتهای فایل — غلبه‌ی قطعی) ===================== */
ul.toolbar li .nav-link.cart-btn,
.header ul.toolbar .nav-link.cart-btn{
  background-color:transparent!important;background-image:none!important;
  border:none!important;color:#ffffff!important;padding:.4rem .5rem!important}
ul.toolbar li .nav-link.cart-btn:hover{color:#18E0FF!important;background:transparent!important}
ul.toolbar li .nav-link.cart-btn i{font-size:1.55rem!important;color:inherit!important}