@charset "UTF-8";
/* Fonts – Inter (self-hosted) */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* CSS Custom Properties */
:root {
  --primary: #172b64;
  --border: #e5e5e5;
  --bg: #fff;
  --bg-lifted: #f4f5f7;
  --rounding-sm: 0.5rem;
  --rounding-md: 0.75rem;
  --rounding-lg: 1rem;
}

/* Typography */
html, body, body #order-standard_cart {
  font-size: 1rem;
}

body,
input,
button,
select,
textarea,
body #order-standard_cart {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif !important;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif !important;
  color: #1a1a1a;
}

h1, h2 {
  font-weight: 700;
}

h3, h4, h5, h6 {
  font-weight: 600;
}

small, .small {
  font-size: 0.875rem;
}

.text-body-secondary {
  color: rgba(33, 37, 41, 0.75) !important;
}

/* Body & page background */
body,
body.primary-bg-color {
  background-color: #fff;
}

h1.small, h2.small {
  font-weight: 700;
}

section#main-body {
  background-color: #fff;
  padding: 30px 0;
}

/* Container width – match lemone.fi (BS5) */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* Links */
a {
  color: #172b64;
}

a:hover,
a:focus {
  color: #314785;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 1rem;
}

@media (min-width: 992px) {
  .gap-lg-3 {
    gap: 1rem;
  }
}
.text-muted {
  color: #555 !important;
}

body .bg-info {
  background-color: #172b64 !important;
}

/* Status indicators */
.lemone-status-ok {
  color: #00a63e;
}

.lemone-status-error {
  color: #e7000b;
}

#order-standard_cart.lemone-cart .row > .cart-sidebar,
#order-standard_cart.lemone-complete .row > .cart-sidebar,
#order-standard_cart.lemone-error .row > .cart-sidebar,
#order-standard_cart.lemone-domreg .row > .cart-sidebar {
  display: none !important;
}

#order-standard_cart.lemone-cart .row > .cart-body,
#order-standard_cart.lemone-complete .row > .cart-body,
#order-standard_cart.lemone-error .row > .cart-body,
#order-standard_cart.lemone-domreg .row > .cart-body {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
}

/* Force row visible when WHMCS JS hides it */
.row:has(> .primary-content > .lemone-cart),
.row:has(> .primary-content > .lemone-complete),
.row:has(> .primary-content > .lemone-error),
.row:has(> .primary-content > .lemone-domreg) {
  display: flex !important;
}

/* 
  Emulate .col-12 .col-lg-4 .col-xl-3 for .cart-sidebar 
  and .col-12 .col-lg-8 .col-xl-9 for .cart-body
*/
.sidebar {
  margin-bottom: 1.5rem;
}

.sidebar-secondary {
  padding-right: 15px;
  padding-left: 15px;
}

#order-standard_cart .row > .cart-sidebar:not(.show-always) {
  display: none;
}

#order-standard_cart .row > .cart-sidebar.show-always {
  display: block;
}

#order-standard_cart .row > .cart-sidebar,
#order-standard_cart .row > .cart-body {
  float: none;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
}

#order-standard_cart #frmConfigureProduct .row > .cart-sidebar, #order-standard_cart #frmConfigureDomains .row > .cart-sidebar {
  order: 2;
}
#order-standard_cart #frmConfigureProduct .row > .cart-body, #order-standard_cart #frmConfigureDomains .row > .cart-body {
  order: 1;
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  #order-standard_cart .row > .cart-sidebar {
    display: block;
    float: none;
    flex: 0 0 25%;
    max-width: 25%;
    order: 2;
  }
  #order-standard_cart .row > .cart-body {
    float: none;
    flex: 0 0 75%;
    max-width: 75%;
    order: 1;
  }
  #main-body > .container > .row > div:has(> .sidebar, > div > .sidebar) {
    order: 2;
  }
}
/* Class to directly hide sidebar */
.hide-sidebar .row > .cart-sidebar,
.hide-sidebar #order-standard_cart .row > .cart-sidebar {
  display: none;
}

.hide-sidebar .row > .cart-body,
.hide-sidebar #order-standard_cart .row > .cart-body {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Hide Categories in sidebar and collapsed sidebar */
.card[menuitemname=Categories],
.panel[menuitemname=Categories],
.sidebar-collapsed > .panel:first-child {
  display: none !important;
}

/* Spacing between collapsed sidebar and page content */
.sidebar-collapsed {
  margin-bottom: 1.5rem;
}

/* Security message responsive */
.checkout-security-msg {
  word-break: break-word;
  flex-wrap: wrap;
}

header#header .navbar.navbar-light {
  padding: 1rem;
  flex-wrap: nowrap;
}
@media (min-width: 992px) {
  header#header .navbar.navbar-light {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (max-width: 575.98px) {
  header#header .navbar.navbar-light {
    padding: 0.625rem 0.75rem;
  }
}
header#header .navbar.navbar-light .logo-img {
  height: 3.5rem;
  max-height: 3.5rem;
  width: auto;
  max-width: 100%;
}
@media (max-width: 575.98px) {
  header#header .navbar.navbar-light .logo-img {
    height: 2.5rem;
    max-height: 2.5rem;
  }
}
header#header .navbar-nav.toolbar {
  flex-wrap: nowrap;
  margin-left: auto;
}
@media (max-width: 400px) {
  header#header .navbar-nav.toolbar {
    gap: 0.375rem !important;
  }
  header#header .navbar-nav.toolbar .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
  }
}
header#header {
  /* Main nav */
}
header#header .main-navbar-wrapper {
  background-color: #172b64;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
}
header#header .main-navbar-wrapper #nav > li > a,
header#header .main-navbar-wrapper .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 10px 16px;
  text-decoration: none;
  transition: color 0.15s, background-color 0.15s;
}
header#header .main-navbar-wrapper #nav > li > a:hover,
header#header .main-navbar-wrapper #nav > li > a:focus,
header#header .main-navbar-wrapper #nav > li.active > a,
header#header .main-navbar-wrapper #nav > li.show > a,
header#header .main-navbar-wrapper .navbar-nav > li > a:hover,
header#header .main-navbar-wrapper .navbar-nav > li > a:focus,
header#header .main-navbar-wrapper .navbar-nav > li.active > a,
header#header .main-navbar-wrapper .navbar-nav > li.show > a {
  color: #FBDB09 !important;
  background-color: rgba(0, 0, 0, 0.15);
}
header#header .main-navbar-wrapper .dropdown-menu {
  border-radius: 0.75rem;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 0.5rem 0;
}
header#header .main-navbar-wrapper .dropdown-item {
  color: #333;
}
header#header .main-navbar-wrapper .dropdown-item:hover, header#header .main-navbar-wrapper .dropdown-item:focus, header#header .main-navbar-wrapper .dropdown-item.active {
  background-color: #f4f5f7;
  color: #172b64;
}

@media (max-width: 1199px) {
  header#header .main-navbar-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
  header#header .main-navbar-wrapper .navbar-collapse {
    padding: 8px 0;
  }
  header#header .main-navbar-wrapper .navbar-nav {
    margin: 0;
    padding: 0;
  }
  header#header .main-navbar-wrapper .navbar-nav > li {
    margin: 0;
  }
  header#header .main-navbar-wrapper {
    /* All nav links — one style */
  }
  header#header .main-navbar-wrapper #nav > li > a,
  header#header .main-navbar-wrapper .navbar-nav > li > a,
  header#header .main-navbar-wrapper .dropdown-menu a.dropdown-item {
    color: #1a1a1a !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 14px 16px !important;
    display: block;
    border: none !important;
    border-left: 3px solid transparent !important;
    background: none !important;
    transition: border-color 0.15s, background-color 0.15s;
  }
  header#header .main-navbar-wrapper #nav > li > a:hover, header#header .main-navbar-wrapper #nav > li > a:focus,
  header#header .main-navbar-wrapper .navbar-nav > li > a:hover,
  header#header .main-navbar-wrapper .navbar-nav > li > a:focus,
  header#header .main-navbar-wrapper .dropdown-menu a.dropdown-item:hover,
  header#header .main-navbar-wrapper .dropdown-menu a.dropdown-item:focus {
    background-color: #fbf9fa !important;
    border-left-color: #FBDB09 !important;
  }
  header#header .main-navbar-wrapper .dropdown-menu a.dropdown-item {
    padding-left: 28px !important;
    font-weight: 500;
    color: #555 !important;
  }
  header#header .main-navbar-wrapper {
    /* Reset the li.dropdown-item wrapper */
  }
  header#header .main-navbar-wrapper li.dropdown-item {
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
  header#header .main-navbar-wrapper #nav > li.show > a,
  header#header .main-navbar-wrapper .navbar-nav > li.show > a {
    border-left-color: #FBDB09 !important;
    background-color: #fbf9fa !important;
  }
  header#header .main-navbar-wrapper .dropdown-menu {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  header#header .main-navbar-wrapper .dropdown-divider {
    display: none;
  }
  header#header .main-navbar-wrapper {
    /* Separators between nav groups */
  }
  header#header .main-navbar-wrapper #nav,
  header#header .main-navbar-wrapper .navbar-nav.ml-auto {
    border-top: 2px solid #e5e5e5;
    padding-top: 8px;
  }
  header#header .main-navbar-wrapper .navbar-nav.ml-auto > li {
    margin: 0;
  }
  header#header .main-navbar-wrapper .topbar-notifications {
    color: #1a1a1a !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 14px 16px !important;
    display: block;
    width: 100%;
    text-align: left;
    border: none !important;
    border-left: 3px solid transparent !important;
    background: none !important;
  }
  header#header .main-navbar-wrapper .topbar-notifications:hover, header#header .main-navbar-wrapper .topbar-notifications:focus {
    background-color: #fbf9fa !important;
    border-left-color: #FBDB09 !important;
  }
  header#header .main-navbar-wrapper .topbar-notifications__text {
    margin-left: 8px;
  }
}
/* Breadcrumb */
nav.master-breadcrumb {
  display: none;
}

