/* ==========================================================================
   BULVERSE VULTR-GRADE ORDER FORM (standard_cart custom.css)
   ========================================================================== */

/* Hide legacy sidebar elements */
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .panel-sidebar,
#order-standard_cart .card-sidebar,
#order-standard_cart [menuitemname="Categories"],
#order-standard_cart [menuitemname="Actions"],
#order-standard_cart .sidebar-categories {
  display: none !important;
}

/* Fix negative margin on Bootstrap .row inside order form */
#order-standard_cart .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#order-standard_cart .cart-body {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* Store Header */
.vultr-store-header {
  margin-bottom: 22px !important;
  border-bottom: 1px solid #E2E8F0 !important;
  padding: 0 0 16px 0 !important;
}

.vultr-store-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

.vultr-store-tagline {
  color: #64748B !important;
  font-size: 14.5px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Currency Bar */
.vultr-currency-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 18px;
  width: 100%;
}

.vultr-currency-bar form {
  margin: 0;
  padding: 0;
}

.vultr-currency-select-wrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 6px 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: all 0.15s ease;
}

.vultr-currency-select-wrap:hover {
  border-color: #CBD5E1;
}

.vultr-currency-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #64748B;
  white-space: nowrap;
}

.vultr-currency-label svg {
  color: #0066FF;
}

.vultr-currency-input-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.vultr-currency-select {
  appearance: none;
  -webkit-appearance: none;
  background: #F8FAFC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 6px !important;
  padding: 4px 26px 4px 10px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  height: 30px !important;
  cursor: pointer;
  box-shadow: none !important;
}

.vultr-currency-select:focus {
  border-color: #0066FF !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.15) !important;
}

/* Enterprise Product Grid */
.vultr-products-container {
  width: 100% !important;
  margin-bottom: 40px !important;
}

.vultr-products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* Reset WHMCS legacy float overrides on products */
#order-standard_cart .products .product,
#order-standard_cart .product,
.vultr-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  min-height: 440px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
}

.vultr-card:hover {
  border-color: #0066FF !important;
  box-shadow: 0 12px 28px -4px rgba(0, 102, 255, 0.14), 0 6px 12px -2px rgba(15, 23, 42, 0.04) !important;
  transform: translateY(-3px) !important;
}

/* Card Header */
.vultr-card-header {
  margin-bottom: 16px !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.vultr-card-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.vultr-card-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #0066FF;
  background: #EEF4FF;
  padding: 4px 9px;
  border-radius: 6px;
}

.vultr-stock-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  color: #10B981;
  background: #ECFDF5;
  padding: 3px 8px;
  border-radius: 6px;
}

.vultr-card-name {
  font-size: 18.5px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* Pricing Hero Block */
.vultr-card-pricing {
  margin-bottom: 16px !important;
  text-align: left !important;
  float: none !important;
  width: 100% !important;
}

.vultr-price-bundle-label {
  font-size: 12px;
  font-weight: 600;
  color: #0066FF;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.vultr-price-wrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.vultr-price-val {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
}

.vultr-price-cycle {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #64748B !important;
}

.vultr-price-subtext {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #94A3B8 !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
}

/* Divider */
.vultr-card-divider {
  height: 1px;
  background: #F1F5F9;
  width: 100%;
  margin-bottom: 18px;
}

/* Specs List (Reset float:left width:60% completely) */
#order-standard_cart .products .product .product-desc,
#order-standard_cart .product .product-desc,
.vultr-card-specs {
  float: none !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  color: #334155 !important;
}

.vultr-specs-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}

.vultr-spec-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13.5px !important;
  color: #334155 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vultr-spec-check {
  width: 16px !important;
  height: 16px !important;
  color: #0066FF !important;
  flex-shrink: 0 !important;
}

.vultr-spec-text {
  flex: 1;
  word-break: break-word;
}

.vultr-spec-text strong {
  color: #0F172A;
  font-weight: 600;
}

/* Footer / CTA (Reset float:right width:38% completely) */
#order-standard_cart .products .product footer,
#order-standard_cart .product footer,
.vultr-card-footer {
  float: none !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 0 !important;
  border-top: none !important;
  text-align: center !important;
  display: block !important;
}

.vultr-deploy-btn,
#order-standard_cart .btn-order-now {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 44px !important;
  background: #0066FF !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0, 102, 255, 0.25) !important;
  border: none !important;
  transition: all 0.18s ease !important;
  box-sizing: border-box !important;
}

.vultr-deploy-btn:hover,
#order-standard_cart .btn-order-now:hover {
  background: #0052CC !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.38) !important;
  transform: translateY(-1px) !important;
}

