.cart-summary table.table tbody tr,
.cart-summary table.table tbody td
{
  white-space: normal;
}

.table-curved tbody>tr>td.price-col {
  vertical-align: bottom;
  text-align: right;
}

.totals-box {
  margin-top: 20px;
}

.totals-box table {
  margin-bottom: 20px;
  text-align: right;
  border: none;
}

.totals-box table>tbody>tr>td {
  border: none;
}

.whois {
    background: rgba(0, 0, 0, 0.05);
    background-repeat: no-repeat;
    background-position: 110% -70px;
    background-image: url(../images/globe.svg);
    padding: 25px;
}

.whois div.checkbox label {
  padding-right: 5px;
}

.whois div.tlds, div.search {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.whois div.tlds {
  margin-bottom: 0;
}

.whois .show_more {
	margin-left: 5px;
}

/* Begin for order pages */

.card-steps {
    padding: 10px;
	background: var(--light);
}

.card-steps i {
	opacity: 0.3;
}

.card-steps p {
	opacity: 0.7;
}

.card-steps a.active:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    margin-right: 5px;
    color: var(--success);
}

.table>tbody>tr.sub-item>td {
  border-top: none;
}

#login_box #login_message .alert {
	margin-top: 10px;
}
.pass-reset {
    padding-top: 5px;
    font-size: 12px;
    font-style: italic;
}

/* ==========================================================================
   Hostboi order template — theme layer (v2, 2026-11-06)
   Matches hostboi.com: navy #0c1738 canvas, pink #ff2c9c accent only,
   geometric uppercase headings, ring-free flat surfaces, soft glows.
   Server-side: /plugins/order/views/templates/hostboi/css/order.css
   ========================================================================== */

:root {
  --hb-bg: #0c1738;
  --hb-bg-deep: #081026;
  --hb-surface: #132048;
  --hb-surface-2: #182a5c;
  --hb-line: rgba(150, 175, 240, 0.22);
  --hb-line-strong: rgba(165, 190, 250, 0.38);
  --hb-magenta: #ff2c9c;
  --hb-hi: #f2f5ff;
  --hb-text: #c6d0ea;
  --hb-muted: #93a2c8;
}

body,
body.order {
  background-color: var(--hb-bg) !important;
  background-image:
    radial-gradient(1100px 600px at 78% -10%, rgba(45, 92, 175, 0.5), transparent 62%),
    radial-gradient(700px 460px at 4% 0%, rgba(255, 44, 156, 0.14), transparent 60%) !important;
  background-attachment: fixed !important;
  color: var(--hb-text) !important;
  font-family: "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--hb-hi) !important;
  font-family: "Space Grotesk", "Outfit", system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

p, li, td, label, .help-block { color: var(--hb-text); }
a { color: #a8bdf2; }
a:hover, a:focus { color: var(--hb-magenta); }

/* Surfaces ---------------------------------------------------------------- */
.panel,
.card,
.well,
.list-group-item,
.modal-content,
.dropdown-menu {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)) !important;
  border: 1px solid var(--hb-line) !important;
  border-radius: 14px !important;
  color: var(--hb-text) !important;
  box-shadow: 0 22px 48px -30px rgba(0, 0, 0, 0.9) !important;
}
.panel-heading,
.panel-footer,
.card-header,
.card-footer {
  background: transparent !important;
  border-color: var(--hb-line) !important;
  color: var(--hb-hi) !important;
  font-family: "Space Grotesk", system-ui, sans-serif;
  letter-spacing: 0.06em;
}
.panel-title, .card-title { color: var(--hb-hi) !important; }

/* Steps strip ------------------------------------------------------------- */
.card-steps {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--hb-line) !important;
  border-radius: 14px !important;
}
.card-steps strong, .card-steps b { color: var(--hb-hi) !important; }
.card-steps a.active, .card-steps .active strong { color: var(--hb-magenta) !important; }
.card-steps a.active:before { color: var(--hb-magenta) !important; }

