/* DigiCloud Hosting · WHMCS client area
   Dark restyle of Twenty-One (Bootstrap 4) and the standard cart, using the same tokens as
   digicloud.tr. Loaded after the site's theme.css / components.css. */
:root{
  --dh-bg:#0E0D0C; --dh-bg-2:#131210; --dh-surface:#181614; --dh-surface-2:#201D1A; --dh-surface-3:#2A2622;
  --dh-line:rgba(255,244,230,.08); --dh-line-2:rgba(255,244,230,.14);
  --dh-text:#F5F2ED; --dh-text-2:#D6D1CA; --dh-muted:#A39D95; --dh-faint:#857E76;
  --dh-brand:#FF8A1F; --dh-brand-2:#FFA54D; --dh-brand-ink:#170C02; --dh-brand-soft:rgba(255,138,31,.12);
  --dh-ok:#5BD08A; --dh-warn:#F2C14E; --dh-err:#F0715F;
  --dh-font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --dh-mono:"JetBrains Mono",ui-monospace,monospace;
  --dh-r:12px; --dh-r-lg:18px; --dh-container:1240px; --dh-gutter:24px; --dh-header-h:70px;
  color-scheme:dark;
}
html[lang="fa"]{--dh-font:"Vazirmatn","IBM Plex Sans",Tahoma,sans-serif}

/* ---------- base ---------- */
body.dh-whmcs{background:var(--dh-bg)!important;color:var(--dh-text-2);font-family:var(--dh-font);font-size:15.5px;-webkit-font-smoothing:antialiased}
body.dh-whmcs h1,body.dh-whmcs h2,body.dh-whmcs h3,body.dh-whmcs h4,body.dh-whmcs h5,body.dh-whmcs h6,body.dh-whmcs .h1,body.dh-whmcs .h2,body.dh-whmcs .h3,body.dh-whmcs .h4,body.dh-whmcs .h5{color:var(--dh-text);font-family:var(--dh-font);font-weight:650;letter-spacing:-.015em}
html[lang="fa"] body.dh-whmcs h1,html[lang="fa"] body.dh-whmcs h2,html[lang="fa"] body.dh-whmcs h3{letter-spacing:0}
body.dh-whmcs a{color:var(--dh-brand)}
body.dh-whmcs a:hover{color:var(--dh-brand-2)}
body.dh-whmcs .dh-topbar a,body.dh-whmcs .dh-header a,body.dh-whmcs .dh-drawer a,body.dh-whmcs .dh-footer a,body.dh-whmcs .dh-chat a,body.dh-whmcs .dh-mega a{text-decoration:none}
body.dh-whmcs .dh-header a:not(.dh-btn),body.dh-whmcs .dh-drawer a,body.dh-whmcs .dh-chat-list a,body.dh-whmcs .dh-footer-col a,body.dh-whmcs .dh-topbar a,body.dh-whmcs .dh-footer-contact a,body.dh-whmcs .dh-footer-bottom a,body.dh-whmcs .dh-related a,body.dh-whmcs .dh-lang-list a{color:inherit}
body.dh-whmcs .dh-topbar a:hover,body.dh-whmcs .dh-footer-bottom a:hover{color:var(--dh-text)}
body.dh-whmcs .dh-footer-brand .dh-brand,body.dh-whmcs .dh-header .dh-brand{color:var(--dh-text)}
body.dh-whmcs .dh-header .dh-btn-primary,body.dh-whmcs .dh-footer .dh-btn-primary,body.dh-whmcs .dh-drawer .dh-btn-primary{color:var(--dh-brand-ink)!important}
body.dh-whmcs .text-muted,body.dh-whmcs small.text-muted{color:var(--dh-muted)!important}
body.dh-whmcs hr{border-color:var(--dh-line)}
body.dh-whmcs .container{max-width:var(--dh-container);padding-inline:var(--dh-gutter)}
body.dh-whmcs .bg-white,body.dh-whmcs .bg-light{background:var(--dh-surface)!important}
body.dh-whmcs .border,body.dh-whmcs .border-top,body.dh-whmcs .border-bottom{border-color:var(--dh-line)!important}
body.dh-whmcs .text-dark,body.dh-whmcs .text-body{color:var(--dh-text)!important}
body.dh-whmcs code{color:var(--dh-brand-2)}
body.dh-whmcs ::selection{background:rgba(255,138,31,.35)}
/* the site header is sticky; keep the client bar right under it */
body.dh-whmcs .dh-header{position:sticky}
body.dh-whmcs .dh-chat{z-index:1040}

