/* ==========================================================================
   HostForge — child theme styles for WHMCS 9 (parent: Twenty-One / Bootstrap 4)
   فارسی · راست‌چین · فونت وزیرمتن · هماهنگ با قالب وردپرس هاست‌فورج
   این فایل به‌صورت خودکار توسط تم فرزند بارگذاری می‌شود.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root{
  --hf-ink:#12182A;
  --hf-ink-soft:#3A4256;
  --hf-muted:#6B7280;
  --hf-paper:#FFFFFF;
  --hf-paper-2:#F5F6FA;
  --hf-line:#E5E8F0;
  --hf-accent:#2D5BFF;
  --hf-accent-ink:#1E40D8;
  --hf-teal:#11B886;
  --hf-gold:#FFB020;
  --hf-radius:14px;
}

/* ---------- پایه: فونت و راست‌چین ---------- */
html[dir],body{font-family:'Vazirmatn',system-ui,sans-serif!important}
body{
  direction:rtl;
  text-align:right;
  color:var(--hf-ink);
  background:var(--hf-paper-2);
  letter-spacing:normal!important;
}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{font-family:'Vazirmatn',sans-serif!important;font-weight:800;letter-spacing:normal!important}
a{color:var(--hf-accent)}
a:hover{color:var(--hf-accent-ink)}

/* فاصله‌ی حروف فارسی نباید بشکند */
*{letter-spacing:normal!important}

/* ---------- دکمه‌ها ---------- */
.btn{border-radius:10px;font-weight:600}
.btn-primary{background:var(--hf-accent);border-color:var(--hf-accent)}
.btn-primary:hover,.btn-primary:focus{background:var(--hf-accent-ink);border-color:var(--hf-accent-ink)}
.btn-outline-primary{color:var(--hf-accent);border-color:var(--hf-accent)}
.btn-outline-primary:hover{background:var(--hf-accent);border-color:var(--hf-accent)}

