.vx-theme .vx-skip-content { position: fixed; top: .5rem; left: .5rem; transform: translateY(-200%); z-index: 99999; padding: .7rem 1rem; background: #171717; color: white; border-radius: .4rem; }
.vx-theme .vx-skip-content:focus { transform: none; }
.vx-theme :is(a, button, input, select, textarea, [tabindex="0"]):focus-visible { outline: 3px solid #a44200 !important; outline-offset: 2px; }
.vx-theme .vx-order-context { margin: .45rem 0 0; font-size: 1rem; line-height: 1.5; }
.vx-theme .vx-order-context a, .vx-theme .vx-domain-manage { text-decoration: underline; text-underline-offset: .17em; }
.vx-theme .vx-domain-manage { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .45rem; font-weight: 650; overflow-wrap: anywhere; }

.vx-theme .vx-domain-visit { display: inline-flex; min-width: 32px; min-height: 32px; align-items: center; justify-content: center; }
@media (max-width: 767px) {
  .vx-theme #domainForm > .btn-group { display: flex; flex-wrap: wrap; gap: .35rem; }
  .vx-theme #domainForm > .btn-group .btn { min-height: 42px; }
  .vx-theme #domainForm .table-container { max-width: 100%; overflow-x: auto; }
  .vx-theme .vx-page-content:has(#domainForm) { min-width: 0; }
}

.vx-portal-shortcuts, .vx-domain-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.vx-portal-shortcuts { margin:0 0 1rem; }
.vx-theme .vx-row-action { white-space:nowrap; min-height:36px; display:inline-flex; align-items:center; }
.vx-theme .vx-guest-footer-inner, .vx-theme .vx-guest-footer-links { flex-wrap:wrap; gap:.65rem 1rem; }
@media(max-width:767px) {
  .vx-theme .table-container:has(#tableServicesList) { max-width:100%; overflow-x:auto; }
  .vx-theme .vx-page-content:has(#tableServicesList) { min-width:0; }
  .vx-theme .vx-row-action { min-height:44px; }
  .vx-portal-shortcuts a { flex:1 1 auto; text-align:center; }
}

.vx-theme :is(.vx-domain-center-head, .vx-page-header, .vx-inline-checkout-intro, .vx-checkout-heading) h1 { font-family:inherit; font-size:clamp(1.5rem, 1.15rem + 1vw, 2rem); line-height:1.2; }

/* Shared customer controls. The important layer also covers WHMCS order forms
   that load their own important rules after the client theme. */
@layer veltrix-controls {
  .vx-theme { --vx-ink: #111820; --vx-secondary: #455260; --vx-rule: #d9dfe4; }
  .vx-theme :is(.vx-black-btn,.vx-domain-black-btn,.vx-auth-primary-action,.btn-primary,#checkout,#btnCompleteOrder) {
    align-items: center !important; justify-content: center !important;
    gap: .5em; min-height: 44px !important; padding: .65em 1.1em !important;
    color: #fff !important; background: var(--vx-ink) !important; border: 1px solid var(--vx-ink) !important;
    border-radius: 8px !important; box-shadow: none !important; text-decoration: none !important;
    font: 650 1rem/1.35 "DM Sans", Arial, sans-serif !important;
  }
  .vx-theme :is(.vx-black-btn,.vx-domain-black-btn,.vx-auth-primary-action,.btn-primary,#checkout,#btnCompleteOrder):hover { background: #29343e !important; }
  .vx-theme :is(.btn-primary,#checkout,#btnCompleteOrder):is(:disabled,.disabled,[aria-disabled=true]) { opacity: .58 !important; }
  .vx-theme .vx-sidebar-order { display: flex !important; margin: .65rem .75rem 1.1rem !important; }
  .vx-theme .vx-side-nav :is(.vx-side-link,.vx-side-submenu a) { font: 550 1rem/1.45 "DM Sans",Arial,sans-serif !important; }
  .vx-theme #order-standard_cart :is(.order-summary,.vx-reference-order-summary,.view-cart-items,.view-cart-items-header) { font-family: "DM Sans",Arial,sans-serif !important; }
  .vx-theme #order-standard_cart :is(.order-summary,.vx-reference-order-summary) h2 {
    font: 700 1.25rem/1.35 "DM Sans",Arial,sans-serif !important; color: var(--vx-ink) !important;
    text-align: left !important; border: 0 !important; padding: 1.15rem 1.25rem .5rem !important; margin: 0 !important;
  }
  .vx-theme #order-standard_cart :is(.subtotal,.bordered-totals,.recurring-totals,.vx-reference-summary-row,.vx-reference-summary-actions,.summary-container,.vx-reference-summary-body) {
    border: 0 !important; box-shadow: none !important;
  }
  .vx-theme #order-standard_cart :is(.subtotal,.bordered-totals,.recurring-totals,.vx-reference-summary-row) { padding-block: .4rem !important; }
  .vx-theme #order-standard_cart :is(.subtotal,.bordered-totals,.recurring-totals,.vx-reference-summary-row) :is(span,strong),
  .vx-theme #order-standard_cart :is(.subtotal,.bordered-totals,.recurring-totals,.vx-reference-summary-row) {
    font: inherit !important; font-size: 1rem !important; line-height: 1.5 !important; font-style: normal !important;
    color: var(--vx-ink) !important; font-variant-numeric: tabular-nums;
  }
  .vx-theme #order-standard_cart :is(.recurring-charges,.vx-reference-summary-method) { text-align: right !important; overflow-wrap: anywhere; }
  .vx-theme #order-standard_cart :is(.total-due-today,.vx-reference-summary-total) {
    margin: .75rem 0 0 !important; padding: .85rem 0 !important; border: 0 !important; border-top: 1px solid var(--vx-rule) !important;
  }
  .vx-theme #order-standard_cart :is(.total-due-today,.vx-reference-summary-total) > span:first-child { font-size: 1rem !important; }
  .vx-theme #order-standard_cart :is(.total-due-today .amt,#totalDueToday strong,.vx-final-summary-amount) {
    font: 750 clamp(2.25rem,3.6vw,3rem)/1.12 "DM Sans",Arial,sans-serif !important;
  }
  .vx-theme #order-standard_cart :is(.item-domain,.item-group,.item-options,.view-cart-items-header,.item-price .cycle,.item-title .btn-link,.item-qty .btn-link),
  .vx-theme #order-standard_cart .view-cart-items .item :is(small,.item-group span,.item-options span) {
    font-size: .9375rem !important; line-height: 1.5 !important; color: var(--vx-secondary) !important;
  }
  .vx-theme #order-standard_cart .item-price .dropdown-toggle {
    font: 600 .9375rem/1.4 "DM Sans",Arial,sans-serif !important; min-height: 44px !important;
    margin: .4rem 0 !important; padding: .5rem .85rem !important; border-radius: 8px !important;
  }
  .vx-theme #order-standard_cart .item-price .dropdown-menu {
    right: 0 !important; left: auto !important; min-width: min(15rem,82vw) !important;
    max-height: min(18rem,45vh); overflow-y: auto; overscroll-behavior: contain;
    padding: .25rem !important; border: 1px solid var(--vx-rule) !important; border-radius: 8px !important;
  }
  .vx-theme #order-standard_cart .item-price .dropdown-item { padding: 0 !important; }
  .vx-theme #order-standard_cart .item-price .dropdown-item a {
    display: block; padding: .65rem .75rem !important; color: var(--vx-ink) !important;
    font: 500 1rem/1.4 "DM Sans",Arial,sans-serif !important; white-space: normal;
  }
  .vx-theme #order-standard_cart .item-price .dropdown-item a:is(:hover,:focus) { background: #edf1f4 !important; }
  .vx-theme #order-standard_cart .item-price :is(.renewal,.renewal-price) {
    display: block !important; width: auto !important; height: auto !important; min-height: 0 !important;
    border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;
  }
}