/* ---------- client bar (WHMCS navigation under the site header) ---------- */
.dh-client-header{background:var(--dh-bg-2)!important;border-bottom:1px solid var(--dh-line);box-shadow:none!important;position:relative;z-index:50}
/* account bar: notifications + signed-in account card */
.dh-client-header .dh-acctbar{background:linear-gradient(90deg,rgba(255,138,31,.05),transparent 40%,transparent 60%,rgba(255,138,31,.05))!important;border-bottom:1px solid var(--dh-line);padding:8px 0}
.dh-acctbar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.dh-acct-notes{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--dh-line-2);background:var(--dh-surface);color:var(--dh-muted);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s}
.dh-acct-notes:hover,.dh-acct-notes[aria-describedby]{border-color:rgba(255,138,31,.5);color:var(--dh-text)}
.dh-acct-bell{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dh-surface-2);color:var(--dh-text-2);font-size:13px}
.dh-acct-bell b{position:absolute;top:-5px;inset-inline-end:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--dh-brand);color:var(--dh-brand-ink);font:700 10px/17px var(--dh-mono);text-align:center}
.dh-acct-notes.has-alerts{color:var(--dh-text)}
.dh-acct-notes.has-alerts .dh-acct-bell{background:var(--dh-brand-soft);color:var(--dh-brand)}
.dh-acct{display:flex;align-items:center;gap:6px;padding:3px;border-radius:999px;border:1px solid var(--dh-line-2);background:var(--dh-surface)}
.dh-acct-me{display:flex;align-items:center;gap:10px;padding:2px 14px 2px 2px;border-radius:999px;color:var(--dh-text)!important;text-decoration:none!important;min-width:0}
[dir="rtl"] .dh-acct-me{padding:2px 2px 2px 14px}
.dh-acct-me:hover{background:var(--dh-surface-2)}
.dh-acct-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--dh-brand),var(--dh-brand-2));color:var(--dh-brand-ink);font-weight:700;font-size:15px}
.dh-acct-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.dh-acct-text small{font-size:10.5px;color:var(--dh-faint);text-transform:uppercase;letter-spacing:.08em}
.dh-acct-text b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.dh-acct-icon,.dh-acct-admin{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:34px;border-radius:999px;color:var(--dh-muted)!important;text-decoration:none!important;font-size:13px}
.dh-acct-icon:hover,.dh-acct-admin:hover{background:var(--dh-surface-2);color:var(--dh-brand)!important}
.dh-acct-admin{padding:0 12px;border:1px solid rgba(255,138,31,.35);color:var(--dh-brand)!important}
html[lang="fa"] .dh-acct-text small{text-transform:none;letter-spacing:0}
@media (max-width:575.98px){
  .dh-acct-notes-t{display:none}
  .dh-acct-notes{padding:0 6px}
  .dh-acct-text b{max-width:150px}
}
.dh-client-header .main-navbar-wrapper{background:transparent!important;padding:0;border:0}
.dh-client-header .main-navbar-wrapper>.container{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;min-height:58px}
.dh-panel-title{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:15px;color:var(--dh-text)!important;text-decoration:none!important;white-space:nowrap}
.dh-panel-title i{color:var(--dh-brand);font-size:18px}
.dh-toolbar{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-inline-start:auto;order:3}
.dh-client-header #mainNavbar{order:2;flex-basis:auto;flex-grow:1}
.dh-kb-search{position:relative;align-items:center}
.dh-kb-search i{position:absolute;inset-inline-start:12px;color:var(--dh-faint);font-size:13px}
.dh-kb-search .form-control{width:240px;height:38px;padding-inline-start:34px!important;border-radius:9px!important;font-size:13.5px}
.dh-client-header .cart-btn{position:relative;display:grid!important;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--dh-line-2)!important;color:var(--dh-text-2)!important;background:transparent!important;padding:0!important}
.dh-client-header .cart-btn:hover{border-color:var(--dh-brand)!important;color:var(--dh-brand)!important}
.dh-client-header .cart-btn .badge{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--dh-brand)!important;color:var(--dh-brand-ink)!important;border-radius:999px;font:600 10px var(--dh-mono);min-width:18px;padding:3px 5px}
.dh-client-header .toolbar .btn.nav-link{color:var(--dh-text-2)!important;border:1px solid var(--dh-line-2);border-radius:10px;width:40px;height:40px;padding:0;display:grid;place-items:center;background:transparent}
.dh-client-header #nav>li>a,.dh-client-header .navbar-nav>li>a{color:var(--dh-text-2)!important;font-size:14.5px;font-weight:500;padding:8px 12px!important;border-radius:8px;text-decoration:none!important}
.dh-client-header .navbar-nav>li>a:hover,.dh-client-header .navbar-nav>li.show>a{background:var(--dh-surface);color:var(--dh-text)!important}
.dh-client-header .navbar-nav .badge{background:var(--dh-brand);color:var(--dh-brand-ink)}
body.dh-whmcs .dropdown-menu{background:var(--dh-surface);border:1px solid var(--dh-line-2);border-radius:12px;box-shadow:0 20px 40px -12px rgba(0,0,0,.7);padding:6px}
body.dh-whmcs .dropdown-item,body.dh-whmcs .dropdown-menu li a{color:var(--dh-text-2)!important;border-radius:8px;font-size:14px}
body.dh-whmcs .dropdown-menu li.dropdown-item{padding:0;background:transparent}
body.dh-whmcs .dropdown-menu li a.dropdown-item{padding:8px 12px!important}
body.dh-whmcs .dropdown-item:hover,body.dh-whmcs .dropdown-item:focus,body.dh-whmcs .dropdown-menu li a:hover{background:var(--dh-surface-3)!important;color:var(--dh-text)!important}
body.dh-whmcs .dropdown-divider{border-color:var(--dh-line)}
.dh-header-fallback .dh-container{justify-content:space-between}
.dh-header-fallback .dh-brand img{height:31px;width:auto}

