/* HexBlue - blue + white theme for WHMCS (Twenty-One child) */
:root{
  --primary:#1e5eff; --hx-dark:#0b3fd1; --hx-soft:#f3f7ff; --hx-line:#dbe6ff; --hx-text:#12254d; --hx-mut:#5b6b8c;
}
body{background:#fff;color:var(--hx-text)}
a{color:#1e5eff} a:hover{color:#0b3fd1}
.primary-bg-color{background:var(--hx-soft)!important}

/* header */
header.header{background:#fff;box-shadow:0 2px 12px rgba(30,94,255,.08)}
header.header .topbar{background:linear-gradient(135deg,#1e5eff,#0b3fd1)!important;color:#fff}
header.header .topbar .btn,header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text{color:#fff!important}
header.header .toolbar .nav-link{border-color:var(--hx-line);color:#1e5eff}
header.header .toolbar .nav-link:hover{color:#0b3fd1;background:var(--hx-soft)}
header.header .search{border-color:var(--hx-line)}
header.header .search .btn{color:#1e5eff}
header.header .user-icon{color:#1e5eff}
header.header .navbar a,header.header .navbar-nav a{color:var(--hx-text)}
header.header .navbar-nav .nav-link:hover,
header.header .navbar-nav .active>.nav-link,
header.header .navbar-nav .nav-link.active{color:#1e5eff!important}
.dropdown-menu{border:1px solid var(--hx-line);box-shadow:0 8px 24px rgba(30,94,255,.12)}
.dropdown-item:hover,.dropdown-item:focus{background:var(--hx-soft);color:#1e5eff}
.dropdown-item.active,.dropdown-item:active,
header.header .dropdown-item.active,header.header .dropdown-item:active{background:#1e5eff!important;color:#fff!important}

/* breadcrumb */
.master-breadcrumb{background:var(--hx-soft)!important;border-bottom:1px solid var(--hx-line)}
.breadcrumb{background:transparent}
.breadcrumb-item.active{color:var(--hx-mut)}

/* buttons */
.btn-primary,.btn-primary:not(:disabled):not(.disabled).active{background:#1e5eff;border-color:#1e5eff;color:#fff}
.btn-primary:hover,.btn-primary:focus{background:#0b3fd1;border-color:#0b3fd1}
.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background:#0a35b3;border-color:#0a35b3}
.btn-outline-primary{color:#1e5eff;border-color:#1e5eff}
.btn-outline-primary:hover{background:#1e5eff;border-color:#1e5eff;color:#fff}
.btn-link{color:#1e5eff}
.btn-default{background:#fff;border:1px solid var(--hx-line);color:#1e5eff}
.btn-default:hover{background:var(--hx-soft);color:#0b3fd1}
.btn{border-radius:8px}
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(30,94,255,.3)}

/* forms */
.form-control:focus,.custom-select:focus{border-color:#1e5eff;box-shadow:0 0 0 .2rem rgba(30,94,255,.2)}
.form-control,.custom-select{border-color:var(--hx-line);border-radius:8px}
.custom-control-input:checked~.custom-control-label::before{background:#1e5eff;border-color:#1e5eff}
.input-group-text{background:var(--hx-soft);border-color:var(--hx-line);color:#1e5eff}

/* cards, sidebar */
.card{border:1px solid var(--hx-line);border-radius:12px;box-shadow:0 4px 16px rgba(30,94,255,.06);overflow:hidden}
.card-header{background:#fff;border-bottom:1px solid var(--hx-line);color:var(--hx-text)}
.card-footer{background:var(--hx-soft);border-top:1px solid var(--hx-line)}
.sidebar .card-header,.card-sidebar .card-header{background:linear-gradient(135deg,#1e5eff,#0b3fd1)!important;color:#fff!important;border:0}
.sidebar .card-header *,.card-sidebar .card-header *{color:#fff}
.sidebar .list-group-item{border-color:var(--hx-line)}
.sidebar .list-group-item:hover{background:var(--hx-soft);color:#1e5eff}
.list-group-item.active,.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,.sidebar .list-group-item.active:focus{background:#1e5eff!important;border-color:#1e5eff!important;color:#fff!important}
.sidebar.sidebar-secondary{background:transparent}
.client-home-cards .card-header{background:#fff!important;color:#1e5eff!important}
.client-home-cards .card-header .btn{color:#1e5eff}
.client-home-cards .card-title,.client-home-cards .card-header *{color:#1e5eff}
.client-home-cards .list-group-item:hover{background:var(--hx-soft)}

/* home banner / tiles */
.home-domain-search,#home-banner,.home-banner{background:linear-gradient(135deg,#1e5eff,#0b3fd1)!important;color:#fff}
.home-shortcuts,.tiles .tile{background:#fff;border:1px solid var(--hx-line);border-radius:12px}
.tiles .tile:hover{border-color:#1e5eff;box-shadow:0 6px 18px rgba(30,94,255,.15)}
.tiles .tile i{color:#1e5eff}

/* tables */
.table thead th,.table-list thead th,table.dataTable thead th{background:var(--hx-soft)!important;color:#0b3fd1;border-bottom:2px solid var(--hx-line)!important}
.table-hover tbody tr:hover,.table-list tbody tr:hover{background:var(--hx-soft)}
.table td,.table th{border-color:var(--hx-line)}

/* nav, pagination, badges, progress */
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:#1e5eff;color:#fff}
.nav-tabs .nav-link.active{color:#1e5eff;border-color:var(--hx-line) var(--hx-line) #fff}
.nav-tabs{border-color:var(--hx-line)}
.page-link{color:#1e5eff;border-color:var(--hx-line)}
.page-item.active .page-link{background:#1e5eff;border-color:#1e5eff;color:#fff}
.badge-primary,.bg-primary{background:#1e5eff!important}
.text-primary{color:#1e5eff!important}
.progress-bar{background:#1e5eff}
.badge-info{background:#1e5eff;color:#fff}
.alert-info{background:var(--hx-soft);border-color:var(--hx-line);color:#0b3fd1}
.modal-header{background:linear-gradient(135deg,#1e5eff,#0b3fd1);color:#fff;border:0}
.modal-header .close,.modal-header .modal-title{color:#fff;opacity:1}
.modal-content{border:0;border-radius:12px;overflow:hidden}

/* footer */
footer.footer{background:#fff;border-top:3px solid #1e5eff;color:var(--hx-mut)}
footer.footer .nav-link{color:#1e5eff}
footer.footer .nav-link:hover{color:#0b3fd1}
footer.footer .btn{border-color:var(--hx-line);color:#1e5eff}

/* login / register card */
.logincontainer .card-header,.card-header.bg-primary{background:linear-gradient(135deg,#1e5eff,#0b3fd1)!important;color:#fff}

/* order form (standard cart) */
#order-standard_cart .cart-sidebar .card-header,
#order-standard_cart .cart-body .header-lined h1{color:#0b3fd1;border-color:#1e5eff}
#order-standard_cart .btn-primary,#order-standard_cart .btn-checkout{background:#1e5eff;border-color:#1e5eff}
#order-standard_cart .view-cart-items-header{background:#1e5eff;color:#fff}
#order-standard_cart .product header,#order-standard_cart .product .product-pricing .price{color:#0b3fd1}
#order-standard_cart .product .btn-order-now{background:#1e5eff;border-color:#1e5eff;color:#fff}
#order-standard_cart .field:focus,#order-standard_cart .form-control:focus{border-color:#1e5eff}
#order-standard_cart .order-summary{background:var(--hx-soft);border:1px solid var(--hx-line)}
#order-standard_cart .summary-container{border-color:var(--hx-line)}
#order-standard_cart .panel-addon-selected{border-color:#1e5eff;background:var(--hx-soft)}

/* ===== HexBlue extras: hero, features, reviews, faq, auth, toggle ===== */
.logo-img{max-height:42px;width:auto}
.hx-hero{background:linear-gradient(135deg,#1e5eff 0%,#0b3fd1 100%);color:#fff;border-radius:18px;padding:56px 24px;text-align:center;margin:8px 0 24px;position:relative;overflow:hidden}
.hx-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.hx-hero-in{position:relative;max-width:640px;margin:0 auto}
.hx-hero h1{font-size:40px;font-weight:700;margin:12px 0 8px;color:#fff}
.hx-hero p{font-size:17px;opacity:.92;margin-bottom:22px}
.hx-chip{display:inline-block;background:rgba(255,255,255,.18);border-radius:20px;padding:4px 14px;font-size:13px}
.hx-cta{display:inline-block;background:#fff;color:#0b3fd1!important;font-weight:600;border-radius:10px;padding:12px 26px;margin:4px;text-decoration:none!important}
.hx-cta:hover{box-shadow:0 6px 18px rgba(0,0,0,.2)}
.hx-cta.ghost{background:transparent;border:2px solid #fff;color:#fff!important}
.hx-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}
.hx-feats>div,.hx-reviews>div{background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:20px;text-align:center;box-shadow:0 4px 16px rgba(30,94,255,.06)}
.hx-feats i{font-size:26px;color:#1e5eff;margin-bottom:8px}
.hx-feats h4{font-size:16px;margin:6px 0 4px}.hx-feats p{font-size:13px;color:var(--hx-mut);margin:0}
.hx-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:24px}
.hx-reviews p{font-style:italic;color:var(--hx-text)}.hx-reviews b{color:#1e5eff}
.hx-faq{max-width:760px;margin:0 auto 32px}
.hx-faq details{background:#fff;border:1px solid var(--hx-line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.hx-faq summary{cursor:pointer;font-weight:600;color:#0b3fd1}
.hx-faq p{margin:10px 0 0;color:var(--hx-mut)}
body.hx-auth{background:linear-gradient(160deg,#eaf1ff 0%,#fff 55%)!important}
body.hx-auth .card{box-shadow:0 14px 40px rgba(30,94,255,.15)}
.hx-auth-brand{text-align:center;margin:18px 0}
.hx-auth-brand h2{color:#0b3fd1;font-size:26px;margin:12px 0 4px}.hx-auth-brand p{color:var(--hx-mut)}
.hx-toggle{position:fixed;right:16px;bottom:16px;z-index:1050;width:44px;height:44px;border-radius:50%;border:0;background:#1e5eff;color:#fff;font-size:20px;box-shadow:0 6px 18px rgba(30,94,255,.4);cursor:pointer}
.hx-toggle:hover{background:#0b3fd1}

/* ===== DARK MODE ===== */
html[data-hx-theme="dark"]{--hx-soft:#111a33;--hx-line:#22305a;--hx-text:#e6ecff;--hx-mut:#9fb0d8;color-scheme:dark}
html[data-hx-theme="dark"] body,html[data-hx-theme="dark"] .primary-bg-color{background:#0b1226!important;color:var(--hx-text)}
html[data-hx-theme="dark"] header.header,html[data-hx-theme="dark"] header.header .navbar,
html[data-hx-theme="dark"] footer.footer,html[data-hx-theme="dark"] .card,html[data-hx-theme="dark"] .card-header,
html[data-hx-theme="dark"] .hx-feats>div,html[data-hx-theme="dark"] .hx-reviews>div,html[data-hx-theme="dark"] .hx-faq details,
html[data-hx-theme="dark"] .modal-content,html[data-hx-theme="dark"] .dropdown-menu,
html[data-hx-theme="dark"] .list-group-item,html[data-hx-theme="dark"] .tiles .tile,html[data-hx-theme="dark"] .hxp-card{background:#111a33!important;color:var(--hx-text);border-color:var(--hx-line)}
html[data-hx-theme="dark"] header.header .navbar a,html[data-hx-theme="dark"] header.header .navbar-nav a,
html[data-hx-theme="dark"] .card-title,html[data-hx-theme="dark"] h1,html[data-hx-theme="dark"] h2,
html[data-hx-theme="dark"] h3,html[data-hx-theme="dark"] h4,html[data-hx-theme="dark"] h5,html[data-hx-theme="dark"] h6,
html[data-hx-theme="dark"] .dropdown-item,html[data-hx-theme="dark"] label{color:var(--hx-text)}
html[data-hx-theme="dark"] .hx-hero h1{color:#fff}
html[data-hx-theme="dark"] .form-control,html[data-hx-theme="dark"] .custom-select,
html[data-hx-theme="dark"] .input-group-text{background:#0b1226;color:var(--hx-text);border-color:var(--hx-line)}
html[data-hx-theme="dark"] .table,html[data-hx-theme="dark"] .table td,html[data-hx-theme="dark"] .table th{color:var(--hx-text);border-color:var(--hx-line)}
html[data-hx-theme="dark"] .table thead th{background:#16224a!important;color:#9db8ff}
html[data-hx-theme="dark"] .table-hover tbody tr:hover{background:#16224a}
html[data-hx-theme="dark"] .master-breadcrumb{background:#0f1830!important}
html[data-hx-theme="dark"] .text-muted,html[data-hx-theme="dark"] .breadcrumb-item.active{color:var(--hx-mut)!important}
html[data-hx-theme="dark"] a{color:#7aa2ff}html[data-hx-theme="dark"] a:hover{color:#a9c1ff}
html[data-hx-theme="dark"] .btn-primary,html[data-hx-theme="dark"] .hx-cta{color:#fff!important}
html[data-hx-theme="dark"] .hx-cta{color:#0b3fd1!important}
html[data-hx-theme="dark"] .btn-default{background:#111a33;color:#7aa2ff;border-color:var(--hx-line)}
html[data-hx-theme="dark"] body.hx-auth,html[data-hx-theme="dark"] body.hx-auth.primary-bg-color{background:linear-gradient(160deg,#0f1b3d,#0b1226)!important}
html[data-hx-theme="dark"] .hx-faq summary,html[data-hx-theme="dark"] .hx-auth-brand h2{color:#9db8ff}
html[data-hx-theme="dark"] .hxp-amt{color:#9db8ff}html[data-hx-theme="dark"] .hxp-note,html[data-hx-theme="dark"] .hxp-foot{color:var(--hx-mut);background:#0f1830}
html[data-hx-theme="dark"] .alert-info{background:#14224a;color:#9db8ff;border-color:var(--hx-line)}
html[data-hx-theme="dark"] .logo-img{filter:brightness(1.6)}

/* ===== HexBlue v2: modern SaaS layer (original) ===== */
:root{--hx-card:#fff;--hx-bg:#f5f8ff;--hx-shadow:0 10px 30px rgba(30,94,255,.08)}
html[data-hx-theme="dark"]{--hx-card:#111a33;--hx-bg:#0b1226;--hx-shadow:0 10px 30px rgba(0,0,0,.45)}
body{font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--hx-bg);letter-spacing:.1px}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.2px}

/* pill buttons, soft inputs */
.btn{border-radius:999px;padding:.55rem 1.3rem;font-weight:600;transition:all .15s}
.btn-sm{padding:.3rem .9rem}
.btn-primary{box-shadow:0 6px 16px rgba(30,94,255,.28)}
.btn-primary:hover{transform:translateY(-1px)}
.form-control,.custom-select{height:46px;border-radius:12px;padding:.6rem 1rem;background:var(--hx-card)}
textarea.form-control{height:auto}
.input-group .form-control{border-radius:12px}

/* cards */
.card{border:0;border-radius:16px;box-shadow:var(--hx-shadow);background:var(--hx-card)}
.card-header{border-bottom:1px solid var(--hx-line);font-weight:600;padding:1rem 1.25rem}
.card-body{padding:1.25rem}

/* menu + sidebar */
header.header .navbar-nav .nav-link{border-radius:999px;padding:.45rem 1rem!important;margin:0 2px}
header.header .navbar-nav .nav-link:hover{background:var(--hx-soft)}
.sidebar .card{overflow:hidden}
.sidebar .list-group-item{border:0;border-radius:10px;margin:2px 8px;padding:.6rem .9rem;width:auto;transition:background .15s}
.sidebar .list-group{padding:6px 0}

/* dashboard stat tiles */
.tiles .tile{position:relative;background:var(--hx-card);border:0;border-radius:16px;box-shadow:var(--hx-shadow);padding:20px;transition:transform .15s,box-shadow .15s}
.tiles .tile:hover{transform:translateY(-3px)}
.tiles .tile .stat{font-size:34px;font-weight:700;color:#1e5eff;line-height:1.1}
.tiles .tile .title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--hx-mut);margin-top:6px}
.tiles .tile i{position:absolute;right:16px;top:14px;font-size:38px;color:#1e5eff;opacity:.14}
.tiles .tile .highlight{background:#1e5eff!important;height:4px;border-radius:4px}

/* tables, badges */
.table-container,.dataTables_wrapper{border-radius:14px;overflow:hidden}
.table thead th{border:0!important;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.table td{vertical-align:middle;border-color:var(--hx-line)}
.label,.badge{border-radius:999px;padding:.4em .85em;font-weight:600}

/* pricing-style plan cards (order form) */
#order-standard_cart .products .product{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:18px;box-shadow:var(--hx-shadow);overflow:hidden;transition:transform .15s,box-shadow .15s}
#order-standard_cart .products .product:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(30,94,255,.18)}
#order-standard_cart .products .product header{background:linear-gradient(135deg,#1e5eff,#0b3fd1);color:#fff;border-radius:0;padding:16px 20px;font-weight:700}
#order-standard_cart .products .product .product-pricing{padding:14px 20px;text-align:center}
#order-standard_cart .products .product .product-pricing .price{font-size:30px;font-weight:700;color:#1e5eff}
#order-standard_cart .products .product .btn-order-now{border-radius:999px;margin:0 20px 20px;width:calc(100% - 40px);box-shadow:0 6px 16px rgba(30,94,255,.28)}

/* homepage polish */
.hx-hero{padding:72px 24px;border-radius:24px;background:radial-gradient(circle at 85% 0%,rgba(255,255,255,.22),transparent 45%),linear-gradient(135deg,#1e5eff,#0b3fd1)}
.hx-hero h1{font-size:46px}
.hx-cta{border-radius:999px;padding:13px 30px}
.hx-feats>div{background:var(--hx-card);border:0;box-shadow:var(--hx-shadow);border-radius:18px;padding:26px 20px}
.hx-feats i{width:54px;height:54px;line-height:54px;border-radius:16px;background:#eaf1ff;display:inline-block;font-size:22px}
html[data-hx-theme="dark"] .hx-feats i{background:#16224a}
.hx-band{background:linear-gradient(135deg,#0b3fd1,#1e5eff);color:#fff;border-radius:24px;padding:40px 20px;text-align:center;margin:28px 0}
.hx-band h3{color:#fff;margin-bottom:14px}

/* auth */
body.hx-auth .card{border-radius:20px}
body.hx-auth .hx-auth-brand img{max-height:48px}

/* footer */
footer.footer{border-top:0;box-shadow:0 -6px 20px rgba(30,94,255,.06)}
html[data-hx-theme="dark"] .card,html[data-hx-theme="dark"] .tiles .tile{box-shadow:var(--hx-shadow)}

/* ===== HexBlue v3: fixes (domain search, hero, tiles, overlap) ===== */
/* domain search = the ONE blue hero */
.home-domain-search,.home-domain-search.bg-white{background:linear-gradient(135deg,#1e5eff,#0b3fd1)!important;color:#fff}
.home-domain-search h2{color:#fff;margin-bottom:18px}
.home-domain-search a,.home-domain-search a:hover{color:#fff!important;text-decoration:underline;opacity:.9}
.home-domain-search .input-group-wrapper{background:#fff;border-radius:999px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.18);max-width:760px;margin:0 auto}
.home-domain-search .input-group{flex-wrap:nowrap;align-items:center}
.home-domain-search .input-group .form-control{border:0!important;box-shadow:none!important;height:46px;border-radius:999px!important;background:#fff;color:#12254d}
.home-domain-search .input-group-append{display:flex;gap:8px;margin-left:8px}
.home-domain-search .input-group-append .btn{border-radius:999px!important;height:46px;margin:0!important;padding:0 24px}
.home-domain-search .row .btn{margin-top:10px;border-radius:999px}
.home-domain-search .tld-logos{margin-top:14px}

/* intro card (white) so there is only one blue block on top */
.hx-hero{background:var(--hx-card)!important;color:var(--hx-text);border:1px solid var(--hx-line);box-shadow:var(--hx-shadow);padding:44px 24px;border-radius:24px;margin:28px 0}
.hx-hero:after{display:none}
.hx-hero h1{color:#1e5eff;font-size:38px}
.hx-hero p{color:var(--hx-mut);opacity:1}
.hx-hero .hx-cta{background:#1e5eff;color:#fff!important}
.hx-hero .hx-cta.ghost{background:transparent;border:2px solid #1e5eff;color:#1e5eff!important}
.hx-band .hx-cta{background:#fff;color:#0b3fd1!important}
html[data-hx-theme="dark"] .hx-hero h1{color:#7aa2ff}
html[data-hx-theme="dark"] .hx-hero .hx-cta{color:#fff!important}
html[data-hx-theme="dark"] .hx-hero .hx-cta.ghost{color:#7aa2ff!important;border-color:#7aa2ff}
html[data-hx-theme="dark"] .hx-band .hx-cta{color:#0b3fd1!important}

/* product cards grid */
.card-columns.home{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;column-count:initial}
.card-columns.home .card{margin:0!important}

/* "How can we help" / "Your Account" tiles */
.action-icon-btns{margin-top:1rem!important;margin-bottom:1.5rem!important}
.action-icon-btns>div{margin-bottom:16px}
.action-icon-btns a{display:block;position:relative;overflow:hidden;background:var(--hx-card);border:0!important;border-radius:16px;box-shadow:var(--hx-shadow);padding:24px 10px 18px;text-align:center;color:var(--hx-text)!important;font-weight:600;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.action-icon-btns a:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#1e5eff}
.action-icon-btns a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(30,94,255,.18)}
.action-icon-btns .ico-container{margin:0 auto 12px;width:54px;height:54px;border-radius:16px;background:#eaf1ff;display:flex;align-items:center;justify-content:center}
.action-icon-btns .ico-container i{font-size:24px;color:#1e5eff!important}
html[data-hx-theme="dark"] .action-icon-btns .ico-container{background:#16224a}

/* dark toggle no longer covers footer buttons */
.hx-toggle{right:auto;left:16px}
footer.footer{padding-bottom:72px}

/* v4: product / domain cards - spacing + hover */
.card-columns.home{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px!important;column-count:auto!important;-webkit-column-count:auto!important;margin:0 0 24px}
.card-columns.home .card{display:block;width:auto;margin:0!important;border:1px solid var(--hx-line);transition:transform .18s,box-shadow .18s,border-color .18s}
.card-columns.home .card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(30,94,255,.18);border-color:#1e5eff}
.card-columns.home .card .btn-outline-primary{transition:all .15s}
.card-columns.home .card:hover .btn-outline-primary{background:#1e5eff;color:#fff;border-color:#1e5eff}
.card-columns.home .pricing-card-title{color:#0b3fd1;font-weight:700}
html[data-hx-theme="dark"] .card-columns.home .pricing-card-title{color:#9db8ff}

/* ===== v5: mobile + input-group polish ===== */
html{-webkit-text-size-adjust:100%}
/* search boxes: input + button share one pill shape */
#main-body .input-group .form-control:not(:last-child),#mainNavbar .input-group .form-control:not(:last-child){border-radius:999px 0 0 999px!important}
#main-body .input-group .form-control:not(:first-child),#mainNavbar .input-group .form-control:not(:first-child){border-radius:0 999px 999px 0!important}
#main-body .input-group .form-control:only-child{border-radius:999px!important}
#main-body .input-group-append .btn,#main-body .input-group>.btn:last-child{border-radius:0 999px 999px 0!important;padding-left:24px;padding-right:24px;box-shadow:none}
#main-body .input-group-prepend .btn,#mainNavbar .input-group-prepend .btn{border-radius:999px 0 0 999px!important}
.input-group.search .form-control{background:var(--hx-card)}
.toolbar .btn.nav-link{width:44px;height:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:50%!important}
.navbar-brand{font-weight:700;color:#0b3fd1!important}
html[data-hx-theme="dark"] .navbar-brand{color:#9db8ff!important}
#main-body{min-height:0!important}
.dataTables_wrapper{overflow-x:auto}

@media (max-width:1199.98px){
  /* opened hamburger menu = tidy card */
  #mainNavbar{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:18px;box-shadow:var(--hx-shadow);padding:12px;margin:8px 0 14px}
  #mainNavbar .search{margin-bottom:10px!important}
  #mainNavbar .navbar-nav{width:100%}
  #mainNavbar .nav-link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px!important;border-radius:12px;font-weight:500;color:var(--hx-text)!important}
  #mainNavbar .nav-link:hover,#mainNavbar .nav-link:focus{background:var(--hx-soft);color:#1e5eff!important}
  #mainNavbar .dropdown-toggle::after{margin-left:auto}
  #mainNavbar .dropdown-menu{position:static!important;float:none;transform:none!important;border:0;box-shadow:none;background:var(--hx-soft);margin:2px 0 6px;border-radius:12px;padding:6px}
  #mainNavbar .dropdown-item{padding:10px 14px;border-radius:10px;white-space:normal}
  #mainNavbar .navbar-nav.ml-auto{border-top:1px solid var(--hx-line);margin-top:8px;padding-top:8px}
}

@media (max-width:767.98px){
  body{font-size:15px}
  h1{font-size:26px}h2{font-size:22px}h3{font-size:19px}
  .container{padding-left:16px;padding-right:16px}
  .home-domain-search .p-5{padding:2rem 0!important}
  .home-domain-search h2{font-size:22px}
  .hx-hero{padding:30px 16px;margin:18px 0}
  .hx-hero h1{font-size:28px}
  .hx-cta{display:block;margin:8px auto;max-width:280px}
  .hx-band{padding:30px 16px}
  .hx-feats{grid-template-columns:1fr}
  .action-icon-btns a{padding:18px 8px 14px;font-size:14px}
  .action-icon-btns .ico-container{width:46px;height:46px}
  .card-columns.home{grid-template-columns:1fr}
  .card-body{padding:1rem}
  .master-breadcrumb .breadcrumb{font-size:14px;padding:12px 0;margin:0}
  .sidebar .card-header{padding:14px 18px}
  footer.footer .container{text-align:center}
  footer.footer .nav{justify-content:center;flex-wrap:wrap}
  footer.footer .btn{margin:8px auto}
  footer.footer{padding-bottom:80px}
  .hx-toggle{width:40px;height:40px;font-size:18px;left:12px;bottom:12px;opacity:.92}
  .modal-dialog{margin:12px}
  #order-standard_cart .products .product{margin-bottom:18px}
}