@layer veltrix-controls {
  .vx-logged-in .vx-client-main {--account-gutter:clamp(16px,2vw,36px);background:#f6f7f8 !important; padding-bottom:0 !important;min-height:100vh !important}
  .vx-logged-in .vx-client-main > .vx-main-body {padding:clamp(24px,2.5vw,40px) var(--account-gutter) 0 !important;min-height:48vh}
  .vx-logged-in .vx-client-main > .vx-orderflow-heading {margin:0 !important;padding:clamp(26px,3vw,46px) var(--account-gutter) 0 !important;text-align:left !important}
  .vx-logged-in .vx-client-main > .vx-orderflow-heading h1 {margin:0 !important;line-height:1.2 !important}
  .vx-logged-in .vx-orderflow-heading p {margin:8px 0 0 !important}
  .vx-logged-in .vx-client-footer {margin:clamp(44px,5vw,80px) 0 0 !important;padding:32px var(--account-gutter) 18px !important;background:white !important;border-top:1px solid #d6dde2 !important}
  .vx-logged-in .vx-footer-bottom {border-top:1px solid #e2e6e9 !important;margin-top:24px !important;padding-top:16px !important}
  .vx-logged-in .vx-balance-pill {background:#f4f6f7 !important;color:#111820 !important;border:1px solid #d9dfe4 !important;gap:7px !important}
  .vx-logged-in .vx-funds-label {font-size:.86rem;color:#455260}
  .vx-alert-tools {display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #e1e5e9}
  .vx-alert-tools strong {margin-right:auto}
  .vx-alert-tools button {border:0;background:transparent;color:#323e49;font:inherit;font-size:.88rem;text-decoration:underline}
  .vx-alert-dropdown [hidden] {display:none !important}
  .vx-alert-menu .is-read {color:#606c76 !important;font-weight:400 !important}
  @media(max-width:720px){.vx-funds-label{display:none}}
}

@layer veltrix-controls {
  .vx-logged-in .vx-client-actions {padding-inline-end:clamp(16px,2vw,36px) !important}
  .vx-logged-in .vx-account-toggle {display:inline-flex;align-items:center;gap:.55rem;border:1px solid #d7dfe4 !important;border-radius:9px !important;padding:8px 12px !important;background:white !important;color:#111820}
  .vx-alert-tools {justify-content:flex-end}
  .vx-alert-tools[hidden] {display:none !important}
  .vx-logged-in main :is(input[type=search],.dataTables_filter input) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23556370' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:left 12px center !important;padding-left:38px !important}
  .vx-logged-in :is(.dropdown-menu,select.form-control,select.field,.dataTables_length select) {border:1px solid #cbd4dc !important;border-radius:8px !important;color:#18212a !important;background-color:white !important;font-family:inherit !important}
  .vx-logged-in .dropdown-item:focus-visible,.vx-logged-in .dropdown-item:hover {background:#eef2f5 !important;color:#111820 !important}
  .vx-logged-in .vx-invoice-shell .vx-invoice-panel {border:1px solid #d6dde2 !important;border-radius:14px !important;background:#fff !important}
  .vx-page-clientareainvoices .dataTables_wrapper {background:#fff;padding:clamp(12px,2vw,24px);border:1px solid #d6dde2;border-radius:12px}
}