.navbar-brand {
  font-size: 1.375rem;
  font-weight: 700;
  color: 1a1a1a !important;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  .navbar-brand {
    margin-right: 0.5rem;
  }
}

/* Directly from main site */
header.header .toolbar .nav-link:not(.btn) {
  color: #333;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.5rem 0 !important;
  text-decoration: none;
  border: none;
  background: none;
  display: block;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.navbar-light {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}

.navbar-nav > li {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* Notification bell */
.topbar-notifications {
  position: relative;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.875rem;
  line-height: 21px;
  padding: 0 12px;
  cursor: pointer;
  transition: color 0.15s;
}
.topbar-notifications:hover {
  color: #fff;
}
.topbar-notifications__badge {
  position: absolute;
  top: 2px;
  right: 4px;
  background: #FBDB09;
  color: #172b64;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  padding: 0 4px;
}
@media (max-width: 1199px) {
  .topbar-notifications__badge {
    display: none;
  }
}
.topbar-notifications__text {
  display: none;
}
@media (max-width: 1199px) {
  .topbar-notifications__text {
    display: inline;
  }
}

/* Notifications popover */
.popover {
  border-radius: 1rem;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

section:has(.hero) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.primary-content:has(.hero) {
  margin-bottom: 0 !important;
}

.hero {
  background: linear-gradient(130deg, #172b64 0%, #314785 100%);
  padding: 72px 16px 80px;
}
.hero h1 {
  color: #fff;
  font-weight: 800;
  font-size: 2rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 8px;
}
.hero .tooltip-inner {
  background-color: #314785;
}

.hero-subtitle {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.15rem;
  margin-bottom: 32px;
}

.container .hero {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
}

@media (max-width: 767px) {
  .hero {
    padding: 48px 16px 56px;
  }
  .hero h2 {
    font-size: 1.5rem;
  }
}
section:has(.hero) {
  overflow-x: hidden;
}

/* ─── Button system ─── */
body .btn {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-style: solid;
  border-width: 3px;
  border-radius: 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
}

body .btn-primary {
  background-color: #172b64;
  border-color: #FBDB09;
  color: #FBDB09 !important;
  box-shadow: 0 4px 14px rgba(23, 43, 100, 0.35);
}
body .btn-primary:hover {
  background-color: #172b64;
  border-color: #FBDB09;
  color: #FBDB09;
  opacity: 0.9;
}
body .btn-primary:focus {
  opacity: 0.9;
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(251, 219, 9, 0.35);
}
body .btn-primary:active, body .btn-primary.active {
  background-color: #0f1d45;
  opacity: 1;
}
body .btn-primary.disabled, body .btn-primary[disabled] {
  background-color: #172b64;
  border-color: #FBDB09;
  color: #FBDB09 !important;
  box-shadow: 0 4px 14px rgba(23, 43, 100, 0.35);
  opacity: 0.5;
}

/* Borderless primary */
.btn.search, #btnDomainSearch,
#frmDomainChecker .btn.search, #frmDomainChecker #btnDomainSearch,
.input-group.kb-search #btnKnowledgebaseSearch,
.input-group.kb-search #btnDownloadsSearch {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-style: solid;
  border-width: 3px;
  border-radius: 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
  background-color: #172b64;
  border-color: #FBDB09;
  color: #FBDB09 !important;
  box-shadow: 0 4px 14px rgba(23, 43, 100, 0.35);
  border: none;
  box-shadow: 0 4px 14px rgba(23, 43, 100, 0.35);
}

.btn.transfer,
#btnTransfer,
#frmDomainChecker .btn.transfer,
#frmDomainChecker #btnTransfer,
body .btn-default,
body .btn-secondary,
body .btn-success,
body .btn-info,
body .btn-warning,
body .btn-danger,
body .btn-outline-primary,
body .btn .nav-link {
  background-color: transparent;
  border-color: #172b64;
  color: #172b64;
  box-shadow: none;
}
.btn.transfer:hover,
#btnTransfer:hover,
#frmDomainChecker .btn.transfer:hover,
#frmDomainChecker #btnTransfer:hover,
body .btn-default:hover,
body .btn-secondary:hover,
body .btn-success:hover,
body .btn-info:hover,
body .btn-warning:hover,
body .btn-danger:hover,
body .btn-outline-primary:hover,
body .btn .nav-link:hover {
  background-color: rgba(23, 43, 100, 0.06);
  border-color: #172b64;
  color: #172b64;
}
.btn.transfer:focus,
#btnTransfer:focus,
#frmDomainChecker .btn.transfer:focus,
#frmDomainChecker #btnTransfer:focus,
body .btn-default:focus,
body .btn-secondary:focus,
body .btn-success:focus,
body .btn-info:focus,
body .btn-warning:focus,
body .btn-danger:focus,
body .btn-outline-primary:focus,
body .btn .nav-link:focus {
  background-color: rgba(23, 43, 100, 0.06);
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(23, 43, 100, 0.15);
}
.btn.transfer:active, .btn.transfer.active,
#btnTransfer:active,
#btnTransfer.active,
#frmDomainChecker .btn.transfer:active,
#frmDomainChecker .btn.transfer.active,
#frmDomainChecker #btnTransfer:active,
#frmDomainChecker #btnTransfer.active,
body .btn-default:active,
body .btn-default.active,
body .btn-secondary:active,
body .btn-secondary.active,
body .btn-success:active,
body .btn-success.active,
body .btn-info:active,
body .btn-info.active,
body .btn-warning:active,
body .btn-warning.active,
body .btn-danger:active,
body .btn-danger.active,
body .btn-outline-primary:active,
body .btn-outline-primary.active,
body .btn .nav-link:active,
body .btn .nav-link.active {
  background-color: rgba(23, 43, 100, 0.12);
}
.btn.transfer.disabled, .btn.transfer[disabled],
#btnTransfer.disabled,
#btnTransfer[disabled],
#frmDomainChecker .btn.transfer.disabled,
#frmDomainChecker .btn.transfer[disabled],
#frmDomainChecker #btnTransfer.disabled,
#frmDomainChecker #btnTransfer[disabled],
body .btn-default.disabled,
body .btn-default[disabled],
body .btn-secondary.disabled,
body .btn-secondary[disabled],
body .btn-success.disabled,
body .btn-success[disabled],
body .btn-info.disabled,
body .btn-info[disabled],
body .btn-warning.disabled,
body .btn-warning[disabled],
body .btn-danger.disabled,
body .btn-danger[disabled],
body .btn-outline-primary.disabled,
body .btn-outline-primary[disabled],
body .btn .nav-link.disabled,
body .btn .nav-link[disabled] {
  background-color: transparent;
  border-color: #172b64;
  color: #172b64;
  box-shadow: none;
  opacity: 0.5;
}

body .btn-link {
  background: transparent;
  border-color: transparent;
  color: #172b64;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  padding: 0;
}
body .btn-link:hover, body .btn-link:focus {
  color: #314785;
  text-decoration: underline;
  background: transparent;
  border-color: transparent;
}

body .btn-xs,
h3.card-title:has(.ticket-actions) .btn {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  border-width: 2px;
}

body .btn-sm,
body .btn .nav-link,
body #frmProductDomain #btnCheckAvailability,
body #frmProductDomain #useOwnDomain,
body #frmProductDomain #domaintransfer .btn,
body #frmProductDomain #domainincart .btn,
body #btnTicketAttachmentsAdd,
.btn.transfer,
#btnTransfer,
#frmDomainChecker .btn.transfer,
#frmDomainChecker #btnTransfer,
body .btn-reveal-pw,
body .btn-custom-action,
body .btn-group-sm .btn,
#registerDomainPanel .btn,
form .row:has(#inputContactId) .btn,
#btnAddCcEmail,
body .invite-box .generate-password {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  border-radius: 0.875rem;
  border-width: 2px;
}

body .btn-lg {
  padding: 1rem 2.5rem;
  font-size: 1.15rem;
}

body #frmProductDomain #btnCheckAvailability,
body #frmProductDomain #useOwnDomain,
body #frmProductDomain #domaintransfer .btn,
body #frmProductDomain #domainincart .btn {
  width: auto;
}

body #btnTicketAttachmentsAdd {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* These are almost text like buttons, have nothing to do with
   normal actual buttons */
header#header .topbar .btn {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.8rem;
  padding: 4px 10px;
}
header#header .topbar .btn:hover {
  color: #fff;
}

.lemone-cart-edit-btn, .lemone-cart-remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #888;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  font-size: 13px;
  text-decoration: none;
}