/* ---------- breadcrumb ---------- */
body.dh-whmcs .master-breadcrumb{background:transparent!important;border:0}
body.dh-whmcs .breadcrumb{background:transparent!important;padding:18px 0 0;margin:0;font-size:13px}
body.dh-whmcs .breadcrumb-item,body.dh-whmcs .breadcrumb-item a{color:var(--dh-faint)}
body.dh-whmcs .breadcrumb-item a:hover{color:var(--dh-brand)}
body.dh-whmcs .breadcrumb-item.active{color:var(--dh-text-2)}
body.dh-whmcs .breadcrumb-item+.breadcrumb-item::before{color:var(--dh-faint)}

/* ---------- main area ---------- */
body.dh-whmcs #main-body{background:transparent!important;padding:28px 0 72px;min-height:50vh}
body.dh-whmcs .primary-content>h1:first-child,body.dh-whmcs .header-lined h1{font-size:clamp(26px,3vw,36px)}
body.dh-whmcs .header-lined{border:0;margin-bottom:24px}
body.dh-whmcs .header-lined p{color:var(--dh-muted)}

/* cards */
body.dh-whmcs .card{background:var(--dh-bg-2);border:1px solid var(--dh-line);border-radius:var(--dh-r-lg);color:var(--dh-text-2);box-shadow:none}
body.dh-whmcs .card-header,body.dh-whmcs .card-footer{background:transparent;border-color:var(--dh-line);color:var(--dh-text)}
body.dh-whmcs .card-title{color:var(--dh-text)}
body.dh-whmcs .card-body{color:var(--dh-text-2)}
body.dh-whmcs .card-accent-blue,body.dh-whmcs .card[class*="card-accent-"]{border-top:2px solid var(--dh-brand)!important}

/* sidebar */
body.dh-whmcs .sidebar .card,body.dh-whmcs .card-sidebar{background:var(--dh-bg-2);border:1px solid var(--dh-line);border-radius:14px;overflow:hidden}
body.dh-whmcs .card-sidebar .card-header{padding:14px 16px}
body.dh-whmcs .card-sidebar .card-title,body.dh-whmcs .card-sidebar .panel-title{font:600 11px var(--dh-mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--dh-faint)!important;margin:0}
html[lang="fa"] body.dh-whmcs .card-sidebar .card-title{font-family:var(--dh-font)!important;letter-spacing:0;font-size:13px!important}
body.dh-whmcs .card-sidebar .card-title i{color:var(--dh-brand)}
body.dh-whmcs .list-group-item{background:transparent;border-color:var(--dh-line);color:var(--dh-text-2);font-size:14px;padding:11px 16px}
body.dh-whmcs .list-group-item-action:hover,body.dh-whmcs .list-group-item-action:focus{background:var(--dh-surface-2);color:var(--dh-text)}
body.dh-whmcs .list-group-item.active{background:var(--dh-brand-soft)!important;border-color:var(--dh-line)!important;color:var(--dh-brand)!important;box-shadow:inset 3px 0 0 var(--dh-brand)}
[dir="rtl"] body.dh-whmcs .list-group-item.active{box-shadow:inset -3px 0 0 var(--dh-brand)}
body.dh-whmcs .list-group-item .badge{background:var(--dh-surface-3);color:var(--dh-text-2)}

/* tables */
body.dh-whmcs .table{color:var(--dh-text-2)}
body.dh-whmcs .table th,body.dh-whmcs .table td,body.dh-whmcs .table thead th{border-color:var(--dh-line)!important}
body.dh-whmcs .table thead th,body.dh-whmcs .table-list thead th{background:var(--dh-surface)!important;color:var(--dh-faint)!important;font:600 11px var(--dh-mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--dh-line)!important}
html[lang="fa"] body.dh-whmcs .table thead th{font-family:var(--dh-font);letter-spacing:0;font-size:12.5px}
body.dh-whmcs .table-list{background:transparent!important}
body.dh-whmcs .table-list>tbody>tr>td{background:transparent!important}
body.dh-whmcs .table-list>tbody>tr:hover>td,body.dh-whmcs .table-hover tbody tr:hover{background:var(--dh-surface)!important;color:var(--dh-text)}
body.dh-whmcs .table-striped tbody tr:nth-of-type(odd){background:rgba(255,244,230,.02)}
body.dh-whmcs .table-container{background:transparent;border:1px solid var(--dh-line);border-radius:14px;overflow:hidden}
body.dh-whmcs .dataTables_wrapper .dataTables_info,body.dh-whmcs .dataTables_wrapper label{color:var(--dh-muted)}

