/* HostVault Dark — WHMCS 9.0 Child Theme v4
   /templates/hostvault/css/custom.css        */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&family=DM+Mono:wght@400;500&display=swap');

:root {
  --bg:#07090F;--bg2:#0B0E18;--card:#0F1322;--card2:#141928;
  --raised:#181F32;--hover:#1D2539;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);
  --cyan:#00D0C4;--cyan2:#00B8AD;--cyandim:rgba(0,208,196,.13);--glow:rgba(0,208,196,.24);
  --green:#2ECC71;--gdim:rgba(46,204,113,.12);
  --red:#E74C3C;--rdim:rgba(231,76,60,.12);
  --amber:#F39C12;--adim:rgba(243,156,18,.12);
  --t1:#EEF3FF;--t2:#8BAAC8;--t3:#46627E;--t4:#243346;
}

html{direction:rtl!important}
html,html body,html body div,html body section,html body main,html body article,html body aside,html body header{background-color:transparent!important}
html{background-color:var(--bg)!important}
body{font-family:'Tajawal',sans-serif!important;background:var(--bg)!important;color:var(--t1)!important;-webkit-font-smoothing:antialiased!important}

/* force dark on any white inline styles */
*[style*="background:#fff"],*[style*="background: #fff"],*[style*="background:#ffffff"],*[style*="background: #ffffff"],
*[style*="background:white"],*[style*="background: white"],*[style*="background-color:#fff"],
*[style*="background-color: #fff"],*[style*="background-color:#ffffff"],*[style*="background-color: #ffffff"],
*[style*="background-color:white"],*[style*="background-color: white"]{background-color:var(--bg2)!important;background:var(--bg2)!important}

/* Hero / Domain / Jumbotron */
.home,.home-domain,.home-slider,.home-products,.home-content,.home-section,
.home-features,#home,#home-domain,#homeDomain,#homeSlider,#home-features,
.slider,.slider-section,#slider,.domain-checker,.domain-search,.domain-search-form,
.domain-section,.domain-hero,.domaincheck,#domain-search,#domainSearch,#domainChecker,
#domain-checker,.jumbotron,[class*="home-"],[id*="home-"],[class*="domain"],[id*="domain"]{
  background:var(--bg2)!important;background-color:var(--bg2)!important;color:var(--t1)!important
}

/* Navbar */
.navbar,.navbar-default{background:rgba(7,9,15,.97)!important;backdrop-filter:blur(24px)!important;border:none!important;border-bottom:1px solid var(--border)!important;box-shadow:0 2px 24px rgba(0,0,0,.5)!important;min-height:66px!important}
.navbar-default .navbar-brand{color:var(--t1)!important;font-family:'Tajawal',sans-serif!important;font-size:21px!important;font-weight:900!important;height:66px!important;line-height:66px!important}
.navbar-default .navbar-nav>li>a{color:var(--t2)!important;font-family:'Tajawal',sans-serif!important;font-size:14px!important;font-weight:600!important;height:66px!important;line-height:66px!important;padding:0 14px!important}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a{color:var(--cyan)!important;background:transparent!important}

/* كاردات */
.panel,.panel-default,.card,.well{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:none!important;color:var(--t1)!important}
.panel-heading{background:var(--card2)!important;border-bottom:1px solid var(--border)!important;color:var(--t1)!important;font-family:'Tajawal',sans-serif!important;font-weight:700!important;border-radius:12px 12px 0 0!important;padding:13px 18px!important}
.panel-body{padding:18px!important}
.panel-footer{background:var(--card2)!important;border-top:1px solid var(--border)!important;border-radius:0 0 12px 12px!important}

/* منتجات */
.product-list .panel,.product-list .card,.package,.product,.product-item,.feature-box,.service-box{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 4px 24px rgba(0,0,0,.3)!important;overflow:hidden!important;transition:transform .25s,border-color .25s!important}
.product-list .panel:hover,.package:hover,.feature-box:hover,.service-box:hover{transform:translateY(-5px)!important;border-color:var(--cyan)!important;box-shadow:0 10px 40px rgba(0,208,196,.18)!important}
.product-list .panel-heading,.package .panel-heading,.feature-box .panel-heading{background:var(--card2)!important;border-bottom:1px solid var(--border)!important;padding:24px 18px 20px!important;text-align:center!important}
.product-list .panel-title,.product-list h3,.product-list h4,.package-name,.feature-box h3,.service-box h3{color:var(--t1)!important;font-family:'Tajawal',sans-serif!important;font-size:18px!important;font-weight:800!important;text-align:center!important;margin:0!important}
.product-list .panel-body,.feature-box p,.service-box p{background:transparent!important;color:var(--t2)!important;font-size:13.5px!important;text-align:center!important;padding:14px 18px 10px!important}
.product-list .btn,.product-list a.btn,.package .btn,.package a.btn,.product-item .btn,.feature-box .btn,.feature-box a.btn,.service-box .btn,.service-box a.btn,a.btn-order,.btn-get-started{background:linear-gradient(135deg,var(--cyan),var(--cyan2))!important;border:none!important;border-radius:10px!important;color:#002220!important;font-family:'Tajawal',sans-serif!important;font-size:14px!important;font-weight:800!important;padding:10px 24px!important;display:block!important;width:calc(100% - 32px)!important;margin:8px 16px 16px!important;text-align:center!important;box-shadow:0 4px 16px var(--glow)!important;transition:all .2s!important;opacity:1!important}
.product-list .btn:hover,.package .btn:hover,.feature-box .btn:hover{filter:brightness(1.1)!important;transform:translateY(-2px)!important;color:#002220!important}

/* جدول */
.table{color:var(--t1)!important}
.table>thead>tr>th{background:var(--card2)!important;color:var(--t3)!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;border:none!important;border-bottom:1px solid var(--border)!important;padding:11px 16px!important}
.table>tbody>tr>td{border-color:rgba(255,255,255,.04)!important;padding:12px 16px!important;vertical-align:middle!important}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.015)!important}
.table>tbody>tr:hover>td{background:var(--raised)!important}