.lemone-cart-edit-btn:hover {
  border-color: #172b64;
  color: #172b64;
  background: #f4f5f7;
}

.lemone-cart-remove-btn:hover {
  border-color: #e7000b;
  color: #e7000b;
  background: #fef2f2;
}

.lemone-cart-clear .btn {
  color: #888;
}
.lemone-cart-clear .btn:hover {
  color: #e7000b;
}

/* Button groups – stack vertically on mobile */
@media (max-width: 767.98px) {
  .btn-group:not(.kb-search) {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .btn-group:not(.kb-search) > .btn,
  .btn-group:not(.kb-search) > .btn-group {
    margin-left: 0 !important;
    width: 100%;
  }
  .btn-group:not(.kb-search) > .btn {
    border-radius: 1rem !important;
    margin-bottom: 6px;
  }
  .btn-group:not(.kb-search) > .btn-group > .btn {
    border-radius: 1rem !important;
    width: 100%;
  }
  .btn-group:not(.kb-search) > .btn-group .dropdown-menu {
    width: 100%;
  }
}
/* Pagination */
.page-item .page-link {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-style: solid;
  border-width: 3px;
  border-radius: 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
  background-color: transparent;
  border-color: #172b64;
  color: #172b64;
  box-shadow: none;
}
.page-item .page-link:hover {
  background-color: rgba(23, 43, 100, 0.06);
  border-color: #172b64;
  color: #172b64;
}
.page-item .page-link:focus {
  background-color: rgba(23, 43, 100, 0.06);
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(23, 43, 100, 0.15);
}
.page-item .page-link:active, .page-item .page-link.active {
  background-color: rgba(23, 43, 100, 0.12);
}
.page-item .page-link.disabled, .page-item .page-link[disabled] {
  background-color: transparent;
  border-color: #172b64;
  color: #172b64;
  box-shadow: none;
  opacity: 0.5;
}
.page-item .page-link {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  border-radius: 0.875rem;
  border-width: 2px;
  border-radius: 0.875rem !important;
  margin: 0 2px;
}

.page-item.active .page-link {
  background-color: #172b64;
  border-color: #FBDB09;
  color: #FBDB09 !important;
  box-shadow: 0 4px 14px rgba(23, 43, 100, 0.35);
}

.page-item.disabled .page-link {
  background-color: transparent;
  border-color: #172b64;
  color: #172b64;
  box-shadow: none;
  opacity: 0.4;
  pointer-events: none;
}

/* Form controls */
body .form-control,
body #registration .form-control,
body #registration .field,
body #order-standard_cart .form-control,
body #order-standard_cart .field,
.md-editor > .md-preview, .md-editor > textarea.markdown-editor,
body select.form-control,
body .custom-select,
.custom-file-input {
  border: 1px solid #e5e5e5;
  border-radius: 0.375rem !important;
  color: #333;
  font-size: 0.875rem;
  padding: 8px 14px !important;
  height: 39px;
  box-shadow: none;
  transition: border-color 0.2s;
}
body .form-control:focus,
body #registration .form-control:focus,
body #registration .field:focus,
body #order-standard_cart .form-control:focus,
body #order-standard_cart .field:focus,
.md-editor > .md-preview:focus, .md-editor > textarea.markdown-editor:focus,
body select.form-control:focus,
body .custom-select:focus,
.custom-file-input:focus {
  border-color: #fded84 !important;
  box-shadow: 0 0 0 0.25rem rgba(251, 219, 9, 0.25) !important;
  outline: none !important;
}
body .form-control::placeholder,
body #registration .form-control::placeholder,
body #registration .field::placeholder,
body #order-standard_cart .form-control::placeholder,
body #order-standard_cart .field::placeholder,
.md-editor > .md-preview::placeholder, .md-editor > textarea.markdown-editor::placeholder,
body select.form-control::placeholder,
body .custom-select::placeholder,
.custom-file-input::placeholder {
  color: #aaa;
}

body textarea.form-control {
  border-radius: 0.375rem !important;
  height: auto !important;
}

/* Input groups */
body .input-group > .input-group-prepend + .form-control,
body #order-standard_cart .input-group:not(.search-input-group) > .input-group-prepend + .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body .input-group > .form-control:first-child,
body #order-standard_cart .input-group:not(.search-input-group) > .form-control:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body .input-group > .form-control:only-child,
body #order-standard_cart .input-group:not(.search-input-group) > .form-control:only-child {
  border-radius: 0.375rem;
}
body .input-group .input-group-prepend > .btn,
body .input-group .input-group-prepend > .input-group-text,
body #order-standard_cart .input-group:not(.search-input-group) .input-group-prepend > .btn,
body #order-standard_cart .input-group:not(.search-input-group) .input-group-prepend > .input-group-text {
  border-radius: 0.375rem 0 0 0.375rem;
}
body .input-group .input-group-append > .btn,
body .input-group .input-group-append > .input-group-text,
body #order-standard_cart .input-group:not(.search-input-group) .input-group-append > .btn,
body #order-standard_cart .input-group:not(.search-input-group) .input-group-append > .input-group-text {
  border-radius: 0 0.375rem 0.375rem 0;
}
body .input-group > .form-control:not(:first-child):not(:last-child),
body #order-standard_cart .input-group:not(.search-input-group) > .form-control:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}

#registerDomainPanel .btn-success {
  border-radius: 0 !important;
}

#registerDomainPanel .btn-default {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0;
}

#btnAddCcEmail {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

body .input-group-text {
  border-color: #e5e5e5;
  background-color: #f4f5f7;
}

/* Form groups */
.form-group, #order-standard_cart .form-group,
#order-standard_cart label {
  margin-bottom: 16px;
}
.form-group label, .form-group label[for=inputTransferDomain], .form-group label[for=inputAuthCode], #order-standard_cart .form-group label, #order-standard_cart .form-group label[for=inputTransferDomain], #order-standard_cart .form-group label[for=inputAuthCode],
#order-standard_cart label label,
#order-standard_cart label label[for=inputTransferDomain],
#order-standard_cart label label[for=inputAuthCode] {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 8px;
}

body #frmDomainChecker .search-input-group .form-control:focus,
body #frmDomainHomepage .search-input-group .form-control:focus,
#inputKnowledgebaseSearch:focus {
  box-shadow: none !important;
  border-color: none !important;
}

.md-editor {
  border: none !important;
}

.md-footer {
  background: transparent !important;
}

.custom-file {
  height: 39px;
}
.custom-file .custom-file-label {
  height: 39px;
}
.custom-file .custom-file-label::after {
  height: 39px;
}

/* intl-tel-input - placeholder fix */
body #order-standard_cart .intl-tel-input.separate-dial-code .form-control,
body .intl-tel-input.separate-dial-code .form-control {
  padding-left: 95px !important;
}

body .intl-tel-input.separate-dial-code .selected-dial-code {
  padding-left: 24px;
}

/* intl-tel-input - rest disabled *
.intl-tel-input,
.iti {
    display: block !important;
    width: 100% !important;

    .form-control {
        width: 100% !important;
        padding-left: 52px !important;
    }
}

.intl-tel-input.separate-dial-code .form-control,
.iti--separate-dial-code .form-control {
    padding-left: 95px !important;
}

.iti__flag-container,
.intl-tel-input .flag-container { z-index: 2; }

.iti__selected-flag,
.intl-tel-input .selected-flag {
    border-radius: $form-border-radius 0 0 $form-border-radius;
    background: transparent;
    border-right: 1px solid $lemone-border;
    padding: 0 8px 0 12px;
}
*/
/* Checkboxes */
body input[type=checkbox]:not(.no-icheck):not(.multiselect-checkbox),
body .icheckbox_square-blue {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #d0d5dd;
  border-radius: 4px;
  background: #fff !important;
  background-image: none !important;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  transition: background-color 0.15s, border-color 0.15s;
}

body input[type=checkbox]:not(.no-icheck):not(.multiselect-checkbox):checked,
body .icheckbox_square-blue.checked {
  background-color: #172b64 !important;
  border-color: #172b64;
}

body input[type=checkbox]:not(.no-icheck):not(.multiselect-checkbox):checked::after,
body .icheckbox_square-blue.checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

body input[type=checkbox]:not(.no-icheck):not(.multiselect-checkbox):focus {
  border-color: #fded84 !important;
  box-shadow: 0 0 0 0.25rem rgba(251, 219, 9, 0.25) !important;
  outline: none !important;
}

/* Radio buttons */
body input[type=radio]:not(.no-icheck),
body .iradio_square-blue {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #d0d5dd;
  border-radius: 50%;
  background: #fff !important;
  background-image: none !important;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  transition: background-color 0.15s, border-color 0.15s;
}

body input[type=radio]:not(.no-icheck):checked,
body .iradio_square-blue.checked {
  background-color: #172b64 !important;
  border-color: #172b64;
  box-shadow: inset 0 0 0 3px #fff;
}