/* status labels */
body.dh-whmcs .label,body.dh-whmcs .badge{border-radius:6px;font-weight:600;letter-spacing:.02em}
body.dh-whmcs .status{background:var(--dh-surface-3);color:var(--dh-text-2)}
body.dh-whmcs .status-active,body.dh-whmcs .status-paid,body.dh-whmcs .status-completed,body.dh-whmcs .status-open{background:rgba(91,208,138,.14)!important;color:var(--dh-ok)!important}
body.dh-whmcs .status-unpaid,body.dh-whmcs .status-overdue,body.dh-whmcs .status-terminated,body.dh-whmcs .status-fraud{background:rgba(240,113,95,.14)!important;color:var(--dh-err)!important}
body.dh-whmcs .status-pending,body.dh-whmcs .status-suspended,body.dh-whmcs .status-answered,body.dh-whmcs .status-customer-reply,body.dh-whmcs .status-payment-pending{background:rgba(242,193,78,.14)!important;color:var(--dh-warn)!important}
body.dh-whmcs .status-cancelled,body.dh-whmcs .status-closed,body.dh-whmcs .status-refunded,body.dh-whmcs .status-expired{background:rgba(163,157,149,.14)!important;color:var(--dh-muted)!important}
body.dh-whmcs .badge-info,body.dh-whmcs .badge-primary{background:var(--dh-brand);color:var(--dh-brand-ink)}
body.dh-whmcs .badge-success{background:var(--dh-ok);color:#06210f}
body.dh-whmcs .badge-danger{background:var(--dh-err);color:#2a0702}
body.dh-whmcs .badge-secondary,body.dh-whmcs .badge-default{background:var(--dh-surface-3);color:var(--dh-text-2)}

/* tiles (client area home) */
body.dh-whmcs .tiles{border:1px solid var(--dh-line);border-radius:var(--dh-r-lg);overflow:hidden;background:var(--dh-line)}
body.dh-whmcs .tiles .row{gap:0}
body.dh-whmcs .tiles .tile{background:var(--dh-bg-2)!important;border:0!important;margin:0 1px 1px 0;color:var(--dh-text)!important;text-decoration:none!important;padding:22px 24px;position:relative;display:block;transition:background .2s}
body.dh-whmcs .tiles .tile:hover{background:var(--dh-surface)!important}
body.dh-whmcs .tiles .tile i{color:var(--dh-surface-3)!important;font-size:42px;position:absolute;inset-inline-end:20px;top:22px;opacity:1}
body.dh-whmcs .tiles .tile .stat{font:600 38px/1 var(--dh-mono);color:var(--dh-text)!important;margin-bottom:6px}
body.dh-whmcs .tiles .tile .title{color:var(--dh-muted)!important;font-size:13px;text-transform:none;letter-spacing:0}
body.dh-whmcs .tiles .tile .highlight{height:3px!important;background:var(--dh-brand)!important;position:absolute;bottom:0;left:0;right:0;opacity:.0;transition:opacity .2s}
body.dh-whmcs .tiles .tile:hover .highlight{opacity:1}

/* forms */
body.dh-whmcs .form-control,body.dh-whmcs .custom-select,body.dh-whmcs select.form-control,body.dh-whmcs .input-group-text,body.dh-whmcs textarea.form-control{background-color:var(--dh-bg)!important;border:1px solid var(--dh-line-2)!important;color:var(--dh-text)!important;border-radius:10px;min-height:44px;font-size:15px;box-shadow:none!important}
body.dh-whmcs .custom-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A39D95' stroke-width='2'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}
[dir="rtl"] body.dh-whmcs .custom-select{background-position:left 12px center!important}
body.dh-whmcs .form-control:focus,body.dh-whmcs .custom-select:focus{border-color:var(--dh-brand)!important;box-shadow:0 0 0 3px rgba(255,138,31,.18)!important}
body.dh-whmcs .form-control::placeholder{color:var(--dh-faint)}
body.dh-whmcs .form-control:disabled,body.dh-whmcs .form-control[readonly]{background-color:var(--dh-surface)!important;color:var(--dh-muted)!important}
body.dh-whmcs .input-group-text{color:var(--dh-muted)!important}
body.dh-whmcs label,body.dh-whmcs .control-label,body.dh-whmcs .form-check-label{color:var(--dh-text-2);font-weight:500;font-size:14px}
body.dh-whmcs .custom-control-label::before,body.dh-whmcs .form-check-input{background-color:var(--dh-bg);border-color:var(--dh-line-2)}
body.dh-whmcs .custom-control-input:checked~.custom-control-label::before{background-color:var(--dh-brand);border-color:var(--dh-brand)}
body.dh-whmcs .iti__country-list{background:var(--dh-surface);color:var(--dh-text-2)}

/* buttons */
body.dh-whmcs .btn{border-radius:10px;font-weight:600;font-size:14.5px;padding:.6rem 1.15rem;box-shadow:none!important;transition:background .2s,border-color .2s,color .2s}
body.dh-whmcs .btn-sm{padding:.4rem .8rem;font-size:13px;border-radius:8px}
body.dh-whmcs .btn-lg{padding:.8rem 1.5rem}
body.dh-whmcs .btn-primary,body.dh-whmcs .btn-success,body.dh-whmcs .btn-order-now,body.dh-whmcs .btn-checkout,body.dh-whmcs #btnCompleteOrder{background:var(--dh-brand)!important;border-color:var(--dh-brand)!important;color:var(--dh-brand-ink)!important}
body.dh-whmcs .btn-primary:hover,body.dh-whmcs .btn-success:hover,body.dh-whmcs .btn-order-now:hover,body.dh-whmcs .btn-checkout:hover{background:var(--dh-brand-2)!important;border-color:var(--dh-brand-2)!important}
body.dh-whmcs .btn-default,body.dh-whmcs .btn-secondary,body.dh-whmcs .btn-light,body.dh-whmcs .btn-outline-primary,body.dh-whmcs .btn-outline-secondary,body.dh-whmcs .btn-info{background:transparent!important;border:1px solid var(--dh-line-2)!important;color:var(--dh-text)!important}
body.dh-whmcs .btn-default:hover,body.dh-whmcs .btn-secondary:hover,body.dh-whmcs .btn-light:hover,body.dh-whmcs .btn-outline-primary:hover,body.dh-whmcs .btn-info:hover{border-color:var(--dh-brand)!important;color:var(--dh-brand)!important}
body.dh-whmcs .btn-danger{background:transparent!important;border:1px solid rgba(240,113,95,.5)!important;color:var(--dh-err)!important}
body.dh-whmcs .btn-danger:hover{background:rgba(240,113,95,.12)!important}
body.dh-whmcs .btn-link{color:var(--dh-brand)}
body.dh-whmcs .btn-group>.btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}

/* alerts */
body.dh-whmcs .alert{border-radius:12px;border:1px solid var(--dh-line-2);background:var(--dh-surface);color:var(--dh-text-2)}
body.dh-whmcs .alert-info{border-color:rgba(255,165,77,.35);background:rgba(255,138,31,.08)}
body.dh-whmcs .alert-success{border-color:rgba(91,208,138,.35);background:rgba(91,208,138,.08)}
body.dh-whmcs .alert-warning{border-color:rgba(242,193,78,.35);background:rgba(242,193,78,.08)}
body.dh-whmcs .alert-danger{border-color:rgba(240,113,95,.4);background:rgba(240,113,95,.08)}
body.dh-whmcs .alert a{color:var(--dh-brand);font-weight:600}

/* tabs, pagination, modals, popovers */
body.dh-whmcs .nav-tabs{border-color:var(--dh-line)}
body.dh-whmcs .nav-tabs .nav-link{color:var(--dh-muted);border:0;border-bottom:2px solid transparent;border-radius:0;font-weight:500}
body.dh-whmcs .nav-tabs .nav-link:hover{color:var(--dh-text)}
body.dh-whmcs .nav-tabs .nav-link.active{background:transparent;color:var(--dh-text);border-bottom-color:var(--dh-brand)}
body.dh-whmcs .nav-pills .nav-link.active{background:var(--dh-brand);color:var(--dh-brand-ink)}
body.dh-whmcs .page-link{background:transparent;border-color:var(--dh-line-2);color:var(--dh-text-2)}
body.dh-whmcs .page-item.active .page-link{background:var(--dh-brand);border-color:var(--dh-brand);color:var(--dh-brand-ink)}
body.dh-whmcs .page-item.disabled .page-link{background:transparent;border-color:var(--dh-line);color:var(--dh-faint)}
body.dh-whmcs .modal-content{background:var(--dh-bg-2);border:1px solid var(--dh-line-2);border-radius:18px;color:var(--dh-text-2)}
body.dh-whmcs .modal-header,body.dh-whmcs .modal-footer{border-color:var(--dh-line)}
body.dh-whmcs .close{color:var(--dh-text);text-shadow:none;opacity:.7}
body.dh-whmcs .modal-backdrop.show{opacity:.7}
body.dh-whmcs .modal-localisation .modal-content{background:var(--dh-bg-2)}
body.dh-whmcs .item-selector .item{border:1px solid var(--dh-line-2);border-radius:10px;color:var(--dh-text-2);background:transparent;display:block;padding:10px 14px;margin-bottom:8px}
body.dh-whmcs .item-selector .item.active,body.dh-whmcs .item-selector .item:hover{border-color:var(--dh-brand);color:var(--dh-brand);background:var(--dh-brand-soft)}
body.dh-whmcs .popover{background:var(--dh-surface);border:1px solid var(--dh-line-2);border-radius:12px}
body.dh-whmcs .popover-body{color:var(--dh-text-2)}
body.dh-whmcs .client-alerts li a{color:var(--dh-text-2)}
body.dh-whmcs .progress{background:var(--dh-surface-3)}
body.dh-whmcs .progress-bar{background:var(--dh-brand)}
body.dh-whmcs .tooltip-inner{background:var(--dh-surface-3);color:var(--dh-text)}

/* domain search on the homepage and in the cart */
body.dh-whmcs .home-domain-search,body.dh-whmcs .domain-checker-container{background:transparent!important;padding:0 0 18px;border:0}
body.dh-whmcs .home-domain-search .container>div,body.dh-whmcs .domain-checker-bg{background:var(--dh-surface)!important;border:1px solid var(--dh-line-2);border-radius:18px;padding:22px!important;box-shadow:none}
body.dh-whmcs .home-domain-search h2{font-size:22px;margin-bottom:14px}
body.dh-whmcs .home-domain-search .input-group-wrapper .form-control,body.dh-whmcs .domain-checker-container .form-control{min-height:52px;font-size:16px}
body.dh-whmcs .home-domain-search .input-group-wrapper,body.dh-whmcs .home-domain-search .input-group{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
body.dh-whmcs .home-domain-search .input-group-wrapper .btn{min-height:52px}
body.dh-whmcs .home-domain-search .tld-logos li,body.dh-whmcs .home-domain-search .tld-logos li span{color:var(--dh-muted)}
body.dh-whmcs .home-domain-search .btn-link{color:var(--dh-brand)}

/* ---------- client area home page (homepage.tpl) ---------- */
.dh-wh-hero{position:relative;padding:56px 0 28px;overflow:hidden}
.dh-wh-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--dh-line) 1px,transparent 1px),linear-gradient(90deg,var(--dh-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 90% at 50% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 60% 90% at 50% 0%,#000 10%,transparent 70%);opacity:.6;pointer-events:none}
.dh-wh-hero .container{position:relative}
.dh-wh-hero h1{font-size:clamp(32px,4.4vw,54px)!important;line-height:1.08;margin:16px 0 14px;font-weight:700}
html[lang="fa"] .dh-wh-hero h1{line-height:1.35}
.dh-wh-hero .dh-lead{max-width:640px}
.dh-wh-section-head{margin:40px 0 18px}
.dh-wh-section-head h2{font-size:22px;margin:0}
.dh-wh-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.dh-wh-group{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--dh-line);border-radius:var(--dh-r-lg);background:var(--dh-bg-2);color:var(--dh-text)!important;text-decoration:none!important;transition:border-color .2s,transform .3s var(--dh-ease,ease),background .2s;min-height:190px}
.dh-wh-group:hover{border-color:rgba(255,138,31,.5);background:var(--dh-surface);transform:translateY(-3px)}
.dh-wh-group.is-featured{border-color:rgba(255,138,31,.5);background:linear-gradient(180deg,rgba(255,138,31,.08),var(--dh-bg-2) 60%)}
.dh-wh-group-ico{width:44px;height:44px;border-radius:11px;border:1px solid var(--dh-line-2);background:var(--dh-surface);display:grid;place-items:center;color:var(--dh-brand);font-size:19px;margin-bottom:8px}
.dh-wh-group strong{font-size:17px;font-weight:600}
.dh-wh-group-text{color:var(--dh-muted);font-size:14px}
.dh-wh-group-go{margin-top:auto;padding-top:12px;border-top:1px solid var(--dh-line);color:var(--dh-brand);font-size:13.5px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
[dir="rtl"] .dh-wh-group-go .fa-arrow-right{transform:scaleX(-1)}
.dh-wh-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1px;background:var(--dh-line);border:1px solid var(--dh-line);border-radius:var(--dh-r-lg);overflow:hidden}
.dh-wh-actions a{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--dh-bg-2);color:var(--dh-text-2)!important;text-decoration:none!important;font-weight:500;transition:background .2s,color .2s}
.dh-wh-actions a i{font-size:22px;color:var(--dh-brand)}
.dh-wh-actions a:hover{background:var(--dh-surface);color:var(--dh-text)!important}
.dh-wh-actions a.is-accent{background:linear-gradient(180deg,rgba(255,138,31,.1),var(--dh-bg-2))}