/* أزرار */
.btn{font-family:'Tajawal',sans-serif!important;font-weight:700!important;border-radius:8px!important;transition:all .2s!important}
.btn-primary,.btn-success{background:linear-gradient(135deg,var(--cyan),var(--cyan2))!important;border:none!important;color:#002220!important;box-shadow:0 3px 14px var(--glow)!important}
.btn-primary:hover,.btn-success:hover{filter:brightness(1.08)!important;color:#002220!important}
.btn-default{background:var(--card2)!important;border-color:var(--border2)!important;color:var(--t2)!important}
.btn-default:hover{background:var(--hover)!important;color:var(--t1)!important;border-color:var(--cyan)!important}
.btn-danger{background:var(--rdim)!important;border-color:rgba(231,76,60,.3)!important;color:var(--red)!important}
.btn-warning{background:var(--adim)!important;border-color:rgba(243,156,18,.3)!important;color:var(--amber)!important}
.btn-info{background:var(--cyandim)!important;border-color:rgba(0,208,196,.3)!important;color:var(--cyan)!important}

/* حقول */
.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],select,textarea{font-family:'Tajawal',sans-serif!important;background:var(--raised)!important;border:1px solid var(--border2)!important;border-radius:8px!important;color:var(--t1)!important}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 3px var(--glow)!important;background:var(--raised)!important;color:var(--t1)!important;outline:none!important}
input::placeholder,.form-control::placeholder{color:var(--t3)!important}
label,.control-label{color:var(--t2)!important;font-family:'Tajawal',sans-serif!important;font-weight:600!important}

/* شارات */
.label,.badge{font-family:'Tajawal',sans-serif!important;font-weight:700!important;border-radius:20px!important;padding:3px 10px!important;font-size:11px!important}
.label-success,.badge-success{background:var(--gdim)!important;color:var(--green)!important}
.label-danger,.badge-danger{background:var(--rdim)!important;color:var(--red)!important}
.label-warning,.badge-warning{background:var(--adim)!important;color:var(--amber)!important}
.label-info,.badge-info{background:var(--cyandim)!important;color:var(--cyan)!important}

/* تنبيهات */
.alert{font-family:'Tajawal',sans-serif!important;border-radius:10px!important;font-size:13px!important}
.alert-success{background:var(--gdim)!important;border-color:rgba(46,204,113,.2)!important;color:var(--green)!important}
.alert-danger{background:var(--rdim)!important;border-color:rgba(231,76,60,.2)!important;color:var(--red)!important}
.alert-warning{background:var(--adim)!important;border-color:rgba(243,156,18,.2)!important;color:var(--amber)!important}
.alert-info{background:var(--cyandim)!important;border-color:rgba(0,208,196,.2)!important;color:var(--cyan)!important}

/* نوافذ */
.modal-content{background:var(--card)!important;border:1px solid var(--border2)!important;border-radius:16px!important;box-shadow:0 24px 80px rgba(0,0,0,.7)!important;color:var(--t1)!important}
.modal-header{border-bottom:1px solid var(--border)!important}
.modal-footer{border-top:1px solid var(--border)!important}
.modal-title{font-family:'Tajawal',sans-serif!important;font-weight:700!important;color:var(--t1)!important}
.modal-backdrop{background:rgba(0,0,0,.78)!important}
.close{color:var(--t2)!important;opacity:1!important}

/* قوائم */
.dropdown-menu{background:var(--raised)!important;border:1px solid var(--border2)!important;border-radius:12px!important;box-shadow:0 12px 40px rgba(0,0,0,.6)!important;padding:6px!important}
.dropdown-menu>li>a{color:var(--t2)!important;font-family:'Tajawal',sans-serif!important;border-radius:8px!important;padding:9px 14px!important}
.dropdown-menu>li>a:hover{background:var(--hover)!important;color:var(--t1)!important}
.dropdown-menu .divider{background:var(--border)!important}