body input[type=radio]:not(.no-icheck):focus {
  border-color: #fded84 !important;
  box-shadow: 0 0 0 0.25rem rgba(251, 219, 9, 0.25) !important;
  outline: none !important;
}

/* Bootstrap-switch */
body .bootstrap-switch {
  border-radius: 0.375rem;
  border-color: #e5e5e5;
  min-width: 80px;
}
body .bootstrap-switch .bootstrap-switch-handle-on {
  border-radius: 0.375rem 0 0 0.375rem;
}
body .bootstrap-switch .bootstrap-switch-handle-off {
  border-radius: 0 0.375rem 0.375rem 0;
}
body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background-color: #172b64 !important;
  color: #FBDB09;
}
body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
  background-color: #e5e5e5;
  color: #1a1a1a;
}
body .bootstrap-switch .bootstrap-switch-label {
  background: #fff;
}

/* (Domain) search */
.search-input-group.input-group.input-group-lg,
#frmDomainChecker .search-input-group.input-group.input-group-lg,
.input-group.kb-search {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
  display: flex;
  align-items: center;
  padding: 6px;
}
.search-input-group.input-group.input-group-lg:not(.kb-search),
#frmDomainChecker .search-input-group.input-group.input-group-lg:not(.kb-search),
.input-group.kb-search:not(.kb-search) {
  border: none;
}
.search-input-group.input-group.input-group-lg .form-control,
#frmDomainChecker .search-input-group.input-group.input-group-lg .form-control,
.input-group.kb-search .form-control {
  flex: 1;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 12px 20px;
  font-size: 16px;
  background: transparent;
  height: auto;
}
.search-input-group.input-group.input-group-lg .form-control:focus,
#frmDomainChecker .search-input-group.input-group.input-group-lg .form-control:focus,
.input-group.kb-search .form-control:focus {
  box-shadow: none;
  border: none;
}

.search-input-group .input-group-btn,
.search-input-group .input-group-append,
#frmDomainChecker .search-input-group .input-group-btn,
#frmDomainChecker .search-input-group .input-group-append,
.input-group.kb-search .input-group-btn,
.input-group.kb-search .input-group-append {
  display: flex;
  gap: 6px;
  white-space: nowrap;
  width: auto;
}

/* Domain search – stacked layout on mobile */
@media (max-width: 767.98px) {
  .search-input-group.input-group.input-group-lg,
  #frmDomainChecker .search-input-group.input-group.input-group-lg {
    flex-wrap: wrap;
  }
  .search-input-group.input-group.input-group-lg .form-control,
  #frmDomainChecker .search-input-group.input-group.input-group-lg .form-control {
    width: 100%;
    min-height: 56px;
    padding: 16px 20px;
    font-size: 1rem;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
  }
  .search-input-group.input-group.input-group-lg .input-group-append,
  .search-input-group.input-group.input-group-lg .input-group-btn,
  #frmDomainChecker .search-input-group.input-group.input-group-lg .input-group-append,
  #frmDomainChecker .search-input-group.input-group.input-group-lg .input-group-btn {
    width: 100%;
    justify-content: stretch;
    padding-top: 6px;
  }
  .search-input-group.input-group.input-group-lg .input-group-append .btn,
  .search-input-group.input-group.input-group-lg .input-group-btn .btn,
  #frmDomainChecker .search-input-group.input-group.input-group-lg .input-group-append .btn,
  #frmDomainChecker .search-input-group.input-group.input-group-lg .input-group-btn .btn {
    flex: 1;
    text-align: center;
  }
}
div.form-group:has(select[name=urgency]),
div.form-group:has(select[name=deptid]) {
  display: none;
}

body #frmManagePaymentMethod .submit-container .btn-primary {
  margin-bottom: 10px;
}

/* List groups */
.list-group-item, a.list-group-item {
  padding: 0.75rem 1.25rem !important;
  border-color: #f4f5f7;
}
.list-group-item:not(.kb-article-item):last-child, a.list-group-item:not(.kb-article-item):last-child {
  border-bottom: 0;
}
.list-group-item:hover, .list-group-item:focus, a.list-group-item:hover, a.list-group-item:focus {
  background-color: #fbf9fa;
  color: #172b64;
}
.list-group-item.active, a.list-group-item.active {
  background-color: #172b64 !important;
  border-color: #172b64 !important;
  color: #fff !important;
}

.list-group-item .sidebar-menu-item-icon-wrapper {
  color: #555;
}

.list-group-item.active .sidebar-menu-item-icon-wrapper {
  color: #fff;
}

.list-item-arrow {
  font-size: 1rem;
  color: #aaa;
  transition: color 0.15s, transform 0.15s;
}
.list-group-item:hover .list-item-arrow {
  color: #172b64;
  transform: translateX(3px);
}

/* Alerts */
.alert {
  border-radius: 0.75rem;
  border-width: 1px;
}

/* Dropdowns */
.dropdown-menu {
  border-radius: 0.75rem;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: #f4f5f7;
  color: #172b64;
}

