/* NovaHost — Ocean Deep theme for WHMCS (RTL/LTR) */
:root{
  --nh-bg:#06121f;
  --nh-surface:#0c1e33;
  --nh-surface-2:#0f263f;
  --nh-border:rgba(255,255,255,.08);
  --nh-text:#e6edf5;
  --nh-muted:#8aa0b8;
  --nh-primary:#1ea7ff;
  --nh-accent:#5be3ff;
  --nh-success:#22d39a;
  --nh-warning:#ffb547;
  --nh-danger:#ff5c7a;
  --nh-radius:14px;
  --nh-radius-lg:22px;
  --nh-shadow:0 10px 30px rgba(0,0,0,.35);
  --nh-font:'Manrope','Tajawal',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --nh-display:'Sora','Cairo',system-ui,sans-serif;
}
html,body{background:var(--nh-bg);color:var(--nh-text);font-family:var(--nh-font);}
body{margin:0;min-height:100vh;background:
  radial-gradient(1200px 600px at 80% -10%, rgba(30,167,255,.18), transparent 60%),
  radial-gradient(900px 500px at 0% 10%, rgba(91,227,255,.10), transparent 60%),
  var(--nh-bg);}
a{color:var(--nh-accent);text-decoration:none;}
a:hover{color:#9ff0ff;text-decoration:none;}
h1,h2,h3,h4,h5{font-family:var(--nh-display);color:#fff;letter-spacing:-.01em;}
hr{border-color:var(--nh-border);}
.text-muted{color:var(--nh-muted)!important;}
.container, .container-fluid{max-width:1180px;}

/* ===== Header / Navbar ===== */
.nh-header{position:sticky;top:0;z-index:1030;background:rgba(6,18,31,.7);
  backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--nh-border);}
.nh-header .navbar{padding:.75rem 0;background:transparent!important;border:0;margin:0;min-height:auto;}
.nh-brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--nh-display);font-weight:700;font-size:1.15rem;color:#fff!important;}
.nh-brand .nh-logo{width:32px;height:32px;border-radius:9px;display:inline-grid;place-items:center;
  background:linear-gradient(135deg,var(--nh-primary),var(--nh-accent));color:#001425;font-weight:800;}
.nh-nav{display:flex;align-items:center;gap:.25rem;}
.nh-nav a{color:rgba(230,237,245,.78);padding:.5rem .85rem;border-radius:999px;font-size:.92rem;font-weight:500;}
.nh-nav a:hover, .nh-nav a.active{background:var(--nh-surface);color:#fff;}
.nh-actions{display:flex;align-items:center;gap:.5rem;}
.nh-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;
  border:1px solid var(--nh-border);background:rgba(12,30,51,.6);color:#fff;font-size:.85rem;}
.nh-pill:hover{background:var(--nh-surface-2);color:#fff;}
.nh-btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;
  background:var(--nh-primary);color:#001425!important;font-weight:700;border:0;}
.nh-btn-primary:hover{background:#3ab4ff;}

/* ===== Buttons (override Bootstrap) ===== */
.btn{border-radius:10px;font-weight:600;}
.btn-primary{background:var(--nh-primary);border-color:var(--nh-primary);color:#001425;}
.btn-primary:hover,.btn-primary:focus{background:#3ab4ff;border-color:#3ab4ff;color:#001425;}
.btn-success{background:var(--nh-success);border-color:var(--nh-success);color:#04241a;}
.btn-default,.btn-secondary{background:var(--nh-surface-2);border-color:var(--nh-border);color:#fff;}
.btn-default:hover,.btn-secondary:hover{background:#143052;color:#fff;}
.btn-link{color:var(--nh-accent);}

/* ===== Cards & panels ===== */
.panel,.well,.card,.tab-content,.list-group-item{background:var(--nh-surface)!important;border:1px solid var(--nh-border)!important;color:var(--nh-text);}
.panel{border-radius:var(--nh-radius)!important;box-shadow:var(--nh-shadow);}
.panel-heading{background:transparent!important;border-bottom:1px solid var(--nh-border)!important;color:#fff;border-radius:var(--nh-radius) var(--nh-radius) 0 0!important;}
.panel-title{color:#fff;}
.card{border-radius:var(--nh-radius)!important;}

/* ===== Forms ===== */
.form-control,.input-group-addon,select,textarea,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number]{
  background:#0a1a2c!important;border:1px solid var(--nh-border)!important;color:#fff!important;border-radius:10px;}
.form-control:focus{border-color:var(--nh-primary)!important;box-shadow:0 0 0 3px rgba(30,167,255,.25);}
label{color:#cfd8e3;}

/* ===== Tables ===== */
.table{color:var(--nh-text);}
.table>thead>tr>th{border-bottom:1px solid var(--nh-border);color:#cfd8e3;}
.table>tbody>tr>td,.table>tbody>tr>th{border-top:1px solid var(--nh-border);}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.02);}

/* ===== Alerts ===== */
.alert{border-radius:12px;border:1px solid var(--nh-border);}
.alert-info{background:rgba(30,167,255,.12);color:#bfe4ff;}
.alert-success{background:rgba(34,211,154,.12);color:#a9f0d4;}
.alert-warning{background:rgba(255,181,71,.12);color:#ffd79a;}
.alert-danger{background:rgba(255,92,122,.12);color:#ffbcc8;}

/* ===== Hero (homepage) ===== */
.nh-hero{position:relative;padding:84px 0 56px;overflow:hidden;}
.nh-hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:520px;
  background:radial-gradient(closest-side,rgba(30,167,255,.35),transparent 70%);filter:blur(40px);pointer-events:none;}
.nh-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;
  background:rgba(91,227,255,.12);color:#bff1ff;border:1px solid rgba(91,227,255,.25);font-size:.78rem;}
.nh-hero h1{font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.05;margin:1rem 0;}
.nh-hero p.lead{color:var(--nh-muted);font-size:1.05rem;max-width:640px;}

/* ===== Domain search ===== */
.nh-search{background:var(--nh-surface);border:1px solid var(--nh-border);border-radius:var(--nh-radius-lg);
  padding:.5rem;display:flex;gap:.5rem;align-items:center;box-shadow:var(--nh-shadow);}
.nh-search input{flex:1;background:transparent!important;border:0!important;color:#fff!important;padding:.85rem 1rem;outline:none;}
.nh-search input:focus{box-shadow:none!important;}
.nh-search .btn{padding:.7rem 1.4rem;border-radius:14px;}
.nh-tlds{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;color:var(--nh-muted);font-size:.85rem;}
.nh-tlds span{background:var(--nh-surface);border:1px solid var(--nh-border);padding:.3rem .7rem;border-radius:999px;}

/* ===== Plan cards ===== */
.nh-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.nh-card{background:linear-gradient(180deg,rgba(30,167,255,.06),transparent 60%),var(--nh-surface);
  border:1px solid var(--nh-border);border-radius:var(--nh-radius-lg);padding:1.5rem;transition:transform .2s, border-color .2s;}
.nh-card:hover{transform:translateY(-3px);border-color:rgba(91,227,255,.35);}
.nh-card h3{font-size:1.15rem;margin:0 0 .25rem;}
.nh-card .nh-price{font-family:var(--nh-display);font-size:2.2rem;color:#fff;margin:.75rem 0;}
.nh-card .nh-price small{font-size:.8rem;color:var(--nh-muted);font-weight:400;}
.nh-card ul{list-style:none;padding:0;margin:0 0 1.2rem;color:#cfd8e3;font-size:.92rem;}
.nh-card ul li{padding:.4rem 0;border-bottom:1px dashed var(--nh-border);}
.nh-card ul li:last-child{border:0;}
.nh-card .btn{width:100%;}
.nh-card.nh-featured{border-color:rgba(30,167,255,.5);box-shadow:0 0 0 1px rgba(30,167,255,.25),var(--nh-shadow);}
.nh-card.nh-featured .nh-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;
  background:var(--nh-primary);color:#001425;font-size:.7rem;font-weight:700;margin-bottom:.5rem;}

/* ===== Features ===== */
.nh-section{padding:64px 0;}
.nh-section h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.5rem;}
.nh-section .nh-sub{color:var(--nh-muted);margin-bottom:2rem;}
.nh-feature{display:flex;gap:.9rem;align-items:flex-start;padding:1rem;border-radius:var(--nh-radius);
  border:1px solid var(--nh-border);background:var(--nh-surface);}
.nh-feature .nh-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(30,167,255,.15);color:var(--nh-accent);flex:none;font-size:1.1rem;}
.nh-feature h4{margin:0 0 .25rem;font-size:1rem;color:#fff;}
.nh-feature p{margin:0;color:var(--nh-muted);font-size:.9rem;}

/* ===== Client area ===== */
.nh-stat{background:var(--nh-surface);border:1px solid var(--nh-border);border-radius:var(--nh-radius);
  padding:1.2rem;display:flex;justify-content:space-between;align-items:center;}
.nh-stat .nh-stat-val{font-family:var(--nh-display);font-size:1.6rem;color:#fff;}
.nh-stat .nh-stat-lbl{color:var(--nh-muted);font-size:.85rem;}
.nh-stat .nh-stat-ico{width:44px;height:44px;border-radius:12px;background:rgba(30,167,255,.15);color:var(--nh-accent);display:grid;place-items:center;}

/* ===== Footer ===== */
.nh-footer{margin-top:80px;background:var(--nh-surface);border-top:1px solid var(--nh-border);color:var(--nh-muted);padding:48px 0 20px;}
.nh-footer h5{color:#fff;font-size:.95rem;margin-bottom:1rem;}
.nh-footer a{color:var(--nh-muted);display:block;padding:.25rem 0;font-size:.9rem;}
.nh-footer a:hover{color:#fff;}
.nh-footer .nh-copy{border-top:1px solid var(--nh-border);margin-top:32px;padding-top:18px;font-size:.8rem;}

/* ===== Sidebar (WHMCS) ===== */
.list-group-item{border-radius:0!important;background:var(--nh-surface)!important;color:#cfd8e3!important;}
.list-group-item.active,.list-group-item.active:hover{background:var(--nh-primary)!important;color:#001425!important;border-color:var(--nh-primary)!important;}
.panel-sidebar{border-radius:var(--nh-radius)!important;overflow:hidden;}

/* ===== RTL ===== */
html[dir="rtl"] body{font-family:'Tajawal','Manrope',system-ui,sans-serif;}
html[dir="rtl"] .nh-nav{flex-direction:row-reverse;}
html[dir="rtl"] .text-left{text-align:right!important;}
html[dir="rtl"] .text-right{text-align:left!important;}
html[dir="rtl"] .pull-left{float:right!important;}
html[dir="rtl"] .pull-right{float:left!important;}

/* ===== Misc WHMCS overrides ===== */
.breadcrumb{background:transparent;padding-left:0;}
.breadcrumb>li>a{color:var(--nh-accent);}
.breadcrumb>.active{color:#cfd8e3;}
.well{border-radius:var(--nh-radius);}
.label{border-radius:6px;padding:.25em .55em;}
.dropdown-menu{background:var(--nh-surface);border:1px solid var(--nh-border);}
.dropdown-menu>li>a{color:#cfd8e3;}
.dropdown-menu>li>a:hover{background:var(--nh-surface-2);color:#fff;}
.modal-content{background:var(--nh-surface);color:var(--nh-text);}
.nav-tabs>li>a{color:#cfd8e3;}
.nav-tabs>li.active>a{background:var(--nh-surface)!important;color:#fff!important;border-color:var(--nh-border) var(--nh-border) transparent!important;}
.pagination>li>a{background:var(--nh-surface);border-color:var(--nh-border);color:#cfd8e3;}
.pagination>.active>a{background:var(--nh-primary);border-color:var(--nh-primary);color:#001425;}