/* ---------- footer utility row ---------- */
.dh-wh-utility{border-top:1px solid var(--dh-line);background:var(--dh-bg-2);font-size:13.5px}
.dh-wh-utility .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-height:54px}
.dh-wh-secure{color:var(--dh-muted)}
.dh-wh-secure i{color:var(--dh-ok);margin-inline-end:6px}
.dh-wh-utility a{color:var(--dh-text-2)!important}
.dh-wh-utility a:hover{color:var(--dh-brand)!important}
.dh-wh-locale{background:transparent!important;border:1px solid var(--dh-line-2)!important;color:var(--dh-text-2)!important;padding:5px 12px!important;font-size:13px!important}
.dh-footer-fallback{border-top:1px solid var(--dh-line);padding:24px 0;color:var(--dh-faint);font-size:13px}

/* ---------- shopping cart (standard_cart, dh_cart, OneProvider) ---------- */
body.dh-whmcs #order-standard_cart{color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .cart-sidebar .card,body.dh-whmcs #order-standard_cart .panel-sidebar{background:var(--dh-bg-2);border-color:var(--dh-line)}
body.dh-whmcs #order-standard_cart .header-lined h1{color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .products .product,body.dh-whmcs #order-standard_cart .product{background:var(--dh-bg-2);border:1px solid var(--dh-line);border-radius:var(--dh-r-lg);box-shadow:none;color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .product header{background:transparent;border-bottom:1px solid var(--dh-line);color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .product header span{color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .product .product-desc{color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .product .price{color:var(--dh-text);font-family:var(--dh-mono)}
body.dh-whmcs #order-standard_cart .sub-heading{border-color:var(--dh-line)}
body.dh-whmcs #order-standard_cart .sub-heading span,body.dh-whmcs #order-standard_cart .sub-heading-borderless span{background:var(--dh-bg)!important;color:var(--dh-muted)!important}
body.dh-whmcs #order-standard_cart .field,body.dh-whmcs #order-standard_cart .form-control{background:var(--dh-bg)!important;border-color:var(--dh-line-2)!important;color:var(--dh-text)!important}
body.dh-whmcs #order-standard_cart .order-summary,body.dh-whmcs #order-standard_cart .summary-container{background:var(--dh-bg-2)!important;border:1px solid var(--dh-line);border-radius:var(--dh-r-lg);color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .order-summary h2,body.dh-whmcs #order-standard_cart .order-summary .summary-totals{background:transparent!important;color:var(--dh-text)!important;border-color:var(--dh-line)!important}
body.dh-whmcs #order-standard_cart .order-summary .total-due-today .amt{color:var(--dh-brand)!important;font-family:var(--dh-mono)}
body.dh-whmcs #order-standard_cart .view-cart-items-header{background:var(--dh-surface)!important;color:var(--dh-faint)!important;border-radius:12px 12px 0 0}
body.dh-whmcs #order-standard_cart .view-cart-items{border-color:var(--dh-line)!important}
body.dh-whmcs #order-standard_cart .view-cart-items .item{background:var(--dh-bg-2)!important;border-color:var(--dh-line)!important;color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .view-cart-items .item-title,body.dh-whmcs #order-standard_cart .item-price span{color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .empty-cart .btn{background:transparent;color:var(--dh-muted)}
body.dh-whmcs #order-standard_cart .view-cart-tabs .nav-tabs>li>a{color:var(--dh-muted)}
body.dh-whmcs #order-standard_cart .domain-selection-options .option{background:var(--dh-bg-2);border:1px solid var(--dh-line);border-radius:12px}
body.dh-whmcs #order-standard_cart .domain-selection-options .option-selected{border-color:var(--dh-brand);background:var(--dh-brand-soft)}
body.dh-whmcs #order-standard_cart .product-info{background:var(--dh-bg-2);border:1px solid var(--dh-line);border-radius:14px;color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .product-info .product-title{color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .panel-addon,body.dh-whmcs #order-standard_cart .addon-promo-container,body.dh-whmcs #order-standard_cart .account{background:var(--dh-bg-2);border-color:var(--dh-line);color:var(--dh-text-2)}
body.dh-whmcs #order-standard_cart .panel-addon-selected,body.dh-whmcs #order-standard_cart .account.active{border-color:var(--dh-brand)}
body.dh-whmcs #order-standard_cart .panel-addon .panel-add{background:var(--dh-surface-3);color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .panel-addon-selected .panel-add{background:var(--dh-brand);color:var(--dh-brand-ink)}
body.dh-whmcs #order-standard_cart .cc-input-container{background:var(--dh-bg-2);border:1px solid var(--dh-line);border-radius:14px}