/* Modals */
.modal-content {
  border-radius: 1rem;
  border: 0;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.modal-header {
  border-radius: 1rem 1rem 0 0;
  background-color: #f4f5f7;
  border-bottom: 1px solid #e5e5e5;
}

.modal-footer {
  border-radius: 0 0 1rem 1rem;
  border-top: 1px solid #f4f5f7;
}

/* Tabs */
.nav-tabs .nav-link {
  border-radius: 0.75rem 0.75rem 0 0;
  font-weight: 600;
  color: #555;
}
.nav-tabs .nav-link.active {
  color: #172b64;
  font-weight: 700;
  border-bottom-color: #fff;
}

.nav-pills .nav-link {
  border-radius: 0.75rem;
}

.nav-pills .nav-link.active {
  background-color: #172b64;
}

.md-header.btn-toolbar {
  display: none !important;
}

.news-date {
  font-size: 0.75rem;
  color: #888;
  white-space: nowrap;
  min-width: 70px;
}

.news-title {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1a;
}

.progress {
  border-radius: 0.5rem;
}

.progress-bar {
  background-color: #172b64;
}

form .row:has(#inputContactId) {
  display: flex !important;
  align-items: center !important;
}

.card,
body .invite-box,
.tile,
#order-standard_cart .cart-sidebar .card,
#order-standard_cart #frmProductDomain .domain-selection-options .option,
#containerExistingUserSignin,
#domainRegistrantInputFields,
#order-standard_cart #creditCardInputFields,
.marketing-email-optin,
body .client-home-cards .card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
}
.card h3, .card .font-size-18,
body .invite-box h3,
body .invite-box .font-size-18,
.tile h3,
.tile .font-size-18,
#order-standard_cart .cart-sidebar .card h3,
#order-standard_cart .cart-sidebar .card .font-size-18,
#order-standard_cart #frmProductDomain .domain-selection-options .option h3,
#order-standard_cart #frmProductDomain .domain-selection-options .option .font-size-18,
#containerExistingUserSignin h3,
#containerExistingUserSignin .font-size-18,
#domainRegistrantInputFields h3,
#domainRegistrantInputFields .font-size-18,
#order-standard_cart #creditCardInputFields h3,
#order-standard_cart #creditCardInputFields .font-size-18,
.marketing-email-optin h3,
.marketing-email-optin .font-size-18,
body .client-home-cards .card h3,
body .client-home-cards .card .font-size-18 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
.card .card-header,
body .invite-box .card-header,
.tile .card-header,
#order-standard_cart .cart-sidebar .card .card-header,
#order-standard_cart #frmProductDomain .domain-selection-options .option .card-header,
#containerExistingUserSignin .card-header,
#domainRegistrantInputFields .card-header,
#order-standard_cart #creditCardInputFields .card-header,
.marketing-email-optin .card-header,
body .client-home-cards .card .card-header {
  border-radius: 1rem 1rem 0 0;
}
.card .card-footer,
body .invite-box .card-footer,
.tile .card-footer,
#order-standard_cart .cart-sidebar .card .card-footer,
#order-standard_cart #frmProductDomain .domain-selection-options .option .card-footer,
#containerExistingUserSignin .card-footer,
#domainRegistrantInputFields .card-footer,
#order-standard_cart #creditCardInputFields .card-footer,
.marketing-email-optin .card-footer,
body .client-home-cards .card .card-footer {
  border-radius: 0 0 1rem 1rem;
}
.card :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
.card > .list-group .list-group-item:first-child,
body .invite-box :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
body .invite-box > .list-group .list-group-item:first-child,
.tile :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
.tile > .list-group .list-group-item:first-child,
#order-standard_cart .cart-sidebar .card :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
#order-standard_cart .cart-sidebar .card > .list-group .list-group-item:first-child,
#order-standard_cart #frmProductDomain .domain-selection-options .option :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
#order-standard_cart #frmProductDomain .domain-selection-options .option > .list-group .list-group-item:first-child,
#containerExistingUserSignin :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
#containerExistingUserSignin > .list-group .list-group-item:first-child,
#domainRegistrantInputFields :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
#domainRegistrantInputFields > .list-group .list-group-item:first-child,
#order-standard_cart #creditCardInputFields :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
#order-standard_cart #creditCardInputFields > .list-group .list-group-item:first-child,
.marketing-email-optin :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
.marketing-email-optin > .list-group .list-group-item:first-child,
body .client-home-cards .card :not(.collapsable-card-body) > .list-group .list-group-item:first-child,
body .client-home-cards .card > .list-group .list-group-item:first-child {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.card .list-group-item:last-child,
body .invite-box .list-group-item:last-child,
.tile .list-group-item:last-child,
#order-standard_cart .cart-sidebar .card .list-group-item:last-child,
#order-standard_cart #frmProductDomain .domain-selection-options .option .list-group-item:last-child,
#containerExistingUserSignin .list-group-item:last-child,
#domainRegistrantInputFields .list-group-item:last-child,
#order-standard_cart #creditCardInputFields .list-group-item:last-child,
.marketing-email-optin .list-group-item:last-child,
body .client-home-cards .card .list-group-item:last-child {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.card:has(.card-footer) .list-group-item:last-child,
body .invite-box:has(.card-footer) .list-group-item:last-child,
.tile:has(.card-footer) .list-group-item:last-child,
#order-standard_cart .cart-sidebar .card:has(.card-footer) .list-group-item:last-child,
#order-standard_cart #frmProductDomain .domain-selection-options .option:has(.card-footer) .list-group-item:last-child,
#containerExistingUserSignin:has(.card-footer) .list-group-item:last-child,
#domainRegistrantInputFields:has(.card-footer) .list-group-item:last-child,
#order-standard_cart #creditCardInputFields:has(.card-footer) .list-group-item:last-child,
.marketing-email-optin:has(.card-footer) .list-group-item:last-child,
body .client-home-cards .card:has(.card-footer) .list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card .card-title i.fa-chevron-up,
body .invite-box .card-title i.fa-chevron-up,
.tile .card-title i.fa-chevron-up,
#order-standard_cart .cart-sidebar .card .card-title i.fa-chevron-up,
#order-standard_cart #frmProductDomain .domain-selection-options .option .card-title i.fa-chevron-up,
#containerExistingUserSignin .card-title i.fa-chevron-up,
#domainRegistrantInputFields .card-title i.fa-chevron-up,
#order-standard_cart #creditCardInputFields .card-title i.fa-chevron-up,
.marketing-email-optin .card-title i.fa-chevron-up,
body .client-home-cards .card .card-title i.fa-chevron-up {
  display: none;
}
.card .card-title i.fa-chevron-down,
body .invite-box .card-title i.fa-chevron-down,
.tile .card-title i.fa-chevron-down,
#order-standard_cart .cart-sidebar .card .card-title i.fa-chevron-down,
#order-standard_cart #frmProductDomain .domain-selection-options .option .card-title i.fa-chevron-down,
#containerExistingUserSignin .card-title i.fa-chevron-down,
#domainRegistrantInputFields .card-title i.fa-chevron-down,
#order-standard_cart #creditCardInputFields .card-title i.fa-chevron-down,
.marketing-email-optin .card-title i.fa-chevron-down,
body .client-home-cards .card .card-title i.fa-chevron-down {
  display: block;
}
.card .card-title,
body .invite-box .card-title,
.tile .card-title,
#order-standard_cart .cart-sidebar .card .card-title,
#order-standard_cart #frmProductDomain .domain-selection-options .option .card-title,
#containerExistingUserSignin .card-title,
#domainRegistrantInputFields .card-title,
#order-standard_cart #creditCardInputFields .card-title,
.marketing-email-optin .card-title,
body .client-home-cards .card .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
.card .card-title h3,
body .invite-box .card-title h3,
.tile .card-title h3,
#order-standard_cart .cart-sidebar .card .card-title h3,
#order-standard_cart #frmProductDomain .domain-selection-options .option .card-title h3,
#containerExistingUserSignin .card-title h3,
#domainRegistrantInputFields .card-title h3,
#order-standard_cart #creditCardInputFields .card-title h3,
.marketing-email-optin .card-title h3,
body .client-home-cards .card .card-title h3 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
.card--highlighted, .card.option-selected,
body .invite-box--highlighted,
body .invite-box.option-selected,
.tile--highlighted,
.tile.option-selected,
#order-standard_cart .cart-sidebar .card--highlighted,
#order-standard_cart .cart-sidebar .card.option-selected,
#order-standard_cart #frmProductDomain .domain-selection-options .option--highlighted,
#order-standard_cart #frmProductDomain .domain-selection-options .option.option-selected,
#containerExistingUserSignin--highlighted,
#containerExistingUserSignin.option-selected,
#domainRegistrantInputFields--highlighted,
#domainRegistrantInputFields.option-selected,
#order-standard_cart #creditCardInputFields--highlighted,
#order-standard_cart #creditCardInputFields.option-selected,
.marketing-email-optin--highlighted,
.marketing-email-optin.option-selected,
body .client-home-cards .card--highlighted,
body .client-home-cards .card.option-selected {
  border-color: #FBDB09;
  border-width: 2px;
}

a.card h3 {
  color: #1a1a1a;
}
a.card p {
  color: #555;
}
a.card small {
  color: #888;
}
a.card {
  text-decoration: none;
}
a.card:hover {
  text-decoration: none;
  color: inherit;
}

.card-header,
.marketing-email-optin h4.font-size-18,
:not(.card-header) > h3.card-title,
body .client-home-cards .card-header {
  background-color: #fff;
  border-bottom: 1px solid #f4f5f7;
  border-radius: 1rem 1rem 0 0;
  color: #1a1a1a;
  font-weight: 600;
}

.card-body h3.card-title {
  margin-top: 0px;
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
  padding-top: 0 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-bottom: 0.75rem !important;
}

.card:has(.kb-article-item) h3.card-title {
  border-bottom: none;
}
.card:has(.kb-article-item) .card-body {
  padding-bottom: 0 !important;
}

.card-body,
#order-standard_cart #frmProductDomain .domain-selection-options .option,
.marketing-email-optin,
#containerExistingUserSignin,
#domainRegistrantInputFields,
#order-standard_cart #creditCardInputFields {
  padding: 0.75rem 1.25rem !important;
}
.card-body.card-extra-padding,
#order-standard_cart #frmProductDomain .domain-selection-options .option.card-extra-padding,
.marketing-email-optin.card-extra-padding,
#containerExistingUserSignin.card-extra-padding,
#domainRegistrantInputFields.card-extra-padding,
#order-standard_cart #creditCardInputFields.card-extra-padding {
  padding: 1.25rem !important;
}

.card-footer {
  border-radius: 0 0 1rem 1rem;
  background-color: #fbf9fa;
  border-top: 1px solid #f4f5f7;
}

.card-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background: #172b64;
  color: #FBDB09;
  flex-shrink: 0;
}

.card-arrow {
  font-size: 1.25rem;
  color: #aaa;
  transition: color 0.2s, transform 0.2s;
}
.card:hover .card-arrow {
  color: #172b64;
  transform: translateX(4px);
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 48px;
}
.card-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.collapsable-card-body {
  display: block !important;
}

/* Responsive */
@media (max-width: 767px) {
  .lemone-domreg-hero {
    padding: 40px 16px 48px;
  }
  .lemone-domreg-hero h1 {
    font-size: 1.5rem;
  }
  .card-grid, .card-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .lemone-domreg-ctas {
    grid-template-columns: 1fr;
  }
}
.highlightable-card {
  transition: border-color 0.2s, transform 0.2s;
}
.highlightable-card:hover {
  border-color: #172b64;
  transform: translateY(-2px);
}

.lemone-tld-card--featured {
  border-color: #FBDB09;
  border-width: 2px;
}
.lemone-tld-card-badge {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  background: #172b64;
  color: #FBDB09;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 14px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.lemone-tld-card-name {
  display: block;
  font-size: 2rem;
  font-weight: 800;
  color: #172b64;
  margin-bottom: 8px;
}
.lemone-tld-card-price {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
}
.lemone-tld-card-cycle {
  display: block;
  font-size: 0.8rem;
  color: #888;
  margin-top: 2px;
}

.row > [class*=col-]:has(.card) {
  margin-bottom: 20px;
}

/* These are used to "emulate" a card on some forms, including checkout contact details */
/* not inside #containerExistingUserSignin */
.sub-heading {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
  border-radius: 1rem 1rem 0 0;
  padding: 0.75rem 1.25rem;
  background: transparent;
  font-weight: 600;
  margin-bottom: 0 !important;
  height: auto !important;
  text-align: left !important;
}
.sub-heading .primary-bg-color {
  background-color: transparent !important;
  font-size: 1.5rem;
  color: #1a1a1a;
  font-weight: 600;
}

body #order-standard_cart .sub-heading span,
body #order-standard_cart .sub-heading-borderless span {
  font-size: 1.1rem;
  color: #1a1a1a;
  font-weight: 600;
  text-align: left !important;
  top: 0;
  padding: 0 !important;
  line-height: 1.2;
}