.vultr-deploy-btn:active,
#order-standard_cart .btn-order-now:active {
  transform: translateY(0) !important;
}

/* ==========================================================================
   BOOTSTRAP SWITCH & MARKETING EMAIL PREFERENCES OVERHAUL
   ========================================================================== */

/* Fix broken vertical stacked [Yes] \n No */
.bootstrap-switch {
  display: inline-block !important;
  direction: ltr !important;
  cursor: pointer !important;
  border-radius: 20px !important;
  border: 1px solid #CBD5E1 !important;
  position: relative !important;
  text-align: left !important;
  overflow: hidden !important;
  line-height: 14px !important;
  user-select: none !important;
  vertical-align: middle !important;
  min-width: 64px !important;
  width: 64px !important;
  height: 28px !important;
  background: #E2E8F0 !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-flex !important;
  align-items: center !important;
  top: 0 !important;
  height: 100% !important;
  width: 104px !important;
  position: absolute !important;
  transform: translate3d(0, 0, 0) !important;
  transition: left 0.2s ease !important;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  left: 0 !important;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  left: -40px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.bootstrap-switch .bootstrap-switch-handle-on {
  background: #10B981 !important;
  color: #FFFFFF !important;
  width: 40px !important;
}

.bootstrap-switch .bootstrap-switch-label {
  background: #FFFFFF !important;
  color: #334155 !important;
  width: 24px !important;
  border-radius: 50% !important;
  margin: 2px !important;
  height: 22px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  background: #94A3B8 !important;
  color: #FFFFFF !important;
  width: 40px !important;
}

/* Modernized Marketing / Newsletter Opt-in Card */
.marketing-email-optin,
.vultr-newsletter-card {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 20px 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.marketing-email-optin h3,
.marketing-email-optin h4,
.vultr-newsletter-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 0 0 6px 0 !important;
}

.marketing-email-optin p,
.vultr-newsletter-desc {
  font-size: 13.5px !important;
  color: #64748B !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

/* ==========================================================================
   MOBILE & TABLET RESPONSIVENESS
   ========================================================================== */

/* Tablet (Screens < 1100px) */
@media (max-width: 1099px) {
  .vultr-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
  
  .vultr-store-title {
    font-size: 22px !important;
  }
}

/* Mobile Phones (Screens < 720px) */
@media (max-width: 719px) {
  .vultr-store-header {
    margin-bottom: 16px !important;
  }

  .vultr-store-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  .vultr-store-tagline {
    font-size: 13px !important;
  }

  /* Currency Bar Full-Width on Mobile */
  .vultr-currency-bar {
    justify-content: stretch !important;
    margin-bottom: 16px !important;
  }

  .vultr-currency-bar form {
    width: 100% !important;
  }

  .vultr-currency-select-wrap {
    width: 100% !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
  }

  .vultr-currency-label {
    font-size: 13px !important;
    color: #334155 !important;
  }

  .vultr-currency-select {
    background-color: #FFFFFF !important;
    font-size: 13px !important;
    height: 34px !important;
  }

  .vultr-products-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .vultr-card,
  #order-standard_cart .product {
    padding: 20px 16px !important;
    min-height: auto !important;
    border-radius: 10px !important;
  }

  .vultr-price-val {
    font-size: 28px !important;
  }

  .vultr-deploy-btn,
  #order-standard_cart .btn-order-now {
    height: 48px !important;
    font-size: 15px !important;
  }

  .vultr-plan-categories-bar {
    padding: 2px 2px 12px 2px !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  .vultr-cat-tab {
    padding: 8px 14px !important;
    font-size: 12.5px !important;
  }

  .marketing-email-optin,
  .vultr-newsletter-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px !important;
    gap: 14px !important;
  }
}

/* ==========================================================================
   BULVERSE DOMAIN SELECTION STEP POLISH
   ========================================================================== */

#order-standard_cart .domain-selection-options .option {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 14px !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .domain-selection-options .option:hover,
#order-standard_cart .domain-selection-options .option.active {
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.08) !important;
}

#order-standard_cart .domain-selection-options .option label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

#order-standard_cart .domain-input-group {
    padding-top: 6px !important;
}

#order-standard_cart .domain-input-group .row:first-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#order-standard_cart .domain-input-group .col-sm-8,
#order-standard_cart .domain-input-group .col-sm-offset-1,
#order-standard_cart .domain-input-group .offset-sm-1 {
    margin-left: 0 !important;
    flex: 1 1 500px !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#order-standard_cart .domain-input-group .col-sm-2 {
    flex: 0 0 auto !important;
    padding: 0 !important;
}