/* Buttons ----------------------------------------------------------------- */
.btn {
  border-radius: 10px !important;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.62rem 1.25rem;
  transition: transform 0.18s ease, box-shadow 0.25s ease, background 0.2s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-success,
.btn-primary,
.btn-info,
button[type="submit"].btn {
  background: var(--hb-magenta) !important;
  border-color: var(--hb-magenta) !important;
  color: #12061a !important;
  box-shadow: 0 12px 30px -14px rgba(255, 44, 156, 0.6) !important;
}
.btn-success:hover, .btn-primary:hover, .btn-info:hover {
  background: #ff4da8 !important; border-color: #ff4da8 !important; color: #12061a !important;
}
.btn-default, .btn-secondary, .btn-light {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--hb-line-strong) !important;
  color: var(--hb-hi) !important;
}
.btn-default:hover, .btn-secondary:hover, .btn-light:hover {
  background: rgba(255, 255, 255, 0.1) !important; color: var(--hb-hi) !important;
}
.btn-link { color: #a8bdf2 !important; }

/* Forms ------------------------------------------------------------------- */
.form-control,
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], textarea, select {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--hb-line-strong) !important;
  border-radius: 10px !important;
  color: var(--hb-hi) !important;
  box-shadow: none !important;
}
.form-control:focus { border-color: var(--hb-magenta) !important; box-shadow: 0 0 0 3px rgba(255, 44, 156, 0.18) !important; }
option { background: var(--hb-surface); color: var(--hb-hi); }
.form-check-input { accent-color: var(--hb-magenta); }

/* Tables ------------------------------------------------------------------ */
.table { color: var(--hb-text) !important; }
.table > thead > tr > th {
  border-bottom: 1px solid var(--hb-line) !important;
  color: var(--hb-muted) !important;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.table > tbody > tr > td,
.table > tbody > tr > th { border-top: 1px solid var(--hb-line) !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: rgba(255, 255, 255, 0.03) !important; }
.totals-box table > tbody > tr > td { color: var(--hb-text) !important; }

/* Alerts / badges --------------------------------------------------------- */
.alert { border-radius: 12px !important; border: 1px solid var(--hb-line) !important; }
.alert-info { background: rgba(157, 180, 240, 0.12) !important; color: #cfdcff !important; }
.alert-warning { background: rgba(255, 196, 0, 0.1) !important; color: #ffd97a !important; }
.alert-danger { background: rgba(255, 74, 110, 0.12) !important; color: #ff9db4 !important; }
.alert-success { background: rgba(61, 220, 151, 0.1) !important; color: #8ff0c6 !important; }
.badge { border-radius: 999px; }
.label-success, .badge-success { background: #3ddc97 !important; color: #06261a !important; }
.label-danger, .badge-danger { background: #ff4a6e !important; }
.label-info, .badge-info { background: #2c5aa8 !important; }

/* Nav / header / footer --------------------------------------------------- */
.navbar, .navbar-default, .navbar-light, .site-header {
  background: rgba(9, 16, 38, 0.92) !important;
  border-bottom: 1px solid var(--hb-line) !important;
  backdrop-filter: blur(14px);
}
.navbar a, .navbar .nav-link, .nav-link { color: var(--hb-text) !important; }
.navbar a:hover, .nav-link:hover { color: var(--hb-magenta) !important; }
.navbar-brand img, .logo img { height: 26px; width: auto; }
.footer, .site-footer, footer {
  background: transparent !important;
  border-top: 1px solid var(--hb-line) !important;
  color: var(--hb-muted) !important;
}
.text-muted, small.text-muted { color: var(--hb-muted) !important; }
.dropdown-item { color: var(--hb-text) !important; }
.dropdown-item:hover { background: var(--hb-surface-2) !important; color: var(--hb-hi) !important; }

/* --- pass 2: kill the client theme's light chrome ------------------------ */
html { background: var(--hb-bg-deep) !important; }
body { background: var(--hb-bg) !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.title h1, .title h2, .title h3, .title h4 { color: var(--hb-hi) !important; }

.title, .page-title, .title-bar {
  background: transparent !important;
  border-bottom: 1px solid var(--hb-line);
  color: var(--hb-hi) !important;
}
.header, .site-header, .navbar, .main-header, .topbar, .top-bar {
  background: rgba(9, 16, 38, 0.92) !important;
  border-bottom: 1px solid var(--hb-line) !important;
}
.header a, .navbar a, .topbar a, .top-bar a { color: var(--hb-text) !important; }