@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
/* ===== WHMCS default theme variables (kept) ===== */
html { font-size: 14px; }
:root { --white: #fff; --neutral-50: #fbf9fa; --neutral-100: #f4f5f7; --neutral-200: #e4e4e7; --neutral-300: #d0d5dd; --neutral-400: #9ca3af; --neutral-500: #6b7280; --neutral-600: #4b5563; --neutral-700: #374151; --neutral-800: #1f2937; --neutral-900: #111827; --neutral-950: #030712; --primary-50: var(--neutral-50); --primary-100: var(--neutral-100); --primary-200: var(--neutral-200); --primary-300: var(--neutral-300); --primary-400: var(--neutral-400); --primary-500: var(--neutral-500); --primary-600: var(--neutral-600); --primary-700: var(--neutral-700); --primary-800: var(--neutral-800); --primary-900: var(--neutral-900); --primary-950: var(--neutral-900); --primary: var(--neutral-900); --primary-lifted: var(--neutral-800); --primary-accented: var(--neutral-700); --secondary: var(--neutral-500); --secondary-lifted: var(--neutral-600); --secondary-accented: var(--neutral-700); --success: #00a63e; --success-lifted: #008236; --success-accented: #016630; --info: #155dfc; --info-lifted: #1447e6; --info-accented: #193cb8; --notice: #7f22fe; --notice-lifted: #7008e7; --notice-accented: #5d0ec0; --warning: #f54a00; --warning-lifted: #ca3500; --warning-accented: #9f2d00; --error: #e7000b; --error-lifted: #c10007; --error-accented: #9f0712; --grayscale: var(--neutral-900); --grayscale-lifted: var(--neutral-800); --grayscale-accented: var(--neutral-700); --neutral: var(--neutral-500); --neutral-lifted: var(--neutral-600); --neutral-accented: var(--neutral-700); --text-inverted: var(--white); --text-muted: var(--neutral-400); --text-lifted: var(--neutral-500); --text-accented: var(--neutral-600); --text: var(--neutral-900); --border-muted: var(--neutral-200); --border: var(--neutral-300); --border-lifted: var(--neutral-400); --border-accented: var(--neutral-600); --bg: var(--white); --bg-muted: var(--neutral-50); --bg-lifted: var(--neutral-100); --bg-accented: var(--neutral-200); --bg-inverted: var(--neutral-900); --yellow-200: #fff085; --yellow-300: #ffdf20; --teal-300: #46edd5; --teal-400: #00d5be; --emerald-300: #5ee9b5; --pink-400: #fb64b6; --text-xs: 0.625rem; --text-sm: 0.75rem; --text-md: 0.875rem; --text-lg: 1rem; --outline-sm: 1px; --outline-md: 2px; --outline-lg: 3px; --rounding-sm: 0.25rem; --rounding-md: 0.5rem; --rounding-lg: 0.75rem; --letter-spacing: 0em; --disabled-opacity: 25%; }
/* ALTN brand palette applied to WHMCS theme variables */
:root { --primary: #0b1f44; --primary-lifted: #0a3d91; --primary-accented: #1565d8; --info: #0a3d91; --info-lifted: #0b1f44; --info-accented: #0b1f44; --warning: #f25c05; --warning-lifted: #d44f00; --warning-accented: #b84300; --bg-inverted: #0b1f44; --rounding-md: 0.5rem; --rounding-lg: 0.875rem; }
/* ===== ALTN Hosting brand theme ===== */
:root{--altn-navy:#0b1f44;--altn-blue:#0a3d91;--altn-bright:#1565d8;--altn-cyan:#22d3ee;--altn-orange:#f25c05;--altn-orange-d:#d44f00;--altn-sky:#eef4ff;--altn-line:#dfe6f2;--altn-text:#1b2433;--altn-muted:#556074}
body,.btn,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:'Manrope','Open Sans',sans-serif}
body{color:var(--altn-text);background:#f6f8fc}
a{color:var(--altn-blue)} a:hover{color:var(--altn-bright)}
h1,h2,h3{color:var(--altn-navy);font-weight:800;letter-spacing:-.01em}
header.header{background:#fff;border-bottom:1px solid var(--altn-line);box-shadow:0 2px 10px rgba(11,31,68,.04)}
header.header .logo-img{max-height:52px}
header.header .main-navbar-wrapper{background:var(--altn-navy)}
header.header .main-navbar-wrapper .navbar-nav>li>a,header.header .main-navbar-wrapper .nav-link{color:#e6edfb !important;font-weight:600}
header.header .main-navbar-wrapper .navbar-nav>li>a:hover,header.header .main-navbar-wrapper .nav-link:hover{color:#fff !important}
header.header .main-navbar-wrapper .dropdown-menu{border-radius:10px;border:1px solid var(--altn-line);box-shadow:0 10px 30px rgba(11,31,68,.12)}
header.header .main-navbar-wrapper .dropdown-menu .dropdown-item{color:var(--altn-text) !important}
.master-breadcrumb{background:var(--altn-sky);border-bottom:1px solid var(--altn-line)}
.btn-primary,.btn-success,#order-standard_cart .btn-primary,#order-standard_cart .btn-success,#order-standard_cart .btn-checkout{background:var(--altn-orange) !important;border-color:var(--altn-orange) !important;color:#fff !important;font-weight:700;border-radius:8px}
.btn-primary:hover,.btn-success:hover,#order-standard_cart .btn-primary:hover,#order-standard_cart .btn-success:hover{background:var(--altn-orange-d) !important;border-color:var(--altn-orange-d) !important}
.btn-default,.btn-secondary{border-radius:8px}
.btn-info{background:var(--altn-blue);border-color:var(--altn-blue)}
.card,#order-standard_cart .panel{border-radius:14px;border-color:var(--altn-line);box-shadow:0 2px 10px rgba(11,31,68,.04)}
.card-sidebar .card-header,#order-standard_cart .panel-sidebar .panel-heading{background:var(--altn-navy) !important;color:#fff !important;border-radius:14px 14px 0 0 !important}
.card-sidebar .card-header .card-title,#order-standard_cart .panel-sidebar .panel-title{color:#fff !important}
.list-group-item.active{background:var(--altn-blue);border-color:var(--altn-blue)}
#order-standard_cart .domain-checker-container{background:linear-gradient(135deg,#0b1f44 0%,#0a3d91 60%,#1565d8 100%) !important;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(11,31,68,.18)}
#order-standard_cart .domain-checker-bg{background:none !important;padding-top:48px !important;padding-bottom:48px !important}
#order-standard_cart .domain-checker-container .input-group-box{background:#fff;border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
#order-standard_cart .domain-checker-container .form-control{border:0;font-size:1.1rem;box-shadow:none}
#order-standard_cart .domain-checker-container .btn{background:var(--altn-orange) !important;border-color:var(--altn-orange) !important;color:#fff !important;font-weight:700;border-radius:8px !important}
#order-standard_cart .domain-checker-container .btn:hover{background:var(--altn-orange-d) !important}
#order-standard_cart .domain-checker-result-headline .domain-available{color:#11884a}
#order-standard_cart .spotlight-tlds{background:var(--altn-sky);border-radius:14px}
#order-standard_cart .spotlight-tlds .spotlight-tld{border:1px solid var(--altn-line);border-radius:12px;color:var(--altn-navy);font-weight:800;background:#fff}
#order-standard_cart .spotlight-tlds .spotlight-tld-hot,#order-standard_cart .spotlight-tld-hot{background:var(--altn-orange) !important}
#order-standard_cart .domain-pricing .tld-pricing-header div{background:var(--altn-navy) !important;color:#fff !important;border-color:var(--altn-navy) !important}
#order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4:after,#order-standard_cart .domain-pricing .tld-pricing-header div:after{border-color:var(--altn-navy) !important}
#order-standard_cart .domain-pricing .tld-filters a.badge-success,#order-standard_cart .domain-pricing .tld-filters .badge-success{background:var(--altn-orange) !important}
#order-standard_cart .domain-promo-box{border-radius:14px;border-color:var(--altn-line)}
#order-standard_cart .domain-promo-box h3{color:var(--altn-navy)}
#order-standard_cart .domain-promo-box p.font-bold,#order-standard_cart .domain-promo-box .text-warning{color:var(--altn-orange) !important}
#order-standard_cart .domain-promo-box .fa-server,#order-standard_cart .domain-promo-box .fa-globe{color:var(--altn-blue)}
#order-standard_cart .products .product{border-radius:14px;border-color:var(--altn-line)}
#order-standard_cart .products .product header{background:var(--altn-navy);color:#fff;border-radius:14px 14px 0 0}
#order-standard_cart .order-summary{border-radius:14px;overflow:hidden;border:0}
#order-standard_cart .order-summary h2{background:var(--altn-navy);color:#fff}
#order-standard_cart .summary-container{background:var(--altn-sky)}
footer.footer{background:var(--altn-navy) !important;color:#b9c6e2}
footer.footer a,footer.footer .nav-link{color:#dbe6ff !important}
footer.footer .copyright{color:#8fa0c4}

/* ALTN: secondary action buttons in domain search */
#order-standard_cart .spotlight-tlds .btn,#order-standard_cart .domain-suggestion .btn,#order-standard_cart .suggested-domains .btn,#order-standard_cart .btn-add-to-cart:not(.btn-primary){background:var(--altn-blue) !important;border-color:var(--altn-blue) !important;color:#fff !important;border-radius:8px}
#order-standard_cart .spotlight-tlds .btn:hover,#order-standard_cart .suggested-domains .btn:hover{background:var(--altn-bright) !important}
#order-standard_cart .domain-checker-result-headline .btn{background:var(--altn-orange) !important}
#order-standard_cart .suggested-domains .panel-heading,#order-standard_cart .suggested-domains .card-header{background:var(--altn-sky) !important;color:var(--altn-navy) !important;font-weight:800}

/* ALTN: website footer block in client area */
.altn-site-footer{padding:40px 0 10px;color:#b9c6e2;font-size:.92rem;text-align:left}
.altn-site-footer .altn-cols{display:flex;flex-wrap:wrap;gap:28px}
.altn-site-footer .altn-col{flex:1 1 150px}
.altn-site-footer .altn-brand{flex:1.8 1 240px}
.altn-site-footer .altn-brand img{height:44px;margin-bottom:12px}
.altn-site-footer h4{color:#fff;font-size:1rem;font-weight:800;margin:0 0 12px}
.altn-site-footer ul{list-style:none;padding:0;margin:0}
.altn-site-footer li{margin:6px 0}
.altn-site-footer a{color:#dbe6ff !important;text-decoration:none}
.altn-site-footer a:hover{color:#fff !important;text-decoration:underline}
.altn-site-footer .altn-legal{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:16px;font-size:.82rem;color:#8fa0c4}

/* ===== ALTN: website-style header (matches www.altnhosting.com) ===== */
header.altn-header{background:#fff;border-bottom:0;box-shadow:0 4px 18px rgba(11,31,68,.06);position:relative;z-index:1000}
header.altn-header .topbar{background:var(--altn-navy);color:#c9d5ee;font-size:.85rem;padding:6px 0;border:0}
header.altn-header .topbar .btn,header.altn-header .topbar .input-group-text{color:#c9d5ee;background:transparent;border:0}
header.altn-header .topbar .btn-active-client{background:rgba(255,255,255,.08);color:#fff;border-radius:6px}
header.altn-header .altn-topstrip a{color:#c9d5ee !important;text-decoration:none;margin-right:18px;font-weight:600;font-size:.85rem}
header.altn-header .altn-topstrip a:hover{color:#fff !important}
header.altn-header .altn-topstrip .altn-toplinks a{margin:0 0 0 18px}
.altn-topstrip i{color:var(--altn-cyan);margin-right:4px}
.altn-sitebar{background:#fff;padding:12px 0}
.altn-sitebar .container{flex-wrap:wrap}
.altn-sitebar .altn-brand{padding:0;margin-right:28px}
.altn-sitebar .altn-brand .logo-img{max-height:48px;width:auto}
.altn-sitenav-wrap{flex-grow:1}
.altn-sitenav{flex-direction:row;gap:4px}
.altn-sitenav .nav-link{color:var(--altn-navy) !important;font-weight:700;font-size:.98rem;padding:10px 14px !important;border-radius:8px}
.altn-sitenav .nav-link:hover,.altn-sitenav .show>.nav-link{color:var(--altn-blue) !important;background:var(--altn-sky)}
.altn-sitenav .dropdown-toggle::after{margin-left:6px;vertical-align:2px;border-top-width:5px}
.altn-sitenav .dropdown-menu{border:1px solid var(--altn-line);border-radius:12px;box-shadow:0 14px 34px rgba(11,31,68,.14);padding:8px;margin-top:6px;min-width:210px}
.altn-sitenav .dropdown-item{border-radius:8px;font-weight:600;color:var(--altn-text);padding:8px 12px}
.altn-sitenav .dropdown-item:hover{background:var(--altn-sky);color:var(--altn-blue)}
@media (min-width:1200px){
 .altn-sitebar .container{flex-wrap:nowrap}
 .altn-sitenav-wrap{display:flex !important;flex-basis:auto !important;flex-grow:1;justify-content:center}
 .altn-sitenav .altn-dd:hover>.dropdown-menu{display:block}
 .altn-sitenav .altn-dd>.dropdown-menu{top:100%;margin-top:0}
}
.altn-toolbar{flex-direction:row;align-items:center;gap:10px}
.altn-toolbar .cart-btn{color:var(--altn-navy) !important;background:var(--altn-sky);border-radius:10px;padding:8px 12px !important;position:relative}
.altn-toolbar .cart-btn .badge{background:var(--altn-orange) !important;color:#fff;position:absolute;top:-6px;right:-6px;border-radius:10px;font-size:.7rem}
.altn-btn-login{background:var(--altn-orange);color:#fff !important;font-weight:700;border-radius:10px;padding:9px 18px;box-shadow:0 6px 16px rgba(242,92,5,.25)}
.altn-btn-login:hover{background:var(--altn-orange-d)}
.altn-burger{color:var(--altn-navy) !important;border:1px solid var(--altn-line) !important;border-radius:10px;padding:8px 11px !important}
header.altn-header .altn-portalbar{background:linear-gradient(90deg,var(--altn-blue),var(--altn-bright));padding:0}
header.altn-header .altn-portalbar .navbar-nav>li>a,header.altn-header .altn-portalbar .nav-link{color:#eaf1ff !important;font-weight:600;padding:12px 14px !important}
header.altn-header .altn-portalbar .navbar-nav>li>a:hover,header.altn-header .altn-portalbar .nav-link:hover,header.altn-header .altn-portalbar .active>.nav-link{color:#fff !important;background:rgba(255,255,255,.1)}
.altn-portal-label{color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(11,31,68,.35);padding:5px 10px;border-radius:6px;margin-right:12px;white-space:nowrap}
.altn-kbsearch{margin:6px 12px}
.altn-kbsearch .form-control{border:0;border-radius:8px 0 0 8px;font-size:.88rem;height:36px;min-width:210px}
.altn-kbsearch .btn{background:#fff;border:0;border-radius:0 8px 8px 0;color:var(--altn-blue);height:36px}
@media (max-width:1199.98px){
 .altn-sitenav-wrap{order:3;width:100%;flex-basis:100%}
 .altn-sitenav{flex-direction:column;padding:10px 0 4px;border-top:1px solid var(--altn-line);margin-top:10px}
 .altn-sitenav .dropdown-menu{box-shadow:none;border:0;padding-left:16px}
 .altn-kbsearch{margin:10px 0}
 .altn-kbsearch .form-control{min-width:0}
 .altn-sitebar .altn-brand .logo-img{max-height:40px}
}
.master-breadcrumb{background:var(--altn-sky)}
/* home: product category cards */
#main-body .card-columns .card,.home-domain-search,section#main-body .card.mb-3{border-radius:14px}

/* mobile portal spacing */
@media (max-width:1199.98px){header.altn-header .altn-portalbar .navbar-collapse{padding:8px 0 12px}header.altn-header .altn-portalbar #nav>li>a,header.altn-header .altn-portalbar .navbar-nav>li>a{display:block;padding:10px 12px !important;border-radius:8px;font-size:1rem}header.altn-header .altn-portalbar .dropdown-menu{background:rgba(255,255,255,.08);border:0}header.altn-header .altn-portalbar .dropdown-menu .dropdown-item{color:#eaf1ff !important}}

/* floating site dropdowns (desktop) */
@media (min-width:1200px){.altn-sitebar,.altn-sitenav,.altn-sitenav-wrap{overflow:visible}.altn-sitenav .altn-dd{position:relative}.altn-sitenav .altn-dd>.dropdown-menu{position:absolute !important;top:100%;left:0;margin-top:0;z-index:1050;float:none}.altn-sitenav .altn-dd>.dropdown-menu::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}.altn-sitebar{position:relative;z-index:1040}}