/* dh_cart price cards */
.dh-cart-head .dh-eyebrow{margin-bottom:6px}
.dh-plans{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:0!important}
body.dh-whmcs #order-standard_cart .dh-plan{display:flex;flex-direction:column;margin:0;padding:26px;min-height:0;position:relative}
body.dh-whmcs #order-standard_cart .dh-plan.is-featured{border-color:var(--dh-brand);background:linear-gradient(180deg,rgba(255,138,31,.07),var(--dh-bg-2) 45%)}
body.dh-whmcs #order-standard_cart .dh-plan header{border:0;padding:0;margin:0 0 6px;font:600 13px var(--dh-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dh-muted)}
body.dh-whmcs #order-standard_cart .dh-plan header .dh-plan-name{color:var(--dh-muted)}
body.dh-whmcs #order-standard_cart .dh-plan-price{text-align:start;width:auto;float:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:2px}
body.dh-whmcs #order-standard_cart .dh-plan-price .price{font:600 38px/1.1 var(--dh-mono);letter-spacing:-.02em;color:var(--dh-text)}
body.dh-whmcs #order-standard_cart .dh-plan-price small{color:var(--dh-muted);font-size:13px}
body.dh-whmcs #order-standard_cart .dh-plan-specs{padding:0;width:auto;float:none;margin-bottom:22px;font-size:14px}
body.dh-whmcs #order-standard_cart .dh-plan-specs ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body.dh-whmcs #order-standard_cart .dh-plan-specs li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--dh-line);padding-bottom:9px;color:var(--dh-muted)}
body.dh-whmcs #order-standard_cart .dh-plan-specs li b{color:var(--dh-text);font-weight:600;text-align:end}
body.dh-whmcs #order-standard_cart .dh-plan footer{margin-top:auto;padding:0;border:0;background:transparent}
.dh-cart-note{margin-top:18px;color:var(--dh-faint);font-size:13px}
/* standard_cart floats its price, description and button side by side; the cards stack them */
body.dh-whmcs #order-standard_cart .products .dh-plan>header,
body.dh-whmcs #order-standard_cart .products .dh-plan>.product-pricing,
body.dh-whmcs #order-standard_cart .products .dh-plan>.product-desc,
body.dh-whmcs #order-standard_cart .products .dh-plan>footer{float:none!important;width:auto!important;text-align:start!important;margin-inline:0!important;font-size:inherit}
body.dh-whmcs #order-standard_cart .products .dh-plan>.product-pricing .price{font:600 38px/1.1 var(--dh-mono)!important;display:block}
body.dh-whmcs #order-standard_cart .products .dh-plan>footer .btn{width:100%!important;display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:15px!important;padding:0 18px!important;white-space:nowrap}
body.dh-whmcs #order-standard_cart .products .dh-plan>.product-desc li{font-size:14px!important}
body.dh-whmcs #order-standard_cart .products .dh-plan>.product-desc li span{color:var(--dh-muted)}