#order-standard_cart .domain-input-group .domains-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

#order-standard_cart .domain-input-group .domains-row .col-xs-9,
#order-standard_cart .domain-input-group .domains-row .col-9 {
    flex: 1 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#order-standard_cart .domain-input-group .domains-row .col-xs-3,
#order-standard_cart .domain-input-group .domains-row .col-3 {
    flex: 0 0 140px !important;
    max-width: 140px !important;
    padding: 0 !important;
}

#order-standard_cart .domain-input-group .input-group {
    display: flex !important;
    width: 100% !important;
}

#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .input-group-prepend .input-group-text {
    height: 46px !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-right: none !important;
    border-radius: 8px 0 0 8px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
}

#order-standard_cart .domain-input-group input.form-control,
#order-standard_cart #registersld,
#order-standard_cart #transfersld,
#order-standard_cart #owndomainsld {
    height: 46px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

#order-standard_cart .domain-input-group input.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

#order-standard_cart .domain-input-group select.form-control,
#order-standard_cart #registertld,
#order-standard_cart #transfertld {
    height: 46px !important;
    width: 140px !important;
    min-width: 140px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#order-standard_cart .domain-input-group select.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

#order-standard_cart #btnCheckAvailability,
#order-standard_cart #btnTransferVerification,
#order-standard_cart .domain-input-group button[type="submit"] {
    height: 46px !important;
    min-width: 120px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25) !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #btnCheckAvailability:hover,
#order-standard_cart #btnTransferVerification:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}


/* ==========================================================================
   BULVERSE MODERN CLOUD CONSOLE - CART, REVIEW & CHECKOUT STYLING
   Clean, light, professional UI - unified with Dark Sapphire Sidebar
   ========================================================================== */

/* --- 1. Global Orderform Canvas & Header --- */
#order-standard_cart {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1E293B;
}

#order-standard_cart .header-lined {
    border-bottom: 1px solid #E2E8F0 !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
}

#order-standard_cart .header-lined h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
}

/* --- 2. Modern Left-Aligned Section Dividers (.sub-heading) --- */
#order-standard_cart .sub-heading {
    height: auto !important;
    border-top: none !important;
    border-bottom: 1.5px solid #F1F5F9 !important;
    text-align: left !important;
    margin-top: 32px !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span,
#order-standard_cart .sub-heading span.primary-bg-color {
    display: inline-flex !important;
    align-items: center !important;
    position: static !important;
    top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #0F172A !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

#order-standard_cart .sub-heading span::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 18px !important;
    background: #0066FF !important;
    border-radius: 2px !important;
    margin-right: 10px !important;
}

/* --- 3. Field Containers & Form Controls --- */
#order-standard_cart .field-container {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#order-standard_cart .form-group {
    margin-bottom: 20px !important;
}

#order-standard_cart label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control {
    height: 44px;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

#order-standard_cart textarea.form-control {
    height: auto !important;
    min-height: 90px !important;
}

#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
    border-color: #0066FF !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
    outline: none !important;
}

/* Prepend icon fix with precise indentation */
#order-standard_cart .form-group.prepend-icon {
    position: relative !important;
}

#order-standard_cart .form-group.prepend-icon .field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    color: #94A3B8 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    z-index: 5 !important;
    pointer-events: none !important;
    margin: 0 !important;
}

#order-standard_cart .form-group.prepend-icon input[type="text"],
#order-standard_cart .form-group.prepend-icon input[type="password"],
#order-standard_cart .form-group.prepend-icon input[type="email"],
#order-standard_cart .form-group.prepend-icon input[type="tel"],
#order-standard_cart .form-group.prepend-icon .field.form-control,
#order-standard_cart .form-group.prepend-icon input.form-control,
#order-standard_cart .form-group.prepend-icon select.form-control {
    padding-left: 42px !important;
}

#order-standard_cart select#inputBillingcycle {
    height: 48px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    cursor: pointer !important;
}

/* --- 4. Product Info Box (Configure Product) --- */
#order-standard_cart .product-info {
    margin: 0 0 24px 0 !important;
    padding: 20px 24px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 4px solid #0066FF !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#order-standard_cart .product-info .product-title {
    margin: 0 0 8px 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    letter-spacing: -0.01em !important;
}

#order-standard_cart .product-info p:not(.product-title) {
    color: #64748B !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* --- 5. Order Summary Sidebar Component (Clean Light Console Card) --- */
#order-standard_cart .order-summary {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
}

#order-standard_cart .order-summary h2 {
    background: #FFFFFF !important;
    color: #0F172A !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    display: flex !important;
    align-items: center !important;
}

