/* Halo Solutions – client area styling to match halosolutions.co.zw */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --halo-blue:#1d4ed8; --halo-blue-dark:#1e3a8a; --halo-blue-soft:#eff6ff;
  --halo-yellow:#f5b70a; --halo-yellow-soft:#fef3c7; --halo-yellow-ink:#92400e;
  --halo-red:#ef4444; --halo-red-soft:#fee2e2;
  --halo-ink:#0f172a; --halo-ink-deep:#0b1020; --halo-muted:#475569; --halo-line:#e2e8f0;
  --halo-bg-soft:#f8fafc; --halo-tile:#f1f5f9;
  --halo-radius:16px; --halo-shadow:0 10px 30px rgba(22,40,90,.08);
}

/* Base */
html{font-size:15px;background:#fff}
body,body.primary-bg-color{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--halo-ink);background:var(--halo-bg-soft);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-family:"Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.02em;color:var(--halo-ink)}
h1,.h1{font-weight:800}
h2,h3,.h2,.h3{font-weight:700}
a{color:var(--halo-blue)}
a:hover{color:var(--halo-blue-dark)}
.text-muted{color:var(--halo-muted)!important}
::selection{background:var(--halo-yellow-soft)}

/* Header */
#header.header{background:#fff;border-bottom:1px solid var(--halo-line);box-shadow:none}
#header .navbar-light{background:#fff;padding-top:10px;padding-bottom:10px}
#header .logo-img{max-height:56px;width:auto}
#header .main-navbar-wrapper{background:#fff;border-top:1px solid var(--halo-line);padding-top:2px;padding-bottom:2px}
#header .main-navbar-wrapper .navbar-nav .nav-link,#header #nav>li>a{color:var(--halo-muted);font-weight:500;font-size:.95rem}
#header .main-navbar-wrapper .navbar-nav .nav-link:hover,#header .main-navbar-wrapper .navbar-nav .active>.nav-link,#header #nav>li>a:hover{color:var(--halo-blue)}
#header .dropdown-menu{border:1px solid var(--halo-line);border-radius:12px;box-shadow:var(--halo-shadow);padding:6px}
#header .dropdown-menu .dropdown-item{border-radius:8px;font-size:.92rem;color:var(--halo-ink)}
#header .dropdown-menu .dropdown-item:hover,#header .dropdown-menu .dropdown-item:focus{background:var(--halo-blue-soft);color:var(--halo-blue)}
#header .input-group.search .form-control,#header .input-group.search .input-group-text,#header .input-group.search .btn{background:var(--halo-bg-soft);border-color:var(--halo-line)}
#header .input-group.search .input-group-prepend .btn,#header .input-group.search .input-group-prepend .input-group-text{border-radius:999px 0 0 999px}
#header .input-group.search .form-control{border-radius:0 999px 999px 0}
#header .toolbar .nav-link,#header .toolbar .btn{color:var(--halo-ink)}
#header .toolbar .badge-info,#header .toolbar .badge{background:var(--halo-yellow);color:var(--halo-ink)}

/* Breadcrumb */
.master-breadcrumb{background:transparent;border:0}
.master-breadcrumb .breadcrumb{background:transparent;font-size:.85rem;padding-left:0}
.master-breadcrumb .breadcrumb-item,.master-breadcrumb .breadcrumb-item a{color:var(--halo-muted)}

/* Main area */
#main-body{background:transparent;padding-top:28px;padding-bottom:72px}
.header-lined h1,html body #order-standard_cart .header-lined h1{font-size:2.3rem;font-weight:800;margin-bottom:4px}
.header-lined p{color:var(--halo-muted)}

/* Cards and panels */
.card,.panel{border:1px solid var(--halo-line);border-radius:var(--halo-radius);box-shadow:none;overflow:hidden;background:#fff}
.card-header,.panel-heading{background:#fff;border-bottom:1px solid var(--halo-line)}
.card-title,.panel-title{font-family:Inter,sans-serif;font-weight:600;letter-spacing:0;color:var(--halo-ink)}
.card-sidebar .card-header .card-title,.card-sidebar .panel-title{font-size:.95rem}
.list-group-item{border-color:var(--halo-line);color:var(--halo-ink);font-size:.92rem}
.list-group-item-action:hover{background:var(--halo-bg-soft);color:var(--halo-blue)}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus,html body .sidebar .list-group-item.active,html body .sidebar .list-group-item.active:hover{background:var(--halo-blue-soft);color:var(--halo-blue);border-color:var(--halo-line);font-weight:600;box-shadow:inset 3px 0 0 var(--halo-blue)}

/* Buttons */
.btn{border-radius:999px;font-weight:600}
.btn-primary,.btn-success,.btn-order-now{background:var(--halo-blue)!important;border-color:var(--halo-blue)!important;color:#fff!important;box-shadow:0 6px 18px rgba(29,78,216,.18)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-order-now:hover{background:var(--halo-blue-dark)!important;border-color:var(--halo-blue-dark)!important}
.btn-default,.btn-secondary,.btn-light,.btn-outline-secondary{background:#fff;border:1px solid var(--halo-line);color:var(--halo-ink)}
.btn-default:hover,.btn-secondary:hover,.btn-light:hover,.btn-outline-secondary:hover{border-color:var(--halo-blue);color:var(--halo-blue);background:#fff}
.btn-sm{padding:.4rem .95rem}
.btn-lg{padding:.7rem 1.6rem}
:focus-visible{outline:3px solid var(--halo-yellow);outline-offset:2px}

/* Forms */
.form-control,.custom-select{border-radius:10px;border-color:var(--halo-line)}
.form-control:focus,.custom-select:focus{border-color:var(--halo-blue);box-shadow:0 0 0 3px rgba(29,78,216,.15)}
.input-group>.form-control:not(:first-child),.input-group>.input-group-append>.btn,.input-group>.input-group-prepend>.input-group-text{border-color:var(--halo-line)}
.alert{border-radius:12px}

/* Store: product cards */
html body #order-standard_cart .products .product{background:#fff;border:1px solid var(--halo-line);border-top:4px solid var(--halo-yellow);border-radius:var(--halo-radius);box-shadow:none;padding:0;margin-bottom:24px;transition:box-shadow .2s,transform .2s;overflow:hidden}
html body #order-standard_cart .products .product:hover{box-shadow:var(--halo-shadow);transform:translateY(-2px)}
html body #order-standard_cart .products .row:nth-child(1)>div:nth-child(2) .product{border-top-color:var(--halo-red)}
html body #order-standard_cart .products .row:nth-child(2)>div:nth-child(1) .product{border-top-color:var(--halo-blue)}
html body #order-standard_cart .products .product header{background:#fff;border-bottom:1px solid var(--halo-line);padding:18px 22px;margin:0}
html body #order-standard_cart .products .product header span{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:800;font-size:1.35rem;color:var(--halo-ink)}
html body #order-standard_cart .products .product div.product-desc{padding:18px 22px;color:var(--halo-muted);font-size:.93rem;line-height:1.75}
html body #order-standard_cart .products .product div.product-desc b,html body #order-standard_cart .products .product div.product-desc strong{color:var(--halo-ink)}
html body #order-standard_cart .products .product footer{padding:18px 22px}
html body #order-standard_cart .products .product .product-pricing{color:var(--halo-muted);font-size:.85rem}
html body #order-standard_cart .products .product .product-pricing .price{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:800;font-size:1.55rem!important;line-height:1.15;white-space:nowrap;color:var(--halo-ink);letter-spacing:-.02em}
html body #order-standard_cart .products .product .btn-order-now{white-space:nowrap;padding:.5rem 1.05rem;font-size:.85rem}

/* Store: sidebar and cart */
html body #order-standard_cart .cart-sidebar .card{border-radius:var(--halo-radius)}
html body #order-standard_cart .summary-container,html body #order-standard_cart .order-summary{border-radius:var(--halo-radius);overflow:hidden}
html body #order-standard_cart .order-summary{background:var(--halo-ink);border:0}
html body #order-standard_cart .order-summary h2{font-family:"Bricolage Grotesque",Inter,sans-serif;color:#fff}
html body #order-standard_cart .order-summary .summary-container{background:#fff}
html body #order-standard_cart .view-cart-items-header{background:var(--halo-ink);border-radius:12px 12px 0 0}
html body #order-standard_cart .sub-heading span,html body #order-standard_cart .sub-heading-borderless span{font-family:Inter,sans-serif;font-weight:600;color:var(--halo-muted)}

/* Domain search banner */
html body #order-standard_cart .domain-checker-container{background:linear-gradient(135deg,var(--halo-blue-dark),var(--halo-blue));border-radius:var(--halo-radius);position:relative;overflow:hidden}
html body #order-standard_cart .domain-checker-bg{background-image:none!important}
html body #order-standard_cart .domain-checker-container::before,html body #order-standard_cart .domain-checker-container::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
html body #order-standard_cart .domain-checker-container::before{width:200px;height:200px;right:-60px;top:-80px;border:20px solid rgba(245,183,10,.9)}
html body #order-standard_cart .domain-checker-container::after{width:70px;height:70px;left:-24px;bottom:-30px;border:12px solid rgba(239,68,68,.8)}
html body #order-standard_cart .domain-checker-container .input-group-box,html body #order-standard_cart .domain-checker-container .input-group{position:relative;z-index:1}
html body #order-standard_cart .domain-checker-container .input-group-box{border-radius:999px;padding:6px;background:#fff;box-shadow:var(--halo-shadow)}
html body #order-standard_cart .domain-checker-container .form-control{border:0;box-shadow:none}
html body #order-standard_cart .domain-checker-container .btn{border-radius:999px!important}
html body #order-standard_cart .domain-checker-container .captcha-container,html body #order-standard_cart .domain-checker-container .text-center{position:relative;z-index:1}

/* Domain price tables */
.tld-pricing-header,.domain-pricing .tld-pricing-header{border-radius:12px 12px 0 0}
html body #order-standard_cart .domain-pricing .tld-pricing-header div,html body #order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(even){background:var(--halo-ink);color:#fff;border:0}
html body #order-standard_cart .domain-pricing .tld-pricing-header .col-md-8>div>div{background:var(--halo-ink)!important}
html body #order-standard_cart .domain-pricing .tld-row{border-color:var(--halo-line)}
html body #order-standard_cart .domain-pricing .tld-row.highlighted{background:var(--halo-bg-soft)}
.label-danger,.badge-danger,.label.label-danger{background:var(--halo-red)}
.label-success,.badge-success{background:#16a34a}
table.table thead th,.table thead th{border-bottom:1px solid var(--halo-line);color:var(--halo-muted);font-weight:600}
.dataTables_wrapper table.table-list thead th{background:var(--halo-ink);color:#fff}

/* Domain results */
html body #order-standard_cart .domain-checker-result-headline .domain-available,html body #order-standard_cart .domain-available{color:#16a34a}
html body #order-standard_cart .domain-checker-result-headline .domain-unavailable,html body #order-standard_cart .domain-unavailable{color:var(--halo-red)}

/* Footer */
#footer.footer{background:#fff;color:var(--halo-muted);border-top:0;position:relative;padding-top:40px;padding-bottom:36px}
#footer.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--halo-blue) 0 33.3%,var(--halo-yellow) 33.3% 66.6%,var(--halo-red) 66.6% 100%)}
#footer.footer a,#footer.footer .nav-link{color:var(--halo-muted)}
#footer.footer a:hover,#footer.footer .nav-link:hover{color:var(--halo-blue)}
#footer.footer .copyright{color:var(--halo-muted);font-size:.85rem}
#footer.footer .btn{background:var(--halo-tile)!important;border:1px solid var(--halo-line)!important;color:var(--halo-ink)!important;box-shadow:none!important}
#footer.footer .btn:hover{border-color:var(--halo-blue)!important;color:var(--halo-blue)!important}

/* Login, register and other single-card pages */
.login-form .card,.login-form{border-radius:var(--halo-radius)}
.login-form h6,.login-form .h3{font-family:"Bricolage Grotesque",Inter,sans-serif}
.card-footer{background:var(--halo-bg-soft);border-top:1px solid var(--halo-line)}
.sub-heading span{background:var(--halo-bg-soft)}

/* Client area dashboard tiles */
.tiles .tile{border-radius:var(--halo-radius);border:1px solid var(--halo-line);background:#fff}
.tiles .tile .stat{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:800;color:var(--halo-ink)}
.tiles .tile .highlight{height:4px}
.tiles .tile .highlight.bg-color-blue{background:var(--halo-blue)}
.tiles .tile .highlight.bg-color-green{background:#16a34a}
.tiles .tile .highlight.bg-color-red{background:var(--halo-red)}
.tiles .tile .highlight.bg-color-gold{background:var(--halo-yellow)}
html body #order-standard_cart .tld-filters .badge{border-radius:999px;padding:.45em .9em;font-weight:600;font-size:.8rem;background:#fff;color:var(--halo-muted);border:1px solid var(--halo-line)}
html body #order-standard_cart .tld-filters .badge.badge-success{background:var(--halo-blue);color:#fff;border-color:var(--halo-blue)}
html body #order-standard_cart .domain-checker-container .captcha-container>div{border-radius:12px}
/* Knowledgebase is empty: hide the header search box (menu item removed by includes/hooks/halo_navigation.php) */
#header .navbar-light form.form-inline,#mainNavbar>form.d-xl-none{display:none!important}
#header .navbar-light .toolbar{margin-left:auto}
/* Domain pricing page (/domain/pricing) */
.domain-pricing .tld-filters .badge{border-radius:999px;padding:.45em .9em;font-weight:600;font-size:.8rem;background:#fff;color:var(--halo-muted);border:1px solid var(--halo-line);transition:border-color .2s,color .2s}
.domain-pricing .tld-filters .badge:hover{border-color:var(--halo-blue);color:var(--halo-blue);text-decoration:none}
.domain-pricing .tld-filters .badge.badge-success,.domain-pricing .tld-filters .badge.active{background:var(--halo-blue);color:#fff;border-color:var(--halo-blue)}
.domain-pricing .table-container{border:1px solid var(--halo-line);border-radius:var(--halo-radius);overflow:hidden;background:#fff}
.domain-pricing .dataTables_filter input{border-radius:999px;border-color:var(--halo-line);padding-left:14px;min-width:200px}
.domain-pricing .dataTables_length select{border-radius:10px}
.domain-pricing .currency-selector{border-radius:999px}
.page-item .page-link{border-color:var(--halo-line);color:var(--halo-ink)}
.page-item.active .page-link{background:var(--halo-blue);border-color:var(--halo-blue);color:#fff}
.page-item:first-child .page-link{border-radius:999px 0 0 999px}
.page-item:last-child .page-link{border-radius:0 999px 999px 0}
.domain-pricing .tld-filters .badge:focus,.domain-pricing .tld-filters .badge.badge-success:focus{box-shadow:0 0 0 3px rgba(29,78,216,.2);outline:0}