
:root{
  --point-blue:#0876d1;
  --point-navy:#17324a;
  --point-orange:#ff6b00;
  --point-text:#20344b;
  --point-muted:#708090;
  --point-border:#e8edf2;
  --point-bg:#f7fafc;
}

body{
  background:#fff;
  color:var(--point-text);
  font-family:Arial,Helvetica,sans-serif;
}

.pointdc-whmcs-header{
  position:relative;
  z-index:1000;
  background:#fff;
  border-bottom:1px solid var(--point-border);
  box-shadow:0 5px 18px rgba(21,50,75,.05);
}
.pointdc-whmcs-nav{
  max-width:1180px;
  margin:0 auto;
  min-height:86px;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:32px;
}
.pointdc-whmcs-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.pointdc-whmcs-brand img{
  display:block;
  width:112px;
  height:auto;
}
.pointdc-whmcs-menu{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.pointdc-whmcs-menu a,
.pointdc-whmcs-dd > button{
  border:0;
  background:transparent;
  color:var(--point-text);
  text-decoration:none;
  font-size:15px;
  font-weight:400;
  line-height:1;
  padding:34px 0;
  cursor:pointer;
}
.pointdc-whmcs-menu a:hover,
.pointdc-whmcs-dd > button:hover{
  color:var(--point-blue);
}
.pointdc-whmcs-dd{
  position:relative;
}
.pointdc-whmcs-dropdown{
  display:none;
  position:absolute;
  top:72px;
  left:-18px;
  min-width:245px;
  background:#fff;
  border:1px solid var(--point-border);
  border-radius:12px;
  padding:8px;
  box-shadow:0 18px 45px rgba(5,24,43,.12);
}
.pointdc-whmcs-dd:hover .pointdc-whmcs-dropdown{
  display:block;
}
.pointdc-whmcs-dropdown a{
  display:block;
  padding:11px 12px;
  font-size:14px;
  border-radius:8px;
}
.pointdc-whmcs-dropdown a:hover{
  background:#f2f7fb;
}
.pointdc-whmcs-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:8px;
}
.pointdc-whmcs-panel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px !important;
  border-radius:9px;
  background:var(--point-orange);
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none;
}
.pointdc-whmcs-panel:hover{
  filter:brightness(.97);
}
.pointdc-client-links{
  display:flex;
  gap:10px;
  align-items:center;
}
.pointdc-client-links a{
  font-size:13px;
  padding:0 !important;
}

#main-body,
.main-body,
section#main-body{
  background:var(--point-bg);
  padding-top:34px;
  padding-bottom:48px;
}

.card,
.panel,
.list-group,
.domain-checker-container,
.client-home-panels .panel{
  border-color:var(--point-border) !important;
  border-radius:12px !important;
  box-shadow:0 8px 28px rgba(21,50,75,.05);
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning{
  border-radius:9px !important;
}
.btn-primary{
  background:var(--point-blue) !important;
  border-color:var(--point-blue) !important;
}
.btn-success{
  background:var(--point-orange) !important;
  border-color:var(--point-orange) !important;
}

a{
  color:var(--point-blue);
}

.pointdc-whmcs-footer{
  background:#09243a;
  color:#dce8f2;
  padding:46px 0 20px;
}
.pointdc-whmcs-footer .inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:28px;
}
.pointdc-whmcs-footer h4{
  color:#fff;
  margin:0 0 14px;
  font-size:14px;
}
.pointdc-whmcs-footer a{
  display:block;
  color:#c4d3de;
  text-decoration:none;
  margin:8px 0;
  font-size:13px;
}
.pointdc-whmcs-footer a:hover{
  color:#fff;
}
.pointdc-whmcs-footer .copyright{
  max-width:1180px;
  margin:32px auto 0;
  padding:18px 20px 0;
  border-top:1px solid rgba(255,255,255,.12);
  color:#9fb1bf;
  font-size:12px;
}

@media(max-width:980px){
  .pointdc-whmcs-nav{
    flex-wrap:wrap;
    padding-top:14px;
    padding-bottom:14px;
  }
  .pointdc-whmcs-menu{
    order:3;
    width:100%;
    overflow-x:auto;
    gap:16px;
  }
  .pointdc-whmcs-menu a,
  .pointdc-whmcs-dd > button{
    padding:12px 0;
    white-space:nowrap;
  }
  .pointdc-whmcs-dropdown{
    top:40px;
  }
  .pointdc-whmcs-footer .inner{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:640px){
  .pointdc-whmcs-actions{
    margin-left:auto;
  }
  .pointdc-client-links{
    display:none;
  }
  .pointdc-whmcs-footer .inner{
    grid-template-columns:1fr;
  }
}

/* V2: top-level WordPress menu links now use verified page IDs */
.pointdc-whmcs-dd > .pointdc-toplink{
  border:0;
  background:transparent;
  color:var(--point-text);
  text-decoration:none;
  font-size:15px;
  font-weight:400;
  line-height:1;
  padding:34px 0;
  cursor:pointer;
  display:inline-block;
}
.pointdc-whmcs-dd > .pointdc-toplink:hover{
  color:var(--point-blue);
}