/* OneProvider family cards (cloud groups) */
body.dh-whmcs .op-family-tabs{border:1px solid var(--dh-line);border-radius:12px;background:var(--dh-bg);padding:4px;gap:4px}
body.dh-whmcs .op-family-tab{color:var(--dh-muted)!important;border-radius:9px;background:transparent!important;border:0!important}
body.dh-whmcs .op-family-tab.is-active,body.dh-whmcs .op-family-tab:hover{background:var(--dh-surface-3)!important;color:var(--dh-text)!important}
body.dh-whmcs .op-family-card{background:var(--dh-bg-2)!important;border:1px solid var(--dh-line)!important;border-radius:var(--dh-r-lg)!important;color:var(--dh-text-2)!important;box-shadow:none!important}
body.dh-whmcs .op-family-card:hover{border-color:rgba(255,138,31,.5)!important}
body.dh-whmcs .op-family-card-name{color:var(--dh-text)!important}
body.dh-whmcs .op-family-card-desc{color:var(--dh-muted)!important}
body.dh-whmcs .op-family-card-price,body.dh-whmcs .op-family-card-price .price{color:var(--dh-text)!important;font-family:var(--dh-mono)}
body.dh-whmcs .op-family-card-icon{color:var(--dh-brand)!important;background:var(--dh-surface)!important;border-color:var(--dh-line-2)!important}