/* ---------- نوار اعلان بالا (تزریق‌شده با هوک ClientAreaHeaderOutput) ---------- */
.hf-topbar{
  background:var(--hf-ink);color:#fff;font-size:13.5px;
}
.hf-topbar .hf-wrap{max-width:1180px;margin:0 auto;padding:0 20px;height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hf-topbar .hf-promo{display:flex;align-items:center;gap:16px;overflow:hidden;white-space:nowrap}
.hf-topbar .hf-tag{background:var(--hf-teal);color:#04221a;font-weight:700;font-size:11px;padding:2px 8px;border-radius:5px}
.hf-topbar .hf-links{display:flex;gap:16px;opacity:.85;flex-shrink:0}
.hf-topbar a{color:#fff}
.hf-topbar a:hover{color:var(--hf-gold)}
@media(max-width:760px){.hf-topbar .hf-links{display:none}.hf-topbar .hf-promo span:not(:first-child){display:none}}

/* ---------- هدر / ناوبری ---------- */
/* z-index بالا تا زیرمنوها روی بخش‌های صفحه (هیرو/اسلاید) بیفتند، نه پشت آن‌ها.
   نوار به‌خاطر backdrop-filter یک stacking context می‌سازد؛ با z-index مشخص، بالای محتوا قرار می‌گیرد. */
.navbar,#header .navbar,header .navbar,#header,header#header{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--hf-line);
  box-shadow:none;
  position:relative;
  z-index:1040;
}
.navbar .navbar-brand{font-weight:800;color:var(--hf-ink)!important}
/* حذف خط زیر گزینه‌های منو (هم text-decoration و هم border/کاراکتر تزئینی) */
.navbar .nav-link,.navbar .nav-item>a,#header .navbar a{color:var(--hf-ink-soft)!important;font-weight:500;border-radius:8px;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
.navbar .nav-link:hover,.navbar .nav-item>a:hover{color:var(--hf-ink)!important;background:var(--hf-paper-2);text-decoration:none!important}
.navbar .dropdown-menu{border-radius:12px;border:1px solid var(--hf-line);box-shadow:0 18px 40px -24px rgba(18,24,42,.4);z-index:1041}
.dropdown-menu{text-align:right;right:0;left:auto}

/* ---------- حذف جستجوی پایگاه دانش از هدر (نسخه‌ی دسکتاپ و موبایل) ---------- */
/* فقط باکس جستجو مخفی می‌شود؛ خودِ فرم (با ml-auto) به‌عنوان فاصله‌گذار می‌ماند تا سبد خرید سمت راست بماند */
form[action*="knowledgebase/search"] .input-group.search{display:none!important}

/* ---------- «حساب» به‌شکل آیکون کنار سبد خرید (آیکون <i> توسط اسکریپت درج می‌شود) ---------- */
#Secondary_Navbar-Account>a{display:inline-flex;align-items:center;padding:.5rem .6rem}
#Secondary_Navbar-Account>a .fa-user{font-size:1.05rem;line-height:1}
#Secondary_Navbar-Account>a::after{display:none!important} /* حذف فلش دراپ‌داون */
/* منوی حساب باید روی صفحه باز شود (overlay)، نه داخل هدر — چون نوار بالا navbar-expand ندارد */
#Secondary_Navbar-Account{position:relative}
#Secondary_Navbar-Account .dropdown-menu{position:absolute!important;top:100%;right:0;left:auto;float:none;font-size:14px;z-index:1050}

/* ---------- افزایش ارتفاع نوار بالای هدر تا آیکون‌های حساب و سبد خرید کامل دیده شوند ---------- */
/* z-index بالاتر از نوار دوم تا زیرمنوی حساب روی آن بیفتد نه زیرش */
.navbar.navbar-light{padding-top:12px!important;padding-bottom:12px!important;min-height:66px;align-items:center;position:relative;z-index:1055!important}
.navbar.main-navbar-wrapper{z-index:1040}
.navbar.navbar-light .navbar-nav.toolbar{align-items:center}
.navbar.navbar-light .navbar-nav.toolbar .nav-link{display:inline-flex;align-items:center;line-height:1}
/* محتوای اصلی زیرِ نوار قرار می‌گیرد تا زیرمنو روی آن دیده شود */
#main-body{position:relative;z-index:1}

/* ---------- کارت‌ها / پنل‌ها ---------- */
.card,.panel{border:1px solid var(--hf-line);border-radius:var(--hf-radius);box-shadow:none}
.card:hover{box-shadow:0 18px 40px -28px rgba(18,24,42,.35)}
.panel-heading,.card-header{background:var(--hf-paper)!important;border-bottom:1px solid var(--hf-line)}

/* ---------- صفحه‌ی اصلی / پنل‌های هوم ---------- */
.client-home-panels .panel,.home-panels .card{border-radius:var(--hf-radius)}

/* بنر هیرو روی صفحه‌ی ورود/خانه (تزریق‌شده با هوک) */
.hf-hero{
  position:relative;overflow:hidden;background:var(--hf-ink);color:#fff;
  border-radius:var(--hf-radius);padding:46px 36px;margin:22px 0 8px;
}
.hf-hero::before{content:"";position:absolute;inset:0;opacity:.55;
  background-image:linear-gradient(rgba(45,91,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,91,255,.08) 1px,transparent 1px);
  background-size:40px 40px}
.hf-hero h2{position:relative;font-size:30px;margin-bottom:10px}
.hf-hero p{position:relative;color:#C3C9D6;margin-bottom:20px;max-width:560px}
.hf-hero .hf-eyebrow{position:relative;color:#8fb0ff;font-weight:600;font-size:13px}
.hf-hero .btn{position:relative}

/* ---------- بازارچه‌ی ماژول‌ها (ماژول اختصاصی) ---------- */
.hf-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.hf-mod{background:#fff;border:1px solid var(--hf-line);border-radius:var(--hf-radius);padding:22px;transition:.18s;position:relative}
.hf-mod:hover{border-color:var(--hf-accent);transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(45,91,255,.45)}
.hf-mod .hf-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.hf-mod .hf-ico{width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,#eaf0ff,#dfe7ff);display:grid;place-items:center;color:var(--hf-accent);font-size:20px}
.hf-mod .hf-compat{font-size:11px;color:var(--hf-muted);border:1px solid var(--hf-line);padding:3px 8px;border-radius:6px}
.hf-mod h3{font-size:18px;font-weight:700;margin-bottom:6px}
.hf-mod p{font-size:13.5px;color:var(--hf-muted);margin-bottom:16px;min-height:44px}
.hf-mod .hf-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hf-line);padding-top:13px}
.hf-mod .hf-price{font-weight:700;font-size:15px}
.hf-mod .hf-price small{font-weight:400;color:var(--hf-muted);font-size:12px}
.hf-mod .hf-stars{font-size:13px;color:var(--hf-gold)}
.hf-mod .hf-stars span{color:var(--hf-muted);font-size:12px}
.hf-ribbon{position:absolute;top:-9px;right:18px;background:var(--hf-gold);color:#3a2700;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:5px}
@media(max-width:980px){.hf-mods{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hf-mods{grid-template-columns:1fr}}

/* ==========================================================================
   فوتر سفارشی سایت (سبک ModulesGarden) — تزریق‌شده با هوک ClientAreaFooterOutput
   محتوای آن از پنل ماژول › تب «فوتر» مدیریت می‌شود. فوتر پیش‌فرض WHMCS با CSS مخفی است.
   ========================================================================== */
.hf-site-footer{background:var(--hf-ink);color:#aeb6c7;font-family:'Vazirmatn',sans-serif;direction:rtl;text-align:right;font-size:14px;margin-top:40px;position:relative}
.hf-site-footer *{box-sizing:border-box}
.hf-site-footer a{color:#aeb6c7;text-decoration:none;transition:color .16s}
.hf-site-footer a:hover{color:#fff}
.hf-site-footer .hf-ft-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hf-site-footer .hf-ft-main{padding:56px 0 40px;border-top:3px solid var(--hf-accent)}
.hf-site-footer .hf-ft-main .hf-ft-wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;gap:32px}

/* برند */
.hf-site-footer .hf-ft-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px;margin-bottom:14px}
.hf-site-footer .hf-ft-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--hf-accent),#7c3aed);position:relative;flex-shrink:0}
.hf-site-footer .hf-ft-mark::after{content:"";position:absolute;inset:8px;border:2px solid #fff;border-radius:3px;opacity:.9}
.hf-site-footer .hf-ft-brand p{color:#8b93a7;line-height:2;margin:0 0 16px;font-size:13.5px}
.hf-site-footer .hf-ft-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.hf-site-footer .hf-ft-contact li{display:flex;align-items:center;gap:9px;font-size:13px;color:#8b93a7}
.hf-site-footer .hf-ft-contact i{color:var(--hf-accent);width:16px;text-align:center}

/* ستون‌های لینک */
.hf-site-footer .hf-ft-col h5,.hf-site-footer .hf-ft-news h5{color:#fff;font-size:14.5px;font-weight:700;margin:0 0 16px;position:relative;padding-bottom:10px}
.hf-site-footer .hf-ft-col h5::after,.hf-site-footer .hf-ft-news h5::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:28px;height:2px;background:var(--hf-accent);border-radius:2px}
.hf-site-footer .hf-ft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.hf-site-footer .hf-ft-col li a{font-size:13.5px;display:inline-flex;align-items:center;gap:7px}
.hf-site-footer .hf-ft-col li a::before{content:"›";color:var(--hf-accent);font-size:16px;line-height:1}

/* خبرنامه */
.hf-site-footer .hf-ft-news p{color:#8b93a7;line-height:1.9;font-size:13px;margin:0 0 14px}
.hf-site-footer .hf-ft-form{display:flex;gap:8px;margin-bottom:16px}
.hf-site-footer .hf-ft-form input{flex:1;min-width:0;padding:11px 13px;border:1px solid #2f3a5e;border-radius:10px;background:#161e33;color:#fff;font-family:inherit;font-size:13px}
.hf-site-footer .hf-ft-form input::placeholder{color:#6b7488}
.hf-site-footer .hf-ft-form input:focus{outline:none;border-color:var(--hf-accent);box-shadow:0 0 0 3px rgba(45,91,255,.15)}
.hf-site-footer .hf-ft-form button{background:var(--hf-accent);color:#fff;border:0;border-radius:10px;padding:0 18px;font-weight:700;font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .16s}
.hf-site-footer .hf-ft-form button:hover{background:var(--hf-accent-ink)}
.hf-site-footer .hf-ft-social{display:flex;gap:10px;flex-wrap:wrap}
.hf-site-footer .hf-ft-social a{width:38px;height:38px;border:1px solid #2f3a5e;border-radius:10px;display:grid;place-items:center;color:#aeb6c7;font-size:15px}
.hf-site-footer .hf-ft-social a:hover{border-color:var(--hf-accent);background:var(--hf-accent);color:#fff}

/* نوار پایین */
.hf-site-footer .hf-ft-bottom{border-top:1px solid #232c45;padding:20px 0}
.hf-site-footer .hf-ft-bottom .hf-ft-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#7b8398}
.hf-site-footer .hf-ft-blinks{display:flex;gap:18px;flex-wrap:wrap}

@media(max-width:900px){.hf-site-footer .hf-ft-main .hf-ft-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hf-site-footer .hf-ft-main .hf-ft-wrap{grid-template-columns:1fr}.hf-site-footer .hf-ft-bottom .hf-ft-wrap{justify-content:center;text-align:center}}

/* ---------- محتوای تمام‌عرض در همه‌ی صفحات ---------- */
/* کانتینر محتوای اصلی به‌جای ستون باریک وسط‌چین، تمام عرض صفحه را می‌گیرد.
   ناوبری و فوتر تحت تأثیر قرار نمی‌گیرند چون بیرون از #main-body هستند. */
#main-body > .container,
#main-body > .container-fluid,
.main-content > .container,
section#main-body .container{max-width:100%!important;width:100%!important}

/* ---------- حذف breadcrumb از همه‌ی صفحات ---------- */
.master-breadcrumb .breadcrumb{display:none!important}

/* ---------- حذف کامل سایدبار از همه‌ی صفحات (موقت — تا اطلاع بعدی) ---------- */
.sidebar,
.cart-sidebar,
.secondary-content,
.secondary-sidebar,
#sidebar,
aside.sidebar,
.sidebar-collapsed{display:none!important}
/* محتوای اصلی پس از حذف سایدبار تمام‌عرض شود */
.primary-content{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
#order-standard_cart .cart-body{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
/* گرید سبد خرید استاندارد بدون سایدبار تک‌ستونه شود */
#order-standard_cart > .row{display:block!important}

/* اعداد و اعشار فارسی به‌صورت چپ‌چین درون متن راست‌چین درست دیده شوند */
.hf-num,bdi{unicode-bidi:plaintext}

/* ---------- تایل لوگوی درگاه‌های پرداخت (سراسری — توسط هوک ساخته می‌شود) ---------- */
label.hf-gw-tile{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  border:1.5px solid var(--hf-line);border-radius:13px;padding:14px 18px;min-width:110px;min-height:74px;
  cursor:pointer;transition:.16s;margin:4px;position:relative;background:#fff;vertical-align:middle;
}
label.hf-gw-tile:hover{border-color:var(--hf-accent)}
label.hf-gw-tile.hf-on{border-color:var(--hf-accent);background:#f6f9ff;box-shadow:0 0 0 3px rgba(45,91,255,.12)}
label.hf-gw-tile input[name="paymentmethod"]{accent-color:var(--hf-accent);margin:0}
label.hf-gw-tile img{height:32px;max-width:120px;object-fit:contain;display:block}
label.hf-gw-tile .hf-gw-label{font-size:13px;font-weight:700;color:var(--hf-ink)}
label.hf-gw-tile .hf-gw-name{
  position:absolute;bottom:calc(100% + 8px);inset-inline-start:50%;transform:translateX(50%);
  background:var(--hf-ink);color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;
  white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30;
}
label.hf-gw-tile:hover .hf-gw-name,label.hf-gw-tile.hf-on .hf-gw-name{opacity:1}