#order-standard_cart .order-summary h2::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 16px !important;
    background: #0066FF !important;
    border-radius: 2px !important;
    margin-right: 10px !important;
}

#order-standard_cart .order-summary .loader {
    color: #0066FF !important;
}

#order-standard_cart .order-summary .summary-container {
    background: #FFFFFF !important;
    padding: 20px !important;
    font-size: 14px !important;
    border-radius: 0 0 12px 12px !important;
    color: #334155 !important;
}

#order-standard_cart .order-summary .product-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin-bottom: 4px !important;
}

#order-standard_cart .order-summary .product-group {
    font-size: 12px !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
    font-style: normal !important;
}

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .summary-totals {
    border-top: 1px dashed #E2E8F0 !important;
    border-bottom: 1px dashed #E2E8F0 !important;
    padding: 12px 0 !important;
    margin: 12px 0 !important;
    font-size: 14px !important;
    color: #475569 !important;
}

#order-standard_cart .order-summary .subtotal span.pull-right,
#order-standard_cart .order-summary .subtotal span.float-right,
#order-standard_cart .order-summary .summary-totals span.pull-right,
#order-standard_cart .order-summary .summary-totals span.float-right {
    font-weight: 700 !important;
    color: #0F172A !important;
}

#order-standard_cart .order-summary .total-due-today {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    margin-top: 16px !important;
    text-align: right !important;
}

#order-standard_cart .order-summary .total-due-today span:not(.amt) {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #64748B !important;
}

#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0066FF !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
}

#order-standard_cart .order-summary .recurring-charges {
    color: #64748B !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    font-style: normal !important;
}

/* --- 6. Configure Product CTA Button --- */
#order-standard_cart #btnCompleteProductConfig {
    background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 102, 255, 0.35) !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}

#order-standard_cart #btnCompleteProductConfig:hover {
    background: linear-gradient(135deg, #0052CC 0%, #003D99 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 102, 255, 0.45) !important;
    transform: translateY(-1px) !important;
}

/* --- 7. View Cart Table / Items Grid --- */
#order-standard_cart .view-cart-items-header {
    background: #F8FAFC !important;
    color: #475569 !important;
    border: 1px solid #E2E8F0 !important;
    border-bottom: 2px solid #E2E8F0 !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 14px 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

#order-standard_cart .view-cart-items {
    border: 1px solid #E2E8F0 !important;
    border-top: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#order-standard_cart .view-cart-items .item {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F1F5F9 !important;
    padding: 20px !important;
    transition: background 0.15s ease !important;
}

#order-standard_cart .view-cart-items .item:last-child {
    border-bottom: none !important;
}

#order-standard_cart .view-cart-items .item:hover {
    background: #FBFDFF !important;
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background: #FFFFFF !important;
}

#order-standard_cart .view-cart-items .item-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}

#order-standard_cart .view-cart-items .item-title a.btn-link {
    color: #0066FF !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    background: rgba(0, 102, 255, 0.06) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .view-cart-items .item-title a.btn-link:hover {
    background: rgba(0, 102, 255, 0.12) !important;
}

#order-standard_cart .view-cart-items .item-group {
    font-size: 12px !important;
    color: #64748B !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .view-cart-items .item-domain {
    font-size: 13px !important;
    color: #0066FF !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

#order-standard_cart .view-cart-items .item small {
    display: inline-block !important;
    color: #64748B !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    background: #F8FAFC !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    border: 1px solid #E2E8F0 !important;
    margin-top: 6px !important;
}

#order-standard_cart .view-cart-items .item-price span {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 12px !important;
    color: #64748B !important;
    font-weight: 500 !important;
}

#order-standard_cart .empty-cart {
    margin: 0 0 20px 0 !important;
    text-align: right !important;
}

#order-standard_cart .empty-cart .btn {
    background: #FFFFFF !important;
    color: #EF4444 !important;
    border: 1px solid #FCA5A5 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .empty-cart .btn:hover {
    background: #FEF2F2 !important;
    border-color: #EF4444 !important;
}

/* --- 8. View Cart Promo & Tabs --- */
#order-standard_cart .view-cart-tabs {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    margin-bottom: 24px !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs {
    background: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 0 12px !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    border: none !important;
    padding: 12px 18px !important;
    background: transparent !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"] {
    color: #0066FF !important;
    border-bottom: 2px solid #0066FF !important;
    background: transparent !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    background: #FFFFFF !important;
    padding: 20px !important;
}

#order-standard_cart .view-cart-tabs button[name="validatepromo"] {
    background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin-top: 8px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 102, 255, 0.2) !important;
}