/* ---------- login / register ---------- */
body.dh-whmcs.dh-tpl-login .login-form,body.dh-whmcs .login-form{max-width:520px;margin:0 auto}
body.dh-whmcs .login-form .card,body.dh-whmcs #frmRegistration .card{border-color:var(--dh-line-2)}
body.dh-whmcs .login-form .card-body{padding:32px!important}
body.dh-whmcs .social-signin-btns .btn{border-color:var(--dh-line-2)}

/* ---------- invoice / print stays light ---------- */
@media print{body.dh-whmcs{background:#fff!important;color:#000}.dh-topbar,.dh-header,.dh-drawer,.dh-client-header,.dh-footer,.dh-chat,.dh-wh-utility{display:none!important}}

/* ---------- responsive ---------- */
@media (min-width:1200px){
  .dh-client-header .main-navbar-wrapper>.container{flex-wrap:nowrap}
  .dh-client-header #mainNavbar{display:flex!important;flex:1 1 auto;min-width:0}
  .dh-client-header #mainNavbar #nav{margin-inline-end:auto!important;margin-right:0;margin-left:0}
  .dh-client-header #mainNavbar .navbar-nav{flex-wrap:nowrap}
  .dh-toolbar{flex-shrink:0;margin-inline-start:12px}
  .dh-kb-search .form-control{width:200px}
}
@media (max-width:1199px){
  .dh-client-header .main-navbar-wrapper>.container{flex-wrap:wrap}
  .dh-client-header #mainNavbar{order:4;flex-basis:100%}
  .dh-client-header #mainNavbar .navbar-nav{padding:6px 0 12px}
}
@media (max-width:640px){
  :root{--dh-gutter:16px}
  .dh-panel-title span{max-width:160px;overflow:hidden;text-overflow:ellipsis}
  .dh-wh-hero{padding:36px 0 18px}
  .dh-wh-groups{grid-template-columns:1fr}
  .dh-wh-actions{grid-template-columns:1fr 1fr}
  body.dh-whmcs .tiles .tile .stat{font-size:30px}
}
/* sold out */
body.dh-whmcs #order-standard_cart .dh-plan.is-soldout{opacity:.62}
body.dh-whmcs #order-standard_cart .dh-plan .qty.dh-soldout{color:#ff8a8a;border-color:rgba(255,120,120,.35)}
body.dh-whmcs .dh-btn-soldout{cursor:not-allowed;pointer-events:none;background:transparent!important;border:1px dashed rgba(255,255,255,.18)!important;color:var(--dh-muted)!important}