/*!
 * PK DOMAIN skin for the WHMCS "twenty-one" client area
 * -----------------------------------------------------
 * Loaded automatically by includes/head.tpl (WHMCS picks up css/custom.css).
 * 1. Brand tokens (light + dark)
 * 2. Main-site header / footer (scoped to .pkd, copied from pk-domain.com style.css)
 * 3. WHMCS client area restyle
 * 4. Dark mode for WHMCS pages
 */

/* ============ 1. Brand tokens ============ */
:root{
  --pk-navy:#0a1f3d;--pk-navy2:#12305c;--pk-acc:#12b76a;--pk-acc-d:#0e9a59;--pk-link:#0a7d45;
  --pk-gold:#f5a524;--pk-ink:#1b2433;--pk-mut:#5b6678;--pk-line:#e3e8ef;--pk-bg:#f4f7fb;--pk-card:#fff;
  --pk-field:#fff;--pk-alt:#f8fafc;--pk-r:0px;
  --pk-font:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
:root[data-theme="dark"]{
  --pk-navy:#060e1e;--pk-navy2:#0d2547;--pk-link:#3fd18c;
  --pk-ink:#e7ecf5;--pk-mut:#9fb0c9;--pk-line:#1e2c44;--pk-bg:#0b1526;--pk-card:#101b30;
  --pk-field:#0b1526;--pk-alt:#0d1a2e;
  color-scheme:dark;
}

/* ============ 2. Main-site header / footer ============ */
/* WHMCS sets html,body{height:100%}, which stops the sticky header after one screen */
html,body{height:auto;min-height:100%}
.pkd,.pkd *,.pkd *::before,.pkd *::after{box-sizing:border-box}
.pkd{font-family:var(--pk-font);line-height:1.6;color:var(--pk-ink);text-align:left}
.pkd ul,.pkd ol{list-style:none;margin:0;padding:0}
.pkd h4,.pkd p{margin:0}
.pkd h4{font-size:1em;font-weight:700;line-height:1.6;font-family:inherit}
.pkd .sub input,.pkd .sub .btn{font-size:.83rem;line-height:1.2}
.pkd a,.pkd a:hover,.pkd a:focus{color:inherit;text-decoration:none}
.pkd svg{display:block;overflow:visible}
.pkd button{font-family:inherit;line-height:inherit;text-transform:none}
.pkd button:focus{outline:0}
.pkd :focus-visible{outline:3px solid var(--pk-gold);outline-offset:2px}
.pkd small{font-weight:inherit}
.pkd .btn{vertical-align:baseline;user-select:auto;transition:filter .15s}
.pkd .btn:focus{box-shadow:none}
.pkd a.btn{text-align:left}
.pkd .btn.b{text-align:center}
.pkd .wrap.nav{flex-wrap:nowrap;margin-bottom:0}
.pkd.site .wrap,.pkd.topbar .wrap{position:static}
.pkd.site{font-size:1rem}
footer.pkd{line-height:1.6}
footer.pkd .copy{align-items:center}
/* WHMCS language / currency switcher inside the footer bottom bar */
footer.pkd .pkd-locale{display:inline-flex;align-items:center;gap:8px;background:#0d2445;border:1px solid #24406e;color:#dbe6f5;font-size:.82rem;font-weight:600;padding:5px 12px;cursor:pointer;border-radius:0}
footer.pkd .pkd-locale:hover{background:#12305c;color:#fff}
footer.pkd .pkd-locale .iti-flag{display:inline-block;flex:none}
footer.pkd .copy>span:first-child{margin-right:auto}
footer.pkd #subMsg{color:#cbd8ec;font-size:.85rem}
@media(max-width:700px){footer.pkd .copy{justify-content:center;text-align:center}footer.pkd .copy>span:first-child{margin-right:0;width:100%}}

/* --- scoped copy of pk-domain.com assets/css/style.css (header, footer, sticky buttons) --- */
.pkd .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pkd .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.pkd .btn{display:inline-block;background:var(--pk-acc);color:#fff;font-weight:400;font-size:inherit;line-height:inherit;font-family:inherit;padding:11px 22px;border:0;border-radius:0;cursor:pointer}
.pkd .btn:hover{filter:brightness(.93)}
.pkd .btn.o{background:none;border:1.5px solid var(--pk-navy);color:var(--pk-navy)}
.pkd .btn.b{display:block;text-align:center}
:root[data-theme="dark"] .pkd .btn.o{border-color:#3d6aa8;color:#fff}
.pkd.notice{background:var(--pk-gold);color:#3b2600;font-size:.9rem;text-align:center;padding:8px 40px}
.pkd.notice a{text-decoration:underline;font-weight:600}
.pkd.notice{position:relative}
.pkd #noticeClose{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#3b2600;font-size:1.3rem;line-height:1;cursor:pointer;padding:2px 8px}
.pkd.notice.hide{display:none}
.pkd.topbar{background:var(--pk-navy);color:#cbd8ec;font-size:.85rem}
.pkd.topbar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding-top:8px;padding-bottom:8px}
.pkd.topbar ul{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.pkd.topbar a:hover{color:#fff}
.pkd.topbar li.wsearch{list-style:none}
.pkd .wtop{display:flex;align-items:stretch;gap:0}
.pkd .wtop input{width:190px;max-width:40vw;border:1px solid #24406e;background:#0d2445;color:#fff;padding:6px 10px;border-radius:0;font-size:.82rem}
.pkd .wtop input::placeholder{color:#8ca2c4}
.pkd .wtop button{display:flex;align-items:center;gap:5px;background:var(--pk-acc);color:#04202f;border:0;padding:6px 12px;font-weight:700;font-size:.8rem;cursor:pointer;white-space:nowrap}
.pkd .wtop button .i{width:14px;height:14px}
:root[data-theme="dark"] .pkd .wtop input{background:#081527;border-color:#1c3358}
@media(max-width:640px){.pkd .wtop input{width:120px}}
.pkd.site{background:var(--pk-card);border-bottom:1px solid var(--pk-line);position:sticky;top:0;z-index:50}
.pkd .nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:10px}
.pkd .logo{display:flex;align-items:center;gap:10px;color:var(--pk-navy);line-height:1.1}
:root[data-theme="dark"] .pkd .logo{color:#fff}
.pkd .logoicon{width:42px;height:42px;flex:none}
.pkd .logo strong{font-size:1.15rem;display:block}
.pkd .logo small{color:var(--pk-mut);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pkd .navr{display:flex;align-items:center;gap:6px}
.pkd .menu{display:flex;align-items:center}
.pkd .menu>li>a,.pkd .menu>li>button{display:flex;align-items:center;gap:5px;background:none;border:0;font-family:inherit;font-weight:800;font-size:1.04rem;letter-spacing:.01em;padding:24px 13px;cursor:pointer;color:var(--pk-ink)}
.pkd .menu>li>a:hover,.pkd .menu>li>button:hover,.pkd .menu>li.open>button{color:var(--pk-acc)}
.pkd .menu>li>button .caret{width:11px;height:11px;transition:transform .18s}
.pkd .menu>li.open>button .caret{transform:rotate(180deg)}
.pkd .mega{display:none;position:absolute;left:0;right:0;top:100%;background:var(--pk-card);border-top:1px solid var(--pk-line);box-shadow:0 18px 30px rgba(10,31,61,.14);max-height:82vh;overflow-y:auto}
.pkd .menu>li.open .mega{display:block}
.pkd .mega .wrap{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:0;padding-top:16px;padding-bottom:18px}
.pkd .mega .wrap>div{padding:0 22px;display:flex;flex-direction:column;align-items:stretch}
.pkd .mega .wrap>div:first-child{padding-left:0}
.pkd .mega .wrap>div:not(:first-child){border-left:1px solid var(--pk-line)}
.pkd .mega h4{color:var(--pk-navy);font-size:.86rem;margin-bottom:7px;padding-bottom:6px;border-bottom:1px dashed var(--pk-line);text-transform:uppercase;letter-spacing:.03em}
:root[data-theme="dark"] .pkd .mega h4{color:#fff;border-bottom-color:#1c3358}
.pkd .mega a{display:block;padding:4px 8px;border-radius:0;font-size:.88rem}
.pkd .mega a:not(.btn):hover{background:var(--pk-bg)}
.pkd .mega a small{display:block;color:var(--pk-mut);font-size:.76rem;margin-left:0}
.pkd .mega a em{float:right;font-style:normal;color:var(--pk-acc);font-weight:700;font-size:.8rem}
.pkd .mega a.inl{display:flex;align-items:center;gap:0}
.pkd .mega a.inl small{display:inline;margin-left:6px;color:var(--pk-mut);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkd .mega a .i{width:16px;height:16px;vertical-align:-3px;margin-right:6px;color:var(--pk-acc);flex:none}
.pkd .mega .btn:hover{background:var(--pk-acc);color:#fff;filter:brightness(.93)}
.pkd .mega-card{display:flex;gap:10px;align-items:flex-start;background:var(--pk-bg);border:1px solid var(--pk-line);border-radius:var(--pk-r);padding:9px 11px;margin-bottom:7px;text-decoration:none;transition:border-color .15s}
.pkd .mega-card:hover{border-color:var(--pk-acc)}
.pkd .mega-card svg{width:20px;height:20px;flex:0 0 auto;color:var(--pk-acc);margin-top:2px}
.pkd .mega-card b{display:block;color:var(--pk-navy);font-size:.85rem}
.pkd .mega-card span{display:block;color:var(--pk-mut);font-size:.76rem;margin-top:1px}
:root[data-theme="dark"] .pkd .mega-card b{color:#fff}
:root[data-theme="dark"] .pkd .mega-card{background:#0d2445;border-color:#1c3358}
.pkd .promo{background:linear-gradient(135deg,var(--pk-navy),var(--pk-navy2));color:#fff;border-radius:var(--pk-r);padding:16px}
.pkd .promo h4{color:#fff;border-bottom-color:rgba(255,255,255,.25)}
.pkd .promo p{color:#c6d4ea;font-size:.83rem;margin-bottom:10px}
.pkd .promo .btn{padding:7px 14px;font-size:.85rem}
.pkd .promo.compact{padding:11px 13px}
.pkd .promo.compact svg{width:24px;height:24px}
.pkd .promo.compact h4{font-size:.86rem;margin-bottom:4px;padding-bottom:4px}
.pkd .promo.compact p{font-size:.78rem;margin-bottom:8px}
.pkd .promo.compact .btn{padding:5px 12px;font-size:.8rem}
.pkd .themebtn{background:none;border:1.5px solid var(--pk-line);border-radius:0;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;color:var(--pk-ink);flex:none}
.pkd .themebtn .sun{display:none}
:root[data-theme="dark"] .pkd .themebtn .moon{display:none}
:root[data-theme="dark"] .pkd .themebtn .sun{display:block}
.pkd .burger{display:none;background:none;border:1.5px solid var(--pk-line);border-radius:0;padding:7px 12px;font-size:1.1rem;cursor:pointer;color:var(--pk-ink)}
footer.pkd{background:#071730;color:#a9bad4;padding:52px 0 0;font-size:.92rem}
.pkd .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:32px;padding-bottom:34px}
footer.pkd h4{color:#fff;margin-bottom:12px}
footer.pkd li{margin-bottom:7px}
footer.pkd a:hover{color:#fff}
.pkd .soc{display:flex;gap:10px;margin-top:12px}
.pkd .soc a{width:36px;height:36px;border-radius:0;background:#12305c;display:grid;place-items:center;color:#fff}
.pkd .playbadge{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:8px 14px;background:#000;border:1px solid rgba(255,255,255,.25);border-radius:0;color:#fff}
.pkd .playbadge .i{width:22px;height:22px;fill:#fff;stroke:none;flex:none}
.pkd .playbadge span{display:flex;flex-direction:column;line-height:1.15}
.pkd .playbadge small{font-size:.62rem;color:#c6d4ea;letter-spacing:.03em}
.pkd .playbadge strong{font-size:.95rem;font-weight:700}
.pkd .sub{display:flex;gap:6px;margin:8px 0 14px}
.pkd .sub input{flex:1;min-width:0;padding:10px 12px;border-radius:0;border:0}
.pkd .pay{display:flex;flex-wrap:wrap;gap:6px}
.pkd .pay span{background:#fff;color:var(--pk-navy);font-weight:700;font-size:.72rem;padding:4px 9px;border-radius:0}
.pkd .copy{border-top:1px solid #16294a;padding:16px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.pkd .copy .pay{margin-right:76px}
@media(max-width:860px){.pkd .copy .pay{margin-right:0}}
.pkd .fg ul a{display:inline-flex;align-items:center;gap:7px}
.pkd .fg ul a svg{width:14px;height:14px;flex:none;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.pkd.stack{position:fixed;right:14px;bottom:14px;z-index:70;display:flex;flex-direction:column;gap:10px}
.pkd.stack a{width:50px;height:50px;border-radius:4px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3);position:relative}
.pkd.stack a.wa{background:#25d366}
.pkd.stack a.ph{background:linear-gradient(155deg,#1f2937,#0b1220)}
.pkd.stack a.tk{background:linear-gradient(155deg,#0f766e,#0b4a44);color:#fff}
.pkd.stack a .i{width:22px;height:22px}
.pkd.stack a .tip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#111;color:#fff;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.pkd.stack a:hover .tip{opacity:1}
.pkd.stack a.top{background:linear-gradient(155deg,#334155,#0f1b2e);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s,filter .15s}
.pkd.stack a.top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.pkd.stack a.top:hover{filter:brightness(1.15)}
@media(max-width:560px){.pkd.stack{right:10px;bottom:10px;gap:8px}.pkd.stack a{width:44px;height:44px}.pkd.stack a .tip{display:none}}
.pkd.mbar{display:none}
@media(max-width:700px){body{padding-bottom:60px}.pkd.stack{bottom:66px}.pkd.mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--pk-navy);box-shadow:0 -6px 18px rgba(0,0,0,.3)}.pkd.mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;color:#fff;font-size:.7rem;font-weight:600;border-right:1px solid rgba(255,255,255,.12)}.pkd.mbar a:last-child{border-right:0}.pkd.mbar .i{width:18px;height:18px}}
@media(max-width:560px){.pkd.stack{right:8px;bottom:60px;gap:8px}.pkd.stack a{width:40px;height:40px}}
@media(max-width:1000px){.pkd .fg{grid-template-columns:repeat(2,minmax(0,1fr))}.pkd .burger{display:block}.pkd .menu{display:none;position:absolute;left:0;right:0;top:70px;background:var(--pk-card);border-bottom:1px solid var(--pk-line);flex-direction:column;align-items:stretch;padding:6px 20px 14px;max-height:78vh;overflow:auto}.pkd .menu.show{display:flex}.pkd .menu>li>a,.pkd .menu>li>button{padding:12px 4px;width:100%;text-align:left}.pkd .mega{position:static;box-shadow:none;border:0}.pkd .mega .wrap{grid-template-columns:1fr;padding:0 0 8px 10px;gap:8px}.pkd .mega .wrap>div{padding:0;border-left:0}.pkd .promo{margin-bottom:8px}}
@media(max-width:700px){.pkd .fg{grid-template-columns:minmax(0,1fr)}.pkd.topbar .wrap{justify-content:center}}
@media(min-width:1001px) and (hover:hover){.pkd .menu>li:hover .mega{display:block}.pkd .menu>li:hover>button{color:var(--pk-acc)}.pkd .menu>li:hover>button .caret{transform:rotate(180deg)}}
.pkd .ping-ring,.pkd .ping-dot{transform-box:fill-box;transform-origin:50% 50%}
.pkd .ping-ring{animation:logoPingRing 2.4s cubic-bezier(.4,0,.2,1) infinite}
.pkd .ping-ring.d2{animation-delay:1.2s}
.pkd .ping-dot{animation:logoPingDot 2.4s ease-in-out infinite}
@keyframes logoPingRing{0%{transform:scale(.6);opacity:1}70%{transform:scale(2.8);opacity:0}100%{transform:scale(2.8);opacity:0}}
@keyframes logoPingDot{0%,55%{transform:scale(1)}68%{transform:scale(1.3)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.pkd .ping-ring,.pkd .ping-dot{animation:none}}

/* ============ 3. WHMCS client area restyle ============ */
body,body.primary-bg-color{font-family:var(--pk-font);background:var(--pk-bg);color:var(--pk-ink)}
body{transition:background .2s,color .2s}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--pk-font);color:var(--pk-navy);font-weight:700}
a{color:var(--pk-link)}
a:hover{color:var(--pk-navy2)}
.text-muted{color:var(--pk-mut)!important}
.text-primary{color:var(--pk-navy2)!important}
.bg-primary{background-color:var(--pk-navy2)!important}
.border-primary{border-color:var(--pk-navy2)!important}
hr{border-top-color:var(--pk-line)}

/* Square corners, like the main site */
.btn,.form-control,.custom-select,.input-group-text,.card,.card-header,.card-footer,.dropdown-menu,.modal-content,
.alert,.list-group,.list-group-item,.list-group-item:first-child,.list-group-item:last-child,.page-link,.pagination .page-item .page-link,
.nav-tabs .nav-link,.popover,.breadcrumb,.progress,.jumbotron,.input-group>.form-control,.input-group>.input-group-prepend>.btn,
.input-group>.input-group-append>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-append>.input-group-text,
.tiles,.tiles .tile,.dataTables_wrapper table.table-list,.dataTables_wrapper table.table-list th,.dataTables_wrapper table.table-list td{border-radius:0!important}
.btn-group>.btn{border-radius:0!important}

/* Buttons: green call-to-action, navy outline */
.btn{font-weight:600;transition:filter .15s,background-color .15s,border-color .15s}
.btn-primary,.btn-success{background-color:var(--pk-acc);border-color:var(--pk-acc);color:#fff}
.btn-primary:hover,.btn-success:hover,.btn-primary:focus,.btn-success:focus,
.btn-primary:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{background-color:var(--pk-acc-d);border-color:var(--pk-acc-d);color:#fff}
.btn-primary:focus,.btn-success:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(18,183,106,.3)}
.btn-primary.disabled,.btn-primary:disabled,.btn-success.disabled,.btn-success:disabled{background-color:var(--pk-acc);border-color:var(--pk-acc);opacity:.6}
.btn-outline-primary{color:var(--pk-navy2);border-color:var(--pk-navy2)}
.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled):active{background-color:var(--pk-navy2);border-color:var(--pk-navy2);color:#fff}
.btn-info{background-color:var(--pk-navy2);border-color:var(--pk-navy2);color:#fff}
.btn-info:hover,.btn-info:focus{background-color:var(--pk-navy);border-color:var(--pk-navy);color:#fff}
.btn-default{background:var(--pk-card);border:1px solid var(--pk-line);color:var(--pk-ink)}
.btn-default:hover,.btn-default:focus{background:var(--pk-bg);border-color:var(--pk-navy2);color:var(--pk-navy2)}
.btn-link{color:var(--pk-link)}
.badge-primary,.badge-info{background-color:var(--pk-navy2)}
.badge-success{background-color:var(--pk-acc)}
.progress-bar{background-color:var(--pk-acc)}
.page-link{color:var(--pk-navy2)}
.page-item.active .page-link{background-color:var(--pk-navy2);border-color:var(--pk-navy2)}
.pagination>li>a,.pagination>li>span{color:var(--pk-ink)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background-color:var(--pk-navy2)!important;border-color:var(--pk-navy2)!important;color:#fff!important}
.custom-control-input:checked~.custom-control-label::before{background-color:var(--pk-acc);border-color:var(--pk-acc)}
.custom-range::-webkit-slider-thumb{background-color:var(--pk-acc)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--pk-navy2)}
.dropdown-item.active,.dropdown-item:active{background-color:var(--pk-navy2);color:#fff}
.form-control:focus,.custom-select:focus{border-color:var(--pk-acc);box-shadow:0 0 0 .2rem rgba(18,183,106,.18)}
.input-group .btn-reveal-pw:hover,.input-group .btn-reveal-pw:active{background-color:var(--pk-navy2)}

/* WHMCS header rows (search + cart, account bar, main navigation) */
header.header{background:transparent}
header.header .topbar{background:var(--pk-navy2);font-family:var(--pk-font)}
header.header .navbar.pkd-whmcs-bar{background:var(--pk-card);border-bottom:1px solid var(--pk-line);padding:8px 0}
header.header .search{border:1.5px solid var(--pk-line);border-radius:0;background:var(--pk-field)}
header.header .search .btn,header.header .search .form-control{background:transparent;color:var(--pk-ink)}
header.header .search:focus-within{border-color:var(--pk-acc)}
header.header .toolbar .nav-link{border:1.5px solid var(--pk-line);border-radius:0;color:var(--pk-ink);background:var(--pk-card)}
header.header .toolbar .nav-link:hover{color:var(--pk-acc);border-color:var(--pk-acc)}
header.header .toolbar .nav-link .badge{background:var(--pk-acc);color:#fff;opacity:1}
header.header .main-navbar-wrapper{background:var(--pk-navy)}
header.header .main-navbar-wrapper .navbar-collapse{padding:0 1rem}
header.header .main-navbar-wrapper .navbar-nav>li>a{color:#cbd8ec;font-weight:600;display:block;padding:12px 0}
header.header .main-navbar-wrapper .navbar-nav>li>a:hover,header.header .main-navbar-wrapper .navbar-nav>li.show>a{color:#fff}
header.header .main-navbar-wrapper .navbar-nav>li.active>a{color:#fff;box-shadow:inset 0 -3px 0 var(--pk-acc)}
header.header .main-navbar-wrapper .navbar-nav .badge{background:var(--pk-acc);color:#fff}
header.header .main-navbar-wrapper .dropdown-menu{border:1px solid var(--pk-line);box-shadow:0 18px 30px rgba(10,31,61,.14);margin-top:0;padding:6px 0;background:var(--pk-card)}
header.header .main-navbar-wrapper .dropdown-menu a{color:var(--pk-ink)}
header.header .main-navbar-wrapper .dropdown-menu li.dropdown-item{padding:.25rem 1rem}
header.header .main-navbar-wrapper .dropdown-menu li.dropdown-item:hover,header.header .main-navbar-wrapper .dropdown-menu li.dropdown-item:hover a{background:var(--pk-bg);color:var(--pk-acc)}
header.header .main-navbar-wrapper .dropdown-menu .dropdown-item.active a,header.header .main-navbar-wrapper .dropdown-menu li.dropdown-item.active{background:var(--pk-navy2);color:#fff}
@media(max-width:1199.98px){
  header.header .main-navbar-wrapper .navbar-collapse{padding:10px 1rem}
  header.header .main-navbar-wrapper .navbar-nav>li>a{padding:8px 0}
  header.header .main-navbar-wrapper .dropdown-menu{background:transparent;border:0;box-shadow:none}
  header.header .main-navbar-wrapper .dropdown-menu a{color:#cbd8ec}
  header.header .main-navbar-wrapper .search{background:#fff}
}
/* the pk header is sticky, so dropdowns in the WHMCS nav stay under it */
header.header{position:relative;z-index:40}

/* Breadcrumb bar */
.master-breadcrumb{background:var(--pk-card);border-bottom:1px solid var(--pk-line)}
.master-breadcrumb .breadcrumb{background:transparent;color:var(--pk-mut)}
.master-breadcrumb .breadcrumb a{color:var(--pk-navy2)}
.master-breadcrumb .breadcrumb-item.active{color:var(--pk-mut)}

section#main-body{padding:28px 0 40px}

/* Cards, sidebar, lists */
.card,.mc-promo-manage,.mc-promo-login{background:var(--pk-card);border:1px solid var(--pk-line)}
.card-header{background:var(--pk-alt);border-bottom:1px solid var(--pk-line)}
.card-footer{background:var(--pk-alt);border-top:1px solid var(--pk-line)}
.card-title,.primary-content .card-title{color:var(--pk-navy)}
.sidebar .card-sidebar>.card-header{background:var(--pk-card);border-bottom:2px solid var(--pk-acc)}
.sidebar .card-title{font-weight:700;color:var(--pk-navy)}
.list-group-item{background:var(--pk-card);border-color:var(--pk-line);color:var(--pk-ink)}
a.list-group-item,.list-group-item-action{color:var(--pk-ink)}
.list-group-item-action:hover,.list-group-item-action:focus{background:var(--pk-bg);color:var(--pk-navy2)}
.sidebar .list-group-item.active,.sidebar .list-group-item.active:hover,.sidebar .list-group-item.active:focus,
.list-group-item.active{background:var(--pk-navy2);border-color:var(--pk-navy2);color:#fff;box-shadow:inset 3px 0 0 var(--pk-acc)}
.sidebar .list-group-item .badge{background:var(--pk-bg);color:var(--pk-navy2)}

/* Dashboard tiles */
.tiles{border:1px solid var(--pk-line);background:var(--pk-card);overflow:hidden}
.tiles .tile{background:var(--pk-card);border-right:1px solid var(--pk-line);color:var(--pk-navy)}
.tiles .tile:hover{background:var(--pk-bg)}
.tiles .tile i{color:var(--pk-acc)}
.tiles .tile .stat{color:var(--pk-navy);font-weight:700}
.tiles .tile .title{color:var(--pk-mut)}
.tiles .tile .highlight{height:3px}

/* Tables */
.table{color:var(--pk-ink)}
.table th,.table td,.table thead th{border-color:var(--pk-line)}
.table thead th,table.table-list thead th{background:var(--pk-alt);color:var(--pk-navy);font-weight:700;border-bottom:2px solid var(--pk-line)}
.dataTables_wrapper table.table-list{border-color:var(--pk-line)}
.dataTables_wrapper table.table-list thead th{border-bottom:2px solid var(--pk-acc)}
.dataTables_wrapper table.table-list thead th.sorting_asc,.dataTables_wrapper table.table-list thead th.sorting_desc{background:var(--pk-bg)}
table.table-list tbody td{background:var(--pk-card);border-color:var(--pk-line)}
table.table-list tbody tr:hover td{background:var(--pk-bg)}
.table-striped tbody tr:nth-of-type(odd){background:var(--pk-alt)}

/* Forms */
.form-control,.custom-select{border:1.5px solid var(--pk-line);background-color:var(--pk-field);color:var(--pk-ink)}
.input-group-text{background:var(--pk-alt);border:1.5px solid var(--pk-line);color:var(--pk-mut)}
label,.control-label{color:var(--pk-ink)}

/* Tabs */
.nav-tabs{border-bottom-color:var(--pk-line)}
.nav-tabs .nav-link{color:var(--pk-mut)}
.nav-tabs .nav-link:hover{border-color:transparent;color:var(--pk-navy2)}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--pk-navy);background:var(--pk-card);border-color:var(--pk-line) var(--pk-line) var(--pk-card);box-shadow:inset 0 3px 0 var(--pk-acc)}

/* Homepage domain search: main-site hero gradient */
.home-domain-search,.home-domain-search.bg-white{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.16) 0,transparent 40%),linear-gradient(135deg,#0c2a63 0%,#124b9c 38%,#0e86a8 72%,#0fa587 100%)!important;color:#fff}
.home-domain-search h2{color:#fff}
.home-domain-search .input-group-wrapper{border:0;border-radius:0;box-shadow:0 16px 36px rgba(0,0,0,.25);background:#fff}
.home-domain-search .input-group-wrapper .form-control{background:#fff;color:#111}
.home-domain-search .input-group-wrapper .btn{border-radius:0!important}
.home-domain-search .tld-logos{color:#dbe6f5}
.home-domain-search a{color:#fff}

/* Modals, dropdowns, popovers */
.modal-content{border:1px solid var(--pk-line);background:var(--pk-card);color:var(--pk-ink)}
.modal-header{background:var(--pk-navy);color:#fff;border-bottom:0}
.modal-header .modal-title,.modal-header h4,.modal-header h5{color:#fff}
.modal-header .close{color:#fff;text-shadow:none;opacity:.8}
.modal-footer{border-top-color:var(--pk-line)}
.dropdown-menu{border-color:var(--pk-line)}
.modal-localisation .modal-content{background:var(--pk-navy);border:0}
.modal-localisation .item-selector .item.active{background:var(--pk-acc);border-color:var(--pk-acc)}
.modal-localisation .modal-footer .btn-default{background:var(--pk-acc);border-color:var(--pk-acc);color:#fff}

/* Login / register style pages */
.login-form .card,.primary-content .card.mw-540{border-top:3px solid var(--pk-acc)}

/* Status labels keep their colours but lose rounding */
.label,.status{border-radius:0}

/* Keep floating "return to admin" clear of the sticky buttons */
.btn-return-to-admin{right:80px}

/* Domain pricing table (domain-pricing.tpl and the order form domain search) */
.domain-pricing .tld-pricing-header .col-xs-2,.domain-pricing .tld-pricing-header .col-sm-2,.domain-pricing .tld-pricing-header .col-xs-4,.domain-pricing .tld-pricing-header .col-sm-4{border-bottom-color:var(--pk-acc);background-color:var(--pk-alt);color:var(--pk-navy);font-weight:700}
.domain-pricing .tld-pricing-header div:nth-child(odd){border-color:var(--pk-navy2);background-color:var(--pk-bg)}
.domain-pricing .tld-row{border-bottom-color:var(--pk-line)}
.domain-pricing .tld-row.highlighted{background:rgba(18,183,106,.08)}
:root[data-theme="dark"] .domain-pricing .tld-pricing-header .col-xs-2,:root[data-theme="dark"] .domain-pricing .tld-pricing-header .col-sm-2,:root[data-theme="dark"] .domain-pricing .tld-pricing-header .col-xs-4,:root[data-theme="dark"] .domain-pricing .tld-pricing-header .col-sm-4{color:#fff}
.sidebar .list-group-item{border-color:var(--pk-line)}

/* ============ 4. Dark mode for WHMCS pages ============ */
:root[data-theme="dark"] body{background:var(--pk-bg);color:var(--pk-ink)}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,:root[data-theme="dark"] h4,:root[data-theme="dark"] h5,:root[data-theme="dark"] h6,
:root[data-theme="dark"] .h1,:root[data-theme="dark"] .h2,:root[data-theme="dark"] .h3,:root[data-theme="dark"] .h4,:root[data-theme="dark"] .h5,:root[data-theme="dark"] .h6,
:root[data-theme="dark"] .card-title,:root[data-theme="dark"] .sidebar .card-title,:root[data-theme="dark"] .tiles .tile,:root[data-theme="dark"] .tiles .tile .stat{color:#fff}
:root[data-theme="dark"] a:hover{color:#7fe3b0}
:root[data-theme="dark"] .text-primary{color:#7fb4ff!important}
:root[data-theme="dark"] .text-dark,:root[data-theme="dark"] .text-body{color:var(--pk-ink)!important}
:root[data-theme="dark"] .bg-white,:root[data-theme="dark"] .bg-light{background-color:var(--pk-card)!important}
:root[data-theme="dark"] .border,:root[data-theme="dark"] .border-top,:root[data-theme="dark"] .border-bottom,:root[data-theme="dark"] .border-left,:root[data-theme="dark"] .border-right{border-color:var(--pk-line)!important}
:root[data-theme="dark"] .close{color:#fff;text-shadow:none}
:root[data-theme="dark"] .btn-default{background:#16233b;border-color:#24406e;color:var(--pk-ink)}
:root[data-theme="dark"] .btn-default:hover{background:#1c2d4b;color:#fff;border-color:#3d6aa8}
:root[data-theme="dark"] .btn-light{background:#16233b;border-color:#24406e;color:var(--pk-ink)}
:root[data-theme="dark"] .btn-outline-primary{color:#9cc2ff;border-color:#3d6aa8}
:root[data-theme="dark"] .btn-outline-secondary{color:var(--pk-mut);border-color:#2b3d5c}
:root[data-theme="dark"] .form-control::placeholder{color:#7f93b3}
:root[data-theme="dark"] .form-control:disabled,:root[data-theme="dark"] .form-control[readonly],:root[data-theme="dark"] .custom-select:disabled{background-color:#16233b;color:var(--pk-mut)}
:root[data-theme="dark"] .form-control:focus{background-color:var(--pk-field);color:var(--pk-ink)}
:root[data-theme="dark"] select.form-control option,:root[data-theme="dark"] .custom-select option{background:var(--pk-card);color:var(--pk-ink)}
:root[data-theme="dark"] .custom-control-label::before{background-color:var(--pk-field);border-color:#2b3d5c}
:root[data-theme="dark"] .custom-file-label{background:var(--pk-field);border-color:var(--pk-line);color:var(--pk-ink)}
:root[data-theme="dark"] .dropdown-menu{background:var(--pk-card);color:var(--pk-ink)}
:root[data-theme="dark"] .dropdown-item{color:var(--pk-ink)}
:root[data-theme="dark"] .dropdown-item:hover,:root[data-theme="dark"] .dropdown-item:focus{background:#16233b;color:#fff}
:root[data-theme="dark"] .dropdown-divider{border-top-color:var(--pk-line)}
:root[data-theme="dark"] .popover{background:var(--pk-card);border-color:var(--pk-line)}
:root[data-theme="dark"] .popover-body,:root[data-theme="dark"] .client-alerts li a{color:var(--pk-ink)}
:root[data-theme="dark"] .popover .arrow::after{border-bottom-color:var(--pk-card)}
:root[data-theme="dark"] .table-hover tbody tr:hover{background:#16233b;color:var(--pk-ink)}
:root[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.025)}
:root[data-theme="dark"] .table .thead-light th{background:var(--pk-alt);color:#fff;border-color:var(--pk-line)}
:root[data-theme="dark"] .dataTables_wrapper .dataTables_filter label .form-control{background-color:var(--pk-field)}
:root[data-theme="dark"] .dataTables_wrapper .dataTables_info,:root[data-theme="dark"] .dataTables_wrapper .dataTables_length{color:var(--pk-mut)}
:root[data-theme="dark"] .page-link,:root[data-theme="dark"] .pagination>li>a,:root[data-theme="dark"] .pagination>li>span{background:var(--pk-card);border-color:var(--pk-line);color:var(--pk-ink)}
:root[data-theme="dark"] .page-item.disabled .page-link{background:var(--pk-card);border-color:var(--pk-line);color:#5b6f8f}
:root[data-theme="dark"] .breadcrumb-item+.breadcrumb-item::before{color:var(--pk-mut)}
:root[data-theme="dark"] .master-breadcrumb .breadcrumb a{color:#9cc2ff}
:root[data-theme="dark"] .list-group-item.disabled{background:var(--pk-card);color:#5b6f8f}
:root[data-theme="dark"] .sidebar .list-group-item .badge{background:#16233b;color:#cbd8ec}
:root[data-theme="dark"] .modal-footer{background:var(--pk-card)}
:root[data-theme="dark"] .nav-tabs .nav-link.active,:root[data-theme="dark"] .nav-tabs .nav-item.show .nav-link{color:#fff}
:root[data-theme="dark"] .alert-info{background:#0d2547;border-color:#1c3358;color:#cfe0ff}
:root[data-theme="dark"] .alert-warning{background:#3a2a07;border-color:#5c430d;color:#ffe1a3}
:root[data-theme="dark"] .alert-success{background:#073824;border-color:#0d5a3a;color:#b7f5d5}
:root[data-theme="dark"] .alert-danger{background:#3d1114;border-color:#621d22;color:#ffc9cc}
:root[data-theme="dark"] .alert-secondary,:root[data-theme="dark"] .alert-light{background:#16233b;border-color:#24406e;color:var(--pk-ink)}
:root[data-theme="dark"] .jumbotron,:root[data-theme="dark"] .well,:root[data-theme="dark"] pre{background:var(--pk-alt);color:var(--pk-ink);border-color:var(--pk-line)}
:root[data-theme="dark"] code{color:#ffb4d4}
:root[data-theme="dark"] .progress{background:#16233b}
:root[data-theme="dark"] .input-group-text{background:#16233b;color:var(--pk-mut)}
:root[data-theme="dark"] header.header .main-navbar-wrapper .search{background:var(--pk-field)}
:root[data-theme="dark"] .ticket-reply,:root[data-theme="dark"] .ticket-reply .posted-by{background:var(--pk-card);border-color:var(--pk-line);color:var(--pk-ink)}
:root[data-theme="dark"] .kb-article-content,:root[data-theme="dark"] .announcement-single{color:var(--pk-ink)}
/* Bootstrap 3 style panels used by some order forms and modules */
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .panel-body,:root[data-theme="dark"] .panel-default>.panel-heading,:root[data-theme="dark"] .panel-footer{background:var(--pk-card);border-color:var(--pk-line);color:var(--pk-ink)}