/* سلة */
.cart-table,table.table-cart,#tblCart{background:var(--card)!important;border-radius:14px!important;overflow:hidden!important;border:1px solid var(--border)!important}
.cart-table thead tr th,#tblCart thead th{background:var(--card2)!important;color:var(--t3)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:13px 18px!important;border:none!important;border-bottom:1px solid var(--border)!important}
.cart-table tbody td,#tblCart tbody td{background:transparent!important;color:var(--t1)!important;padding:14px 18px!important;border-color:var(--border)!important}
#summary,.order-summary,.cart-summary{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:14px!important;overflow:hidden!important}
#summary .panel-heading,.order-summary .panel-heading{background:var(--card2)!important;border-bottom:1px solid var(--border)!important;color:var(--t1)!important;font-family:'Tajawal',sans-serif!important;font-weight:700!important;padding:14px 18px!important}
#btnCompleteOrder,.btn-checkout,#btnCheckout{background:linear-gradient(135deg,var(--cyan),var(--cyan2))!important;border:none!important;border-radius:12px!important;color:#002220!important;font-family:'Tajawal',sans-serif!important;font-size:17px!important;font-weight:900!important;height:52px!important;width:100%!important;display:block!important;text-align:center!important;line-height:52px!important;box-shadow:0 6px 24px var(--glow)!important;margin:14px 0 8px!important}

/* sidebar */
#sidebar,.sidebar,.categories-sidebar{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:14px!important;overflow:hidden!important}
#sidebar .panel-heading,.sidebar .panel-heading{background:var(--card2)!important;border-bottom:1px solid var(--border)!important;color:var(--t1)!important;font-family:'Tajawal',sans-serif!important;font-weight:700!important;padding:13px 18px!important}
#sidebar .list-group-item,.sidebar .list-group-item{background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.04)!important;color:var(--t2)!important;font-family:'Tajawal',sans-serif!important;font-size:13.5px!important;padding:11px 18px!important;display:block!important;transition:all .18s!important}
#sidebar .list-group-item:hover,.sidebar .list-group-item:hover{background:var(--raised)!important;color:var(--t1)!important}
#sidebar .list-group-item.active{background:var(--cyandim)!important;color:var(--cyan)!important;border-right:3px solid var(--cyan)!important}

/* pagination, tabs, progress */
.pagination>li>a,.pagination>li>span{background:var(--card2)!important;border-color:var(--border)!important;color:var(--t2)!important;border-radius:8px!important;margin:0 2px!important;font-family:'Tajawal',sans-serif!important}
.pagination>li>a:hover{background:var(--hover)!important;color:var(--t1)!important}
.pagination>.active>a,.pagination>.active>span{background:var(--cyandim)!important;border-color:rgba(0,208,196,.3)!important;color:var(--cyan)!important}
.nav-tabs{border-bottom:1px solid var(--border)!important}
.nav-tabs>li>a{color:var(--t2)!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;font-family:'Tajawal',sans-serif!important;font-weight:600!important;background:transparent!important}
.nav-tabs>li>a:hover{background:transparent!important;color:var(--t1)!important;border-bottom-color:var(--t3)!important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{background:transparent!important;border:none!important;border-bottom:2px solid var(--cyan)!important;color:var(--cyan)!important}
.progress{background:var(--raised)!important;border-radius:4px!important;height:7px!important}
.progress-bar{background:linear-gradient(90deg,var(--cyan),var(--cyan2))!important;border-radius:4px!important}
.list-group-item{background:transparent!important;border-color:var(--border)!important;color:var(--t1)!important;font-family:'Tajawal',sans-serif!important}
.list-group-item:hover{background:var(--raised)!important}
.list-group-item.active{background:var(--cyandim)!important;border-color:rgba(0,208,196,.3)!important;color:var(--cyan)!important}

/* نصوص */
a{color:var(--cyan)!important;transition:opacity .2s}
a:hover{opacity:.75;text-decoration:none!important}
a.btn,a.btn:hover{color:#002220!important;opacity:1}
a.btn-default,a.btn-default:hover{color:var(--t2)!important}
p,span,li,td,th{font-family:'Tajawal',sans-serif!important}
h1,h2,h3,h4,h5,h6{font-family:'Tajawal',sans-serif!important;color:var(--t1)!important;font-weight:800!important}
small,.text-muted,.help-block{color:var(--t3)!important}
.text-success{color:var(--green)!important}.text-danger{color:var(--red)!important}.text-warning{color:var(--amber)!important}.text-info{color:var(--cyan)!important}
hr{border-color:var(--border)!important}
.breadcrumb{background:transparent!important;font-family:'Tajawal',sans-serif!important}
.breadcrumb>.active{color:var(--t3)!important}
.breadcrumb>li+li::before{color:var(--t4)!important}
#footer,footer,.footer{background:var(--card)!important;border-top:1px solid var(--border)!important;color:var(--t3)!important;font-family:'Tajawal',sans-serif!important;padding:20px 28px!important}
#footer a,footer a{color:var(--t3)!important}
#footer a:hover,footer a:hover{color:var(--t2)!important;opacity:1}

/* scrollbar */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--t4);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--t3)}