.sub-heading + #totalDueToday + #applyCreditContainer + #paymentGatewaysContainer,
.sub-heading + p + .row,
.sub-heading + .row,
.sub-heading + p {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: #fff;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
}

.sub-heading + p,
.sub-heading + #totalDueToday {
  border-bottom: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#paymentGatewaysContainer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.sub-heading + .row,
.sub-heading + p + .row,
.sub-heading + #totalDueToday + #applyCreditContainer + #paymentGatewaysContainer {
  border-radius: 0 0 1rem 1rem;
}

#order-standard_cart .cc-input-container {
  background-color: transparent !important;
}

.marketing-email-optin {
  margin-top: 20px;
  padding-top: 0 !important;
}
.marketing-email-optin h4 {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
  padding: 0.75rem 1.25rem !important;
}

#containerExistingUserSignin {
  padding-top: 0 !important;
}
#containerExistingUserSignin .text-center {
  text-align: left !important;
}

#containerExistingUserSignin .sub-heading {
  padding: 0.75rem 1.25rem !important;
  margin-top: 0 !important;
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
  margin-bottom: 0.75rem !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

div.text-center:has(#btnCompleteOrder) {
  margin-top: 20px;
}

#domainRegistrantInputFields.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 20px;
  padding-left: calc(1.25rem - 15px) !important;
  padding-right: calc(1.25rem - 15px) !important;
}

.tile {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  margin-left: 7px;
  margin-right: 8px;
}

@media (max-width: 1199px) {
  .tile {
    margin-bottom: 15px;
  }
}
.tiles {
  margin-left: -7px;
  margin-right: -8px;
}

h3.card-title:has(.ticket-actions) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 100px;
}
h3.card-title:has(.ticket-actions).ticket-actions {
  margin-left: auto;
}
h3.card-title:has(.ticket-actions).ticket-actions .btn {
  margin-top: 2px;
  margin-bottom: 2px;
}
h3.card-title:has(.ticket-actions) .mt-3 {
  margin-top: 0 !important;
}

.pricing-card.card {
  border-radius: 1rem;
  border: 1px solid #e5e5e5;
}
.pricing-card .pricing-card-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #1a1a1a;
}
.pricing-card .card-text {
  font-style: italic;
  color: #555;
  font-size: 0.9rem;
  line-height: 1.5;
}
.pricing-card .list-unstyled li {
  font-size: 0.95rem;
  font-weight: 600;
  color: #1a1a1a;
}
.pricing-card.plus {
  background: linear-gradient(180deg, #FBDB09 0%, #FFA500 100%) !important;
  border: none !important;
  box-shadow: 0 12px 40px rgba(255, 165, 0, 0.4) !important;
  transform: scale(1.02);
}
.pricing-card.plus .card-title,
.pricing-card.plus .list-unstyled li,
.pricing-card.plus .price-tag {
  color: #1a1a1a !important;
}
.pricing-card.plus .card-text {
  color: #333;
  opacity: 0.95;
}
.pricing-card.plus .bi-check-lg {
  color: #172b64 !important;
}
.pricing-card.plus .btn-lemone {
  background-color: #172b64;
}

@media (max-width: 767.98px) {
  .pricing-card.plus {
    transform: none;
  }
}
.plus-badge {
  position: absolute;
  top: -0.75rem;
  left: 50%;
  transform: translateX(-50%);
  background: #c99700;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.375rem 1rem;
  border-radius: 1.25rem;
  letter-spacing: 0.03rem;
  z-index: 5;
}

.price-tag {
  font-size: 2.25rem;
  font-weight: 800;
  color: #1a1a1a;
}
.price-tag span {
  font-size: 1rem;
  font-weight: 500;
}

.card-feature-check {
  color: #172b64;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.card-feature-x {
  color: #b0b0b0;
  font-size: 1rem;
  flex-shrink: 0;
}

/* CUSTOM */
.pricing-card br, .pricing-card + br {
  display: none;
}
.pricing-card p {
  margin: 0;
}
.pricing-card i {
  width: 1.5rem;
  text-align: center;
}

/* Pricing cards (lemone_comparison/products.tpl) */
/*
.lemone-pricing-heading {
text-align: center;
font-size: $lemone-fs-page-heading;
font-weight: $lemone-fw-bold;
color: $lemone-text-dark;
margin-bottom: 8px;
}

.lemone-pricing-grid {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
padding: 20px 0;
align-items: stretch;
}

.pricing-card {
display: flex;
flex-direction: column;
flex: 0 1 320px;
max-width: 360px;
padding: 0;
position: relative;
overflow: visible;
transition: box-shadow 0.25s, transform 0.25s;
&:hover { box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1); transform: translateY(-3px); }

&--featured, &:nth-child(2) {
background: linear-gradient(180deg, $lemone-primary 0%, $lemone-primary-gradient 100%);
border: none;
box-shadow: 0 12px 40px rgba(255, 165, 0, 0.4);
transform: scale(1.02);
z-index: 1;
&:hover { transform: scale(1.03); box-shadow: 0 16px 48px rgba(255, 165, 0, 0.45); }

.lemone-pricing-card-name,
.lemone-pricing-amount,
.lemone-pricing-cycle { color: $lemone-text-dark; }
.lemone-pricing-feature { border-bottom-color: rgba(0, 0, 0, 0.08); color: $lemone-text-dark; }
.lemone-pricing-check { color: $lemone-dark; }
/* button colors overridden in _buttons.scss *
.lemone-pricing-description ul.tilaus li {
border-bottom-color: rgba(0, 0, 0, 0.08); color: $lemone-text-dark;
&::before { color: $lemone-dark; }
}
}

&-header { padding: 28px 28px 12px; text-align: left; }
&-name { font-size: $lemone-fs-card-title; font-weight: $lemone-fw-extrabold; color: $lemone-text-dark; margin: 0 0 4px; line-height: 1.2; }
&-tagline { color: $lemone-text-muted; font-style: italic; font-size: $lemone-fs-body-sm; margin: 0; line-height: 1.5; }
&-body { flex: 1; padding: 8px 28px 16px; }
&-footer { padding: 16px 28px 28px; text-align: left; }

.list-unstyled li {
font-size: $lemone-fs-list;
font-weight: $lemone-fw-semibold;
color: $lemone-text-dark;

//padding: 8px 0;
//border-bottom: 1px solid $neutral-200;
/*font-size: $lemone-fs-body-sm;
line-height: 1.5;*/
/* br, & + br { display: none; }
}

.card-text {
font-style: italic;
color: $lemone-text-muted;
font-size: $lemone-fs-body;
line-height: 1.5;
}


}
*/
/* Badge *
.lemone-pricing-badge {
position: absolute;
top: -12px; left: 50%; transform: translateX(-50%);
background: $lemone-badge-dark; color: #fff;
font-size: $lemone-fs-2xs; font-weight: $lemone-fw-bold;
padding: 6px 16px; border-radius: 20px;
letter-spacing: 0.5px; white-space: nowrap; z-index: 5;
}

/* Feature rows *
.lemone-pricing-feature {
display: flex; align-items: flex-start; gap: 10px;
padding: 8px 0; border-bottom: 1px solid $neutral-200;
font-size: $lemone-fs-body-sm; color: $lemone-text-body; line-height: 1.5;
&:last-child { border-bottom: 0; }
}
.lemone-pricing-check { color: $lemone-dark; font-size: $lemone-fs-body-sm; margin-top: 3px; flex-shrink: 0; }

/* HTML description *
.lemone-pricing-description {
font-size: $lemone-fs-body-sm;
color: $lemone-text-body;
line-height: 1.6;

> b:first-child {
display: block; font-weight: $lemone-fw-normal; font-style: italic;
color: $lemone-text-muted; font-size: $lemone-fs-body-sm; margin-bottom: 12px;
& + br, & + br + br { display: none; }
}
> i, > i + br, > br, .expiredt { display: none; }

ul.tilaus {
list-style: none; padding: 0; margin: 0;
li {
position: relative; padding: 8px 0 8px 28px;
border-bottom: 1px solid $neutral-200;
font-size: $lemone-fs-body-sm; line-height: 1.5;
&:last-child { border-bottom: 0; }
&::before {
content: "\f00c";
font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
font-weight: 900;
position: absolute; left: 0; top: 8px;
color: $lemone-dark; font-size: $lemone-fs-body-sm;
}
}
br, & + br { display: none; }
}
}

/* Price *
.lemone-pricing-price { margin-bottom: 16px; }
.lemone-pricing-from { font-size: $lemone-fs-sm; color: $lemone-text-light; display: block; }
.lemone-pricing-amount { font-size: $lemone-fs-price; font-weight: $lemone-fw-extrabold; color: $lemone-text-dark; line-height: 1.1; }
.lemone-pricing-cycle { font-size: $lemone-fs-base; font-weight: $lemone-fw-medium; color: $lemone-text-light; }

@media (max-width: 767px) {
.lemone-pricing-grid { flex-direction: column; align-items: center; }
.lemone-pricing-card { flex: 0 1 auto; width: 100%; max-width: 360px; }
.lemone-pricing-card--featured, .lemone-pricing-card:nth-child(2) { transform: none; }
}
*/
/* Kill yellow domain-checker-bg from all.min.css */
body .domain-checker-container,
body .domain-checker-bg {
  background: none;
  padding: 0;
  border: none;
  box-shadow: none;
}

#order-standard_cart #DomainSearchResults {
  margin: 32px 0;
}
#order-standard_cart .primary-domain-header {
  display: none !important;
}
#order-standard_cart .domain-checker-result-headline {
  margin: 0;
}
#order-standard_cart .primary-domain-header {
  font-size: 1.75rem;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f4f5f7 !important;
}
#order-standard_cart .domain-checker-result-headline {
  text-align: center;
  margin-bottom: 16px;
  padding: 24px;
}
#order-standard_cart .domain-checker-available {
  color: #172b64 !important;
  font-size: 1.25rem;
  font-weight: 700;
}
#order-standard_cart .domain-checker-unavailable {
  color: #555;
  font-weight: 600;
}
#order-standard_cart .domain-price .price {
  font-size: 1.5rem;
  font-weight: 800;
  color: #172b64;
  margin-right: 12px;
}
#order-standard_cart .domain-price .btn-add-to-cart {
  vertical-align: middle;
}
#order-standard_cart .spotlight-tlds {
  margin-bottom: 24px;
  background: none !important;
  padding: 0 !important;
}
#order-standard_cart .spotlight-tlds-container {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
#order-standard_cart .spotlight-tld-container {
  flex: 1;
  min-width: 120px;
}
#order-standard_cart .spotlight-tld {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
  text-align: center;
  padding: 20px 12px;
  font-size: 1.1rem;
  font-weight: 700;
  color: #172b64;
  overflow: visible !important;
  height: auto !important;
}
#order-standard_cart .spotlight-tld .available.price {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #555;
  margin: 4px 0 8px;
}
#order-standard_cart .spotlight-tld .domain-lookup-result {
  margin-top: 8px;
}
#order-standard_cart .spotlight-tld .btn-add-to-cart {
  background-color: transparent !important;
  border: 2px solid #172b64 !important;
  border-radius: 1rem !important;
  padding: 0.25rem 0.75rem !important;
  font-size: 0.75rem !important;
  font-weight: 700;
  color: #172b64 !important;
  box-shadow: none !important;
  display: inline-block;
  width: auto !important;
  overflow: visible !important;
}
#order-standard_cart .spotlight-tld .btn-add-to-cart:hover {
  background-color: rgba(23, 43, 100, 0.06);
}
#order-standard_cart .spotlight-tld .btn.unavailable, #order-standard_cart .spotlight-tld .btn.invalid {
  background: transparent !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 1rem !important;
  padding: 0.25rem 0.75rem !important;
  font-size: 0.75rem !important;
  color: #888 !important;
  box-shadow: none !important;
  overflow: visible !important;
  width: auto !important;
  margin: 8px 0 0 !important;
}
#order-standard_cart .suggested-domains {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
#order-standard_cart .suggested-domains .panel-heading, #order-standard_cart .suggested-domains .card-header {
  background: #f4f5f7;
  font-weight: 600;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e5e5;
}
#order-standard_cart .suggested-domains .list-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #f4f5f7;
}
#order-standard_cart .suggested-domains .list-group-item .domain {
  font-weight: 700;
}
#order-standard_cart .suggested-domains .list-group-item .extension {
  color: #555;
}
#order-standard_cart .suggested-domains .actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
#order-standard_cart .suggested-domains .actions .price {
  font-weight: 700;
  color: #172b64;
}
#order-standard_cart .domain-suggestions-warning p {
  font-size: 0.8rem;
  color: #888;
  margin: 12px 0;
}

.domain-pricing div.bg-white {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
  padding: 0;
  overflow: hidden;
}
.domain-pricing div.bg-white .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.domain-pricing div.bg-white .tld-pricing-header {
  background: #f4f5f7;
  font-size: 0.8rem;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 12px 0;
}
.domain-pricing div.bg-white .tld-pricing-header .col-xs-4, .domain-pricing div.bg-white .tld-pricing-header .col-4 {
  border-bottom: none !important;
}
.domain-pricing div.bg-white .tld-row {
  padding: 10px 0;
  border-bottom: 1px solid #f4f5f7;
  font-size: 0.875rem;
  transition: background 0.1s;
}
.domain-pricing div.bg-white .tld-row:hover {
  background: #fbf9fa;
}
.domain-pricing div.bg-white .tld-row .two-row-center {
  border-right: none !important;
}
.domain-pricing div.bg-white .tld-row strong {
  color: #172b64;
}
.domain-pricing div.bg-white .tld-row small {
  color: #888;
}
.domain-pricing div.bg-white .tld-sale-group {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 6px;
}
.domain-pricing div.bg-white .tld-sale-group-hot {
  background: #fef3c7;
  color: #92400e;
}
.domain-pricing div.bg-white .tld-sale-group-new {
  background: #dbeafe;
  color: #1e40af;
}
.domain-pricing div.bg-white .tld-sale-group-sale {
  background: #dcfce7;
  color: #166534;
}

#order-standard_cart #frmProductDomain .domain-selection-options .option {
  margin-bottom: 16px;
}
#order-standard_cart #frmProductDomain .domain-selection-options .option:not(.option-selected) label {
  margin-bottom: 0;
}

#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible {
  border-radius: 1rem;
}

#continueShopping {
  text-align: center;
  display: block;
  margin-top: 0.75rem;
  text-decoration: none;
  color: #555;
}
#continueShopping:hover {
  color: #172b64;
}

/* Cart (lemone_comparison/viewcart.tpl) */
.lemone-cart-items {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 16px;
}
.lemone-cart-items-head {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  background: #f4f5f7;
  font-size: 0.8rem;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.lemone-cart-col-product {
  flex: 1;
}
.lemone-cart-col-price {
  width: 180px;
  text-align: right;
}
.lemone-cart-col-action {
  width: 80px;
  text-align: right;
}

.lemone-cart-item {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #f4f5f7;
  transition: background 0.15s;
}
.lemone-cart-item:last-child {
  border-bottom: 0;
}
.lemone-cart-item:hover {
  background: #fbf9fa;
}
.lemone-cart-item--addon {
  padding-left: 48px;
  background: #fbf9fa;
}
.lemone-cart-item--credit {
  background: #f0fdf4;
}
.lemone-cart-item-info {
  flex: 1;
  min-width: 0;
}
.lemone-cart-item-name {
  display: block;
  font-weight: 700;
  font-size: 0.95rem;
  color: #1a1a1a;
  margin-bottom: 2px;
}
.lemone-cart-item-group {
  display: block;
  font-size: 0.8rem;
  color: #888;
}
.lemone-cart-item-domain {
  display: block;
  font-size: 0.85rem;
  color: #172b64;
  font-weight: 500;
}
.lemone-cart-item-option {
  display: block;
  font-size: 0.8rem;
  color: #555;
  padding-left: 12px;
}
.lemone-cart-item-option::before {
  content: "»";
  margin-right: 4px;
}
.lemone-cart-item-options {
  margin-top: 4px;
}
.lemone-cart-item-options span {
  display: block;
  font-size: 0.8rem;
  color: #555;
  padding-left: 12px;
}
.lemone-cart-item-options span::before {
  content: "»";
  margin-right: 4px;
}
.lemone-cart-item-actions-mobile {
  display: none;
  margin-top: 8px;
  gap: 12px;
}
.lemone-cart-item-price {
  width: 180px;
  text-align: right;
  flex-shrink: 0;
}
.lemone-cart-item-remove {
  width: 80px;
  text-align: right;
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.lemone-cart-price-amount {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  color: #1a1a1a;
}

.lemone-cart-price-cycle {
  display: block;
  font-size: 0.8rem;
  color: #888;
}

.lemone-cart-price-setup, .lemone-cart-price-prorata, .lemone-cart-price-renewal {
  display: block;
  font-size: 0.75rem;
  color: #888;
  margin-top: 2px;
}

/* Empty cart */
.lemone-cart-empty {
  text-align: center;
  padding: 60px 24px;
  color: #888;
}
.lemone-cart-empty i {
  font-size: 3rem;
  margin-bottom: 16px;
  display: block;
  color: #d0d5dd;
}
.lemone-cart-empty p {
  font-size: 1.1rem;
  margin: 0;
}

/* Clear cart */
.lemone-cart-clear {
  text-align: right;
  margin-bottom: 24px;
}

/* Cart layout */
.lemone-cart-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  align-items: start;
}

.lemone-cart-sidebar-left {
  position: sticky;
  top: 24px;
  order: 2;
}

.lemone-cart-main {
  min-width: 0;
  order: 1;
}

/* Promo code */
.lemone-promo-applied {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.lemone-promo-applied i {
  color: #00a63e;
}

.lemone-promo-form label, .lemone-tax-form label {
  font-weight: 600;
  font-size: 0.875rem;
  color: #333;
  margin-bottom: 8px;
  display: block;
}

.lemone-promo-input {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.lemone-promo-input .form-control {
  flex: 1;
}

/* Summary card (shared with _configure.scss) */
.lemone-summary-card h2 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f4f5f7;
}

.lemone-summary-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 0.875rem;
  color: #555;
}

.lemone-summary-recurring {
  padding: 8px 0;
  font-size: 0.8rem;
  color: #888;
  border-top: 1px solid #f4f5f7;
}
.lemone-summary-recurring span {
  display: block;
}
.lemone-summary-recurring .cost {
  font-weight: 600;
  color: #333;
}

.lemone-summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0;
  margin-top: 8px;
  border-top: 2px solid #172b64;
  font-weight: 700;
}

.lemone-summary-total-amount {
  font-size: 1.5rem;
  font-weight: 800;
  color: #172b64;
}

/* Responsive */
@media (max-width: 991px) {
  .lemone-cart-layout {
    grid-template-columns: 1fr;
  }
  .lemone-cart-sidebar-left {
    position: static;
    order: 2;
  }
  .lemone-cart-main {
    order: 1;
  }
  .lemone-summary-card--sticky {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .lemone-cart-items-head {
    display: none;
  }
  .lemone-cart-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 16px 20px;
  }
  .lemone-cart-item-info {
    flex: 1 1 auto;
    min-width: 0;
    order: 1;
  }
  .lemone-cart-item-remove {
    flex-shrink: 0;
    width: auto;
    order: 2;
  }
  .lemone-cart-item-price {
    flex: 0 0 100%;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e5e5e5;
    order: 3;
  }
  .lemone-cart-price-amount,
  .lemone-cart-price-cycle {
    display: inline;
  }
  .lemone-cart-price-amount {
    margin-right: 4px;
  }
  .lemone-cart-item-actions-mobile {
    display: none;
  }
  .lemone-cart-col-action {
    display: none;
  }
}
#paymentGatewaysContainer label {
  text-align: left;
}

#frmCheckout .offset-sm-3,
#frmCheckout .stripe-cards-inputs.offset-md-2,
#frmCheckout #newCardSaveSettings .offset-md-3 {
  margin-left: 0 !important;
}

.field-icon {
  display: none !important;
}

#order-standard_cart .checkout-security-msg {
  display: flex !important;
  align-items: center !important;
}
#order-standard_cart .checkout-security-msg i.fa-lock {
  margin-right: 16px;
}
@media (max-width: 991.98px) {
  #order-standard_cart .checkout-security-msg {
    display: block !important;
  }
}

#totalDueToday.text-center {
  text-align: left !important;
}

/* "Syötä henkilötiedot" + "Oletko jo rekisteröitynyt?" */
.already-registered {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
}
.already-registered .pull-right, .already-registered .float-right {
  float: none !important;
  flex-shrink: 0;
}
.already-registered p {
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 575.98px) {
  .already-registered {
    display: block;
    flex-direction: column-reverse;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
  }
  .already-registered .pull-right, .already-registered .float-right {
    width: 100%;
  }
  .already-registered .pull-right .btn, .already-registered .float-right .btn {
    width: 100%;
    margin: 0 !important;
  }
}

/* More space below "Luo salasana" button on mobile */
@media (max-width: 575.98px) {
  #containerPassword .generate-password {
    margin-bottom: 16px;
  }
}
/* Vertically align checkbox with label text */
label.checkbox-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Stripe card fields */
.stripe-cards-inputs {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
}
.stripe-cards-inputs .row [class*=col-] {
  flex: 0 0 100%;
  max-width: 100%;
}
.stripe-cards-inputs .row .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.stripe-cards-inputs .form-group {
  margin-bottom: 1rem;
}
.stripe-cards-inputs label {
  display: block;
  margin-bottom: 6px;
}
.stripe-cards-inputs .form-control,
.stripe-cards-inputs .StripeElement {
  width: 100%;
  height: 39px;
  border-radius: 0.375rem !important;
  border: 1px solid #dee2e6;
  padding: 10px 14px;
  margin-bottom: 16px;
}
.stripe-cards-inputs .StripeElement--focus {
  border-color: #fded84;
  box-shadow: 0 0 0 0.25rem rgba(251, 219, 9, 0.25);
}

.gateway-errors.text-center {
  text-align: left !important;
  padding: 0.75rem 1.25rem !important;
}

#order-standard_cart #containerExistingAccountSelect {
  padding-bottom: 0;
  padding-top: 0;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
#order-standard_cart #containerExistingAccountSelect .account {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.badge {
  border-radius: 0.5rem;
  font-weight: 600;
  padding: 4px 10px;
}

.badge-default {
  background-color: #172b64;
  color: #fff;
}

.badge-primary {
  background-color: #172b64;
}

.badge-success {
  background-color: #00a63e;
}

.badge-info {
  background-color: #155dfc;
}

.badge-warning {
  background-color: #FFA500;
  color: #172b64;
}

.badge-danger {
  background-color: #e7000b;
}

.tld-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-bottom: 24px;
}
.tld-filters a {
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #555;
  text-decoration: none;
  letter-spacing: 0.03em;
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
}
.tld-filters a:hover {
  border-color: #172b64;
  color: #172b64;
  background: rgba(255, 255, 255, 0.1);
}
.tld-filters a.badge-success {
  background: #172b64;
  border-color: #172b64;
  color: #fff;
}
.tld-filters a.badge-success:hover {
  background: #0f1d45;
}

.summary-container {
  font-size: 0.875rem;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.summary-container .product-name {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 2px;
}
.summary-container .product-group {
  display: block;
  font-size: 0.8rem;
  color: #888;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f4f5f7;
}
.summary-container .clearfix {
  justify-content: space-between;
  padding: 8px 0;
  font-size: 0.875rem;
  color: #555;
}
.summary-container .summary-totals {
  border-top: 1px solid #f4f5f7;
  margin-top: 4px;
  padding-top: 4px;
}
.summary-container .total-due-today {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  padding: 16px 0 0;
  margin-top: 8px;
  border-top: 2px solid #172b64;
}
.summary-container .total-due-today .amt {
  font-size: 1.5rem;
  font-weight: 800;
  color: #172b64;
}
.summary-container .total-due-today span:not(.amt) {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1a1a1a;
}

body .table,
body table.dataTable,
body .dataTables_wrapper table.dataTable {
  border-radius: 1rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 4px 0px;
}
body .table th,
body table.dataTable th,
body .dataTables_wrapper table.dataTable th {
  border-top: none;
  background-color: #f4f5f7;
}
body .table th:first-child,
body table.dataTable th:first-child,
body .dataTables_wrapper table.dataTable th:first-child {
  border-top-left-radius: 1rem;
}
body .table th:last-child,
body table.dataTable th:last-child,
body .dataTables_wrapper table.dataTable th:last-child {
  border-top-right-radius: 1rem;
}
body .table th.sorting_desc, body .table th.sorting_asc,
body table.dataTable th.sorting_desc,
body table.dataTable th.sorting_asc,
body .dataTables_wrapper table.dataTable th.sorting_desc,
body .dataTables_wrapper table.dataTable th.sorting_asc {
  background-color: #172b64;
  color: #fff;
  border-bottom: 4px solid #5b6991;
}
body .table tr:last-child td:first-child,
body table.dataTable tr:last-child td:first-child,
body .dataTables_wrapper table.dataTable tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}
body .table tr:last-child td:last-child,
body table.dataTable tr:last-child td:last-child,
body .dataTables_wrapper table.dataTable tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}
body .table .btn,
body table.dataTable .btn,
body .dataTables_wrapper table.dataTable .btn {
  margin-top: 2px;
  margin-bottom: 2px;
}
body .table,
body table.dataTable,
body .dataTables_wrapper table.dataTable {
  display: block !important;
  overflow-x: scroll;
  /* Table specific */
}

/* Footer */
.lemone-footer {
  background-color: #172b64;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
}
.lemone-footer a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.lemone-footer a:hover {
  color: #fff;
}
.lemone-footer .lemone-logo--sm {
  max-height: 32px;
}
.lemone-footer__desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
  line-height: 1.6;
}
.lemone-footer__social-links {
  padding: 0;
  margin: 0;
}
.lemone-footer__social-links .nav-link {
  color: #FBDB09;
  font-size: 1.25rem;
  padding: 0;
}
.lemone-footer__social-links .nav-link:hover {
  color: #FBDB09;
}
.lemone-footer__heading {
  color: #FBDB09;
  font-weight: 600;
  margin-bottom: 1rem;
}
.lemone-footer__list li {
  margin-bottom: 0.5rem;
}
.lemone-footer__list a {
  color: rgba(255, 255, 255, 0.7);
}
.lemone-footer__list a:hover {
  color: #fff;
}
.lemone-footer__contact li {
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
}
.lemone-footer__icon {
  color: rgba(255, 255, 255, 0.5);
  width: 1.25rem;
  flex-shrink: 0;
}
.lemone-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
}

/* Language/currency modal */
.modal-localisation .modal-content {
  background-color: #172b64;
  color: #fff;
}
.modal-localisation .modal-content .item-selector .item {
  color: rgba(255, 255, 255, 0.7);
}
.modal-localisation .modal-content .item-selector .item.active {
  color: #FBDB09;
  border-color: #FBDB09;
}