#order-standard_cart .view-cart-tabs button[name="validatepromo"]:hover {
    background: linear-gradient(135deg, #0052CC 0%, #003D99 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3) !important;
}

/* --- 9. Checkout Action Button on Review Page --- */
#order-standard_cart .btn-checkout,
#order-standard_cart #checkout {
    background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 102, 255, 0.35) !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

#order-standard_cart .btn-checkout:hover,
#order-standard_cart #checkout:hover {
    background: linear-gradient(135deg, #0052CC 0%, #003D99 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 102, 255, 0.45) !important;
    transform: translateY(-1px) !important;
    color: #FFFFFF !important;
}

#order-standard_cart .btn-continue-shopping {
    color: #64748B !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    margin-top: 10px !important;
    transition: color 0.2s ease !important;
    display: inline-block !important;
}

#order-standard_cart .btn-continue-shopping:hover {
    color: #0066FF !important;
    text-decoration: none !important;
}

/* --- 10. Checkout Page Components --- */
#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
    background: #FFFFFF !important;
    border: 1.5px solid #0066FF !important;
    color: #0066FF !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #btnAlreadyRegistered:hover,
#order-standard_cart #btnNewUserSignup:hover {
    background: #0066FF !important;
    color: #FFFFFF !important;
}

#order-standard_cart #totalDueToday.alert-success {
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, #FFFFFF 100%) !important;
    border: 1.5px solid rgba(0, 102, 255, 0.25) !important;
    border-radius: 12px !important;
    color: #0F172A !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 18px 24px !important;
    box-shadow: 0 2px 10px rgba(0, 102, 255, 0.04) !important;
    margin: 24px 0 !important;
}

#order-standard_cart #totalDueToday.alert-success strong#totalCartPrice {
    color: #0066FF !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    margin-left: 8px !important;
}

/* Payment Gateway Selector Tiles */
#order-standard_cart #paymentGatewaysContainer {
    margin: 24px 0 !important;
}

#order-standard_cart #paymentGatewaysContainer p.text-muted {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 14px !important;
    text-align: center !important;
}

#order-standard_cart #paymentGatewaysContainer .text-center {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 14px 24px !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline:hover {
    border-color: #0066FF !important;
    background: #FBFDFF !important;
    transform: translateY(-1px) !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline input[type="radio"] {
    margin: 0 !important;
    accent-color: #0066FF !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline:has(input:checked) {
    border-color: #0066FF !important;
    background: #F0F6FF !important;
    color: #0066FF !important;
    box-shadow: 0 0 0 1.5px #0066FF, 0 4px 12px rgba(0, 102, 255, 0.12) !important;
}

/* Account Selection Cards */
#order-standard_cart .account {
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin-bottom: 14px !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .account:hover,
#order-standard_cart .account.active {
    border-color: #0066FF !important;
    background: #FBFDFF !important;
}

#order-standard_cart .account.active {
    box-shadow: 0 0 0 1px #0066FF, 0 4px 12px rgba(0, 102, 255, 0.08) !important;
}

/* Complete Order CTA */
#order-standard_cart #btnCompleteOrder {
    background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 16px 44px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(0, 102, 255, 0.35) !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

#order-standard_cart #btnCompleteOrder:hover {
    background: linear-gradient(135deg, #0052CC 0%, #003D99 100%) !important;
    box-shadow: 0 6px 24px rgba(0, 102, 255, 0.45) !important;
    transform: translateY(-1px) !important;
}

/* Marketing & Security messages */
#order-standard_cart .marketing-email-optin {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 18px 20px !important;
    margin: 24px 0 !important;
}

#order-standard_cart .checkout-security-msg {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    color: #475569 !important;
    margin-top: 24px !important;
    font-size: 13px !important;
    padding: 12px 18px !important;
}

/* Addon product cards */
#order-standard_cart .panel-addon {
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .panel-addon:hover {
    border-color: #CBD5E1 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

#order-standard_cart .panel-addon.panel-addon-selected {
    border-color: #0066FF !important;
    box-shadow: 0 0 0 1px #0066FF, 0 4px 12px rgba(0, 102, 255, 0.1) !important;
}

#order-standard_cart .panel-addon .panel-price {
    font-weight: 700 !important;
    color: #0066FF !important;
}

#order-standard_cart .panel-addon .panel-add {
    background: #F8FAFC !important;
    color: #0066FF !important;
    font-weight: 600 !important;
    border-top: 1px solid #E2E8F0 !important;
}

#order-standard_cart .panel-addon.panel-addon-selected .panel-add {
    background: #0066FF !important;
    color: #FFFFFF !important;
}