/* Center the card in the viewport */
.uk-section-muted.uk-flex { 
  /* UIkit flex + section-muted do the heavy lifting; no extra CSS needed here */
}

/* Your custom login-card overrides */
.login-card {
  max-width: 480px;      /* cap the width */
  width: 100%;           /* but still be responsive */
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  padding: 2rem 1.5rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.login-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.15);
}

.login-card__links a {
  margin: 0 .5rem;
}

.login-card .uk-card-title {
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  color: #333;
}

/* Optional button tweaks */
.login-card .uk-button-primary {
  padding: .75rem 1.5rem;
  font-size: 1.1rem;
}

/* further style for our custom-login-btn */
.custom-login-btn {
  display: block;         /* make it a block so width & margin work reliably */
  margin-left: auto;      /* push to the right */
  margin-right: 0;        /* reset any right margin */
  background-color: #0066cc !important;       /* your brand shade */
  font-weight: 600;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: background-color .2s ease, transform .1s ease;
}

.custom-login-btn:hover,
.custom-login-btn:focus {
  background-color: #005bb5;
  transform: translateY(-1px);
}

/* Hide-footer layout: allow content to fill the viewport */
body.no-footer{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.no-footer .office-container{
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;  /* <-- add this */
}

/* Optional: make the table area use more height when footer is hidden */
body.no-footer .pricing-table-wrap{
  max-height: calc(100vh - 220px); /* adjust if needed */
  overflow: auto;
}

.pricing-table-wrap{
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

/* Safari-safe: keep width inside the wrapper */
.pricing-table{
  width: 100%;
  min-width: 100%;
  table-layout: auto;
  white-space: nowrap; /* keep your existing behavior */
}

.pricing-table th:last-child,
.pricing-table td:last-child{
  padding-right: 38px;
}


/* Only fix stacking on pricing-data */
body.tpl-pricing-data .background-wrapper { 
  z-index: 5000 !important;
}

body.tpl-pricing-data .navbar-wrapper {
  z-index: 5100 !important;
}

body.tpl-pricing-data .uk-navbar-dropdown,
body.tpl-pricing-data .uk-dropdown {
  z-index: 5200 !important;
}

/* Ensure dropdowns can extend outside header wrappers on pricing-data */
body.tpl-pricing-data .background-wrapper,
body.tpl-pricing-data .navbar-wrapper,
body.tpl-pricing-data .uk-navbar,
body.tpl-pricing-data .uk-navbar-container {
  overflow: visible !important;
}

/* Pricing Data page: prevent document-level horizontal scrolling */
body.tpl-pricing-data{
  overflow-x: hidden;
}