/* =============================================================================
   ProDomain v16 — Unified SaaS Design System
   ---------------------------------------------------------------------------
   Single source of truth for the domain checker and client area.
   Loaded LAST in footer.tpl to override all earlier CSS.
   Uses high-specificity selectors + !important to win over the 9000-line
   prodomain-custom.css without touching that file.
   ============================================================================= */

/* ---------------------------------------------------------------------------
   0. DESIGN TOKENS
   --------------------------------------------------------------------------- */
:root {
  /* Surfaces */
  --pd-bg:          #0f1117;
  --pd-surface:     rgba(10, 16, 37, 0.95);
  --pd-surface-alt: rgba(255, 255, 255, 0.025);
  --pd-border:      rgba(255, 255, 255, 0.07);
  --pd-border-hover:rgba(255, 255, 255, 0.14);

  /* Text */
  --pd-text:        #e2e8f0;
  --pd-text-muted:  rgba(255, 255, 255, 0.45);
  --pd-text-dim:    rgba(255, 255, 255, 0.3);

  /* Accent */
  --pd-accent:      #3b82f6;
  --pd-accent-dark: #2563eb;

  /* Semantic */
  --pd-green:       #22c55e;
  --pd-green-dark:  #16a34a;
  --pd-green-glow:  rgba(34, 197, 94, 0.25);
  --pd-red:         #ef4444;
  --pd-red-muted:   rgba(239, 68, 68, 0.55);
  --pd-amber:       #f59e0b;

  /* Radius — one scale, used everywhere */
  --pd-r-sm:   6px;
  --pd-r-md:   10px;
  --pd-r-lg:   14px;
  --pd-r-xl:   18px;

  /* Type — one scale */
  --pd-fs-xs:  0.75rem;   /* 12px */
  --pd-fs-sm:  0.8125rem; /* 13px */
  --pd-fs-base:0.875rem;  /* 14px */
  --pd-fs-md:  0.9375rem; /* 15px */
  --pd-fs-lg:  1.125rem;  /* 18px */
  --pd-fs-xl:  1.5rem;    /* 24px */

  /* Shadows */
  --pd-shadow-sm:  0 1px 3px rgba(0,0,0,.12);
  --pd-shadow-md:  0 4px 16px rgba(0,0,0,.18);
  --pd-shadow-lg:  0 8px 30px rgba(0,0,0,.25);
  --pd-shadow-glow-green: 0 6px 20px rgba(34,197,94,.2);
  --pd-shadow-glow-blue:  0 6px 20px rgba(59,130,246,.2);

  /* Transitions */
  --pd-ease: cubic-bezier(.4,0,.2,1);
}


/* ---------------------------------------------------------------------------
   1. DOMAIN SEARCH INPUT
   --------------------------------------------------------------------------- */
#order-standard_cart .domain-checker-bg,
body .domain-checker-bg {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#order-standard_cart .input-group-box,
body .input-group-box {
  background: var(--pd-surface) !important;
  border: 2px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
  overflow: hidden !important;
  transition: border-color .2s var(--pd-ease), box-shadow .2s var(--pd-ease) !important;
}

#order-standard_cart .input-group-box:focus-within {
  border-color: var(--pd-accent) !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12) !important;
}

#order-standard_cart #inputDomain,
body #inputDomain {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: var(--pd-fs-lg) !important;
  padding: .85rem 1.25rem !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#order-standard_cart #inputDomain::placeholder {
  color: var(--pd-text-muted) !important;
}

#order-standard_cart #btnCheckAvailability,
body #btnCheckAvailability {
  background: linear-gradient(135deg, var(--pd-accent) 0%, var(--pd-accent-dark) 100%) !important;
  border: none !important;
  border-radius: var(--pd-r-lg) !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: .85rem 2rem !important;
  font-size: var(--pd-fs-base) !important;
  letter-spacing: .02em !important;
  transition: all .2s var(--pd-ease) !important;
  white-space: nowrap !important;
}

#order-standard_cart #btnCheckAvailability:hover {
  box-shadow: var(--pd-shadow-glow-blue) !important;
  transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------------------------
   2. PRIMARY RESULT BANNER
   --------------------------------------------------------------------------- */
#order-standard_cart #searchDomainInfo,
body #searchDomainInfo {
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
  padding: 1.5rem 2rem !important;
  margin-bottom: 1.5rem !important;
  box-shadow: var(--pd-shadow-md) !important;
}

/* Loader */
#order-standard_cart .domain-lookup-primary-loader,
body .domain-lookup-primary-loader {
  color: var(--pd-text-muted) !important;
  font-size: var(--pd-fs-md) !important;
}

#order-standard_cart .domain-lookup-primary-loader i {
  color: var(--pd-accent) !important;
}

/* Primary result wrapper */
#order-standard_cart #primaryLookupResult,
body #primaryLookupResult {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Available message */
#order-standard_cart #primaryLookupResult .domain-checker-available,
#order-standard_cart #primaryLookupResult .domain-available {
  color: #86efac !important;
  background: linear-gradient(135deg, rgba(34,197,94,.08), rgba(34,197,94,.03)) !important;
  border: 1px solid rgba(34,197,94,.15) !important;
  border-radius: var(--pd-r-lg) !important;
  padding: 1rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: var(--pd-fs-md) !important;
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
}

/* Unavailable message */
#order-standard_cart #primaryLookupResult .domain-checker-unavailable,
#order-standard_cart #primaryLookupResult .domain-unavailable,
#order-standard_cart #primaryLookupResult .domain-tld-unavailable {
  color: #fca5a5 !important;
  background: rgba(239,68,68,.05) !important;
  border: 1px solid rgba(239,68,68,.12) !important;
  border-radius: var(--pd-r-lg) !important;
  padding: 1rem 1.25rem !important;
  font-weight: 500 !important;
  font-size: var(--pd-fs-md) !important;
}

/* Invalid message */
#order-standard_cart #primaryLookupResult .domain-checker-invalid,
#order-standard_cart #primaryLookupResult .domain-invalid {
  color: #fca5a5 !important;
  background: rgba(239,68,68,.05) !important;
  border: 1px solid rgba(239,68,68,.12) !important;
  border-radius: var(--pd-r-md) !important;
  padding: 1rem !important;
}

/* --- PRIMARY CONTACT-US: hide for available, show for unavailable --- */
/* The <a class="domain-contact-support"> at line 66 has NO w-hidden.
   We use JS to add .pd-primary-avail / .pd-primary-unavail on the wrapper
   and control visibility with those. Fallback: hide by default if no class. */
#order-standard_cart #primaryLookupResult > .domain-contact-support,
body #primaryLookupResult > .domain-contact-support {
  display: none !important;               /* hidden by default */
}

/* Show only when JS marks the parent as unavailable */
#order-standard_cart #primaryLookupResult.pd-primary-unavail > .domain-contact-support,
body #primaryLookupResult.pd-primary-unavail > .domain-contact-support {
  display: inline-flex !important;
  background: linear-gradient(135deg, var(--pd-accent) 0%, var(--pd-accent-dark) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: .75rem 1.5rem !important;
  border-radius: var(--pd-r-md) !important;
  font-size: var(--pd-fs-base) !important;
  margin-top: 1rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all .2s var(--pd-ease) !important;
}

#order-standard_cart #primaryLookupResult.pd-primary-unavail > .domain-contact-support:hover {
  box-shadow: var(--pd-shadow-glow-blue) !important;
  transform: translateY(-1px) !important;
}

/* Primary price row */
#order-standard_cart #primaryLookupResult .domain-price,
body #primaryLookupResult .domain-price {
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

#order-standard_cart #primaryLookupResult .domain-price .price {
  color: var(--pd-green) !important;
  font-size: var(--pd-fs-xl) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Primary Add to Cart */
#order-standard_cart #primaryLookupResult .btn-add-to-cart {
  background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-green-dark) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: .85rem 2.25rem !important;
  border-radius: var(--pd-r-lg) !important;
  font-size: var(--pd-fs-base) !important;
  letter-spacing: .01em !important;
  transition: all .2s var(--pd-ease) !important;
  cursor: pointer !important;
}

#order-standard_cart #primaryLookupResult .btn-add-to-cart:hover {
  background: linear-gradient(135deg, var(--pd-green-dark) 0%, #15803d 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--pd-shadow-glow-green) !important;
}

/* When available: force-show price row + button (overrides old sibling-selector rule) */
#order-standard_cart #primaryLookupResult.pd-primary-avail .domain-price,
body #primaryLookupResult.pd-primary-avail .domain-price {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#order-standard_cart #primaryLookupResult.pd-primary-avail .domain-price .btn-add-to-cart,
#order-standard_cart #primaryLookupResult.pd-primary-avail .btn-add-to-cart,
body #primaryLookupResult.pd-primary-avail .btn-add-to-cart {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide add-to-cart when unavailable */
#order-standard_cart #primaryLookupResult.pd-primary-unavail .domain-price {
  display: none !important;
}


/* ---------------------------------------------------------------------------
   3. SUGGESTIONS — SPINNER FIX
   ---------------------------------------------------------------------------
   #suggestionsLoader sits BEFORE #domainSuggestions in the DOM, so CSS ~ won't
   work. We use a class on the parent container set by JS. */

/* Default: show spinner */
#order-standard_cart #suggestionsLoader,
body #suggestionsLoader,
#order-standard_cart .domain-lookup-suggestions-loader,
body .domain-lookup-suggestions-loader {
  padding: 2rem !important;
  text-align: center !important;
  color: var(--pd-text-muted) !important;
  font-size: var(--pd-fs-md) !important;
}

/* When parent has .pd-loaded, hide spinner completely */
.pd-loaded > #suggestionsLoader,
.pd-loaded > .domain-lookup-suggestions-loader,
.suggested-domains.pd-loaded #suggestionsLoader,
.suggested-domains.pd-loaded .domain-lookup-suggestions-loader {
  display: none !important;
}


/* ---------------------------------------------------------------------------
   4. SUGGESTION ROWS — CSS GRID FOR PERFECT COLUMN ALIGNMENT
   --------------------------------------------------------------------------- */

/* Suggestions panel container */
#order-standard_cart .suggested-domains:not(.w-hidden),
body .suggested-domains:not(.w-hidden) {
  display: block !important;
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
  overflow: hidden !important;
  box-shadow: var(--pd-shadow-md) !important;
  margin-top: 1.5rem !important;
}

/* Suggestions header */
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header,
body .suggested-domains .panel-heading,
body .suggested-domains .card-header {
  background: linear-gradient(135deg, rgba(59,130,246,.06), transparent) !important;
  border-bottom: 1px solid var(--pd-border) !important;
  padding: .875rem 1.5rem !important;
  color: var(--pd-text) !important;
  font-weight: 600 !important;
  font-size: var(--pd-fs-md) !important;
  letter-spacing: .01em !important;
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
}

/* Count badges in header */
.pd-count-badge {
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--pd-fs-xs) !important;
  font-weight: 600 !important;
  padding: .15rem .55rem !important;
  border-radius: var(--pd-r-sm) !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  background: rgba(34,197,94,.12) !important;
  color: #86efac !important;
  border: 1px solid rgba(34,197,94,.18) !important;
}

.pd-count-badge.pd-count-taken {
  background: rgba(239,68,68,.08) !important;
  color: #fca5a5 !important;
  border-color: rgba(239,68,68,.14) !important;
}

/* Suggestions list container */
#order-standard_cart #domainSuggestions:not(.w-hidden),
body #domainSuggestions:not(.w-hidden) {
  display: block !important;
  background: transparent !important;
}

/* --- Each suggestion row: CSS Grid --- */
#order-standard_cart .domain-suggestion,
body .domain-suggestion {
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;  /* [domain] [price] [button] */
  align-items: center !important;
  gap: 0 !important;
  min-height: 52px !important;
  padding: 0 1.5rem !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  border-left: 3px solid transparent !important;
  color: #fff !important;
  transition: background .15s var(--pd-ease), border-color .15s var(--pd-ease) !important;
  position: relative !important;
}

#order-standard_cart .domain-suggestion:last-child,
body .domain-suggestion:last-child {
  border-bottom: none !important;
}

/* Hover: available rows */
#order-standard_cart .domain-suggestion:not(.pd-taken):hover,
body .domain-suggestion:not(.pd-taken):hover {
  background: rgba(34,197,94,.03) !important;
  border-left-color: rgba(34,197,94,.35) !important;
}

/* Even row subtle stripe */
#order-standard_cart .domain-suggestion.clone:nth-child(even),
body .domain-suggestion.clone:nth-child(even) {
  background: var(--pd-surface-alt) !important;
}

/* --- Grid column 1: Domain Name --- */
#order-standard_cart .domain-suggestion .domain,
body .domain-suggestion .domain {
  grid-column: 1 !important;
  font-weight: 600 !important;
  color: #fff !important;
  font-size: var(--pd-fs-base) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#order-standard_cart .domain-suggestion .extension,
body .domain-suggestion .extension {
  color: var(--pd-accent) !important;
  font-weight: 600 !important;
  font-size: var(--pd-fs-base) !important;
}

/* Promo badges after domain name */
#order-standard_cart .domain-suggestion .promo,
body .domain-suggestion .promo {
  grid-column: 1 !important;
  margin-left: .25rem !important;
  display: inline !important;
}

/* --- Grid column 2+3: Actions wrapper --- */
#order-standard_cart .domain-suggestion .actions,
body .domain-suggestion .actions {
  grid-column: 2 / -1 !important;  /* span price + button columns */
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  justify-content: flex-end !important;
}

/* --- Price (inside actions) --- */
#order-standard_cart .domain-suggestion .price,
body .domain-suggestion .price {
  color: var(--pd-green) !important;
  font-weight: 600 !important;
  font-size: var(--pd-fs-base) !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  min-width: 90px !important;
  text-align: right !important;
}

/* --- Add to Cart button (inside actions) --- */
#order-standard_cart .domain-suggestion .btn-add-to-cart,
body .domain-suggestion .btn-add-to-cart {
  background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-green-dark) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: .5rem 1.1rem !important;
  border-radius: var(--pd-r-md) !important;
  font-size: var(--pd-fs-sm) !important;
  white-space: nowrap !important;
  min-width: 105px !important;
  text-align: center !important;
  cursor: pointer !important;
  letter-spacing: .01em !important;
  transition: all .2s var(--pd-ease) !important;
  line-height: 1.4 !important;
}

#order-standard_cart .domain-suggestion .btn-add-to-cart:hover,
body .domain-suggestion .btn-add-to-cart:hover {
  background: linear-gradient(135deg, var(--pd-green-dark) 0%, #15803d 100%) !important;
  box-shadow: 0 4px 14px rgba(34,197,94,.25) !important;
  transform: translateY(-1px) !important;
}

/* --- Contact support for suggestions (hidden by default, shown for taken) --- */
#order-standard_cart .domain-suggestion .domain-contact-support,
body .domain-suggestion .domain-contact-support {
  display: none !important;
}

#order-standard_cart .domain-suggestion.pd-taken .domain-contact-support,
body .domain-suggestion.pd-taken .domain-contact-support {
  display: inline-flex !important;
  align-items: center !important;
  background: linear-gradient(135deg, var(--pd-accent) 0%, var(--pd-accent-dark) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: .45rem .9rem !important;
  border-radius: var(--pd-r-md) !important;
  font-size: var(--pd-fs-xs) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all .2s var(--pd-ease) !important;
  letter-spacing: .01em !important;
}

#order-standard_cart .domain-suggestion.pd-taken .domain-contact-support:hover {
  box-shadow: var(--pd-shadow-glow-blue) !important;
  transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------------------------
   5. TAKEN ROW STYLING
   --------------------------------------------------------------------------- */
#order-standard_cart .domain-suggestion.pd-taken,
body .domain-suggestion.pd-taken {
  background: rgba(239,68,68,.02) !important;
  border-left: 3px solid var(--pd-red-muted) !important;
}

#order-standard_cart .domain-suggestion.pd-taken:hover,
body .domain-suggestion.pd-taken:hover {
  background: rgba(239,68,68,.04) !important;
}

#order-standard_cart .domain-suggestion.pd-taken .domain {
  color: rgba(255,255,255,.4) !important;
}

#order-standard_cart .domain-suggestion.pd-taken .extension {
  color: rgba(239,68,68,.4) !important;
}

/* Hide price for taken */
#order-standard_cart .domain-suggestion.pd-taken .price,
body .domain-suggestion.pd-taken .price {
  display: none !important;
}

/* Taken "Taken" badge button */
#order-standard_cart .domain-suggestion .btn-add-to-cart.unavailable,
#order-standard_cart .domain-suggestion.pd-taken .btn-add-to-cart,
body .domain-suggestion .btn-add-to-cart.unavailable,
body .domain-suggestion.pd-taken .btn-add-to-cart {
  background: rgba(255,255,255,.04) !important;
  color: var(--pd-red-muted) !important;
  cursor: default !important;
  pointer-events: none !important;
  border: 1px solid rgba(239,68,68,.1) !important;
  font-size: var(--pd-fs-xs) !important;
  font-weight: 500 !important;
  padding: .35rem .75rem !important;
  min-width: 65px !important;
  box-shadow: none !important;
  transform: none !important;
}


/* ---------------------------------------------------------------------------
   6. BUTTON STATE OVERRIDES
   --------------------------------------------------------------------------- */
/* Default state: show "Add to Cart" */
.btn-add-to-cart .to-add  { display: inline !important; }
.btn-add-to-cart .loading,
.btn-add-to-cart .added,
.btn-add-to-cart .unavailable { display: none !important; }

/* Loading */
.btn-add-to-cart.loading .to-add    { display: none !important; }
.btn-add-to-cart.loading .loading   { display: inline !important; }

/* Added (checkout) */
.btn-add-to-cart.added .to-add      { display: none !important; }
.btn-add-to-cart.added .added       { display: inline !important; }
.btn-add-to-cart.added {
  background: linear-gradient(135deg, var(--pd-accent) 0%, var(--pd-accent-dark) 100%) !important;
}

/* Unavailable (taken) */
.btn-add-to-cart.unavailable .to-add       { display: none !important; }
.btn-add-to-cart.unavailable .unavailable  { display: inline !important; }


/* ---------------------------------------------------------------------------
   7. SALES GROUP BADGES
   --------------------------------------------------------------------------- */
.sales-group-hot,
.sales-group-new,
.sales-group-sale {
  font-size: .6rem !important;
  padding: .12rem .4rem !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  vertical-align: middle !important;
}

.sales-group-hot  { background: var(--pd-red) !important; color: #fff !important; }
.sales-group-new  { background: var(--pd-accent) !important; color: #fff !important; }
.sales-group-sale { background: var(--pd-amber) !important; color: #000 !important; }


/* ---------------------------------------------------------------------------
   8. SPOTLIGHT TLDS
   --------------------------------------------------------------------------- */
#order-standard_cart .spotlight-tlds,
body .spotlight-tlds {
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
  padding: 1.5rem !important;
  margin: 1.5rem 0 !important;
  box-shadow: var(--pd-shadow-md) !important;
}

#order-standard_cart .spotlight-tld,
body .spotlight-tld {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-lg) !important;
  padding: 1.25rem !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: all .2s var(--pd-ease) !important;
}

#order-standard_cart .spotlight-tld:hover {
  border-color: var(--pd-accent) !important;
  background: rgba(59,130,246,.06) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--pd-shadow-glow-blue) !important;
}

#order-standard_cart .spotlight-tld .price,
body .spotlight-tld .price {
  color: var(--pd-green) !important;
  font-weight: 600 !important;
  font-size: var(--pd-fs-sm) !important;
  margin-top: .5rem !important;
}


/* ---------------------------------------------------------------------------
   9. MORE SUGGESTIONS FOOTER
   --------------------------------------------------------------------------- */
#order-standard_cart .suggested-domains .panel-footer,
#order-standard_cart .suggested-domains .card-footer,
#order-standard_cart .more-suggestions {
  background: rgba(59,130,246,.03) !important;
  border-top: 1px solid var(--pd-border) !important;
  padding: .75rem 1.5rem !important;
  text-align: center !important;
}

#order-standard_cart .more-suggestions a,
#order-standard_cart #moreSuggestions {
  color: var(--pd-accent) !important;
  font-weight: 500 !important;
  font-size: var(--pd-fs-sm) !important;
  text-decoration: none !important;
}

#order-standard_cart #moreSuggestions:hover {
  text-decoration: underline !important;
}

/* Warning text */
#order-standard_cart .domain-suggestions-warning {
  color: var(--pd-text-dim) !important;
  font-size: var(--pd-fs-xs) !important;
  padding: .6rem 1.5rem .75rem !important;
  text-align: center !important;
}


/* ---------------------------------------------------------------------------
   10. TLD PRICING TABLE
   --------------------------------------------------------------------------- */
#order-standard_cart .domain-pricing .bg-white,
body .domain-pricing .bg-white {
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
  overflow: hidden !important;
}

#order-standard_cart .tld-pricing-header {
  background: rgba(59,130,246,.04) !important;
  border-bottom: 1px solid var(--pd-border) !important;
  color: var(--pd-text) !important;
  font-weight: 600 !important;
  font-size: var(--pd-fs-sm) !important;
  padding: .75rem 0 !important;
}

#order-standard_cart .tld-row {
  display: flex !important;
  align-items: center !important;
  padding: .6rem 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.03) !important;
  transition: background .15s var(--pd-ease) !important;
}

#order-standard_cart .tld-row:hover {
  background: rgba(59,130,246,.03) !important;
}

#order-standard_cart .tld-row .col-md-4 strong {
  color: #fff !important;
  font-size: var(--pd-fs-base) !important;
}

#order-standard_cart .tld-row .col-md-8 .col-4,
#order-standard_cart .tld-row .col-md-8 .col-xs-4 {
  color: var(--pd-green) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}

#order-standard_cart .tld-row .col-md-8 small {
  color: var(--pd-text-muted) !important;
  font-size: var(--pd-fs-xs) !important;
}

/* Category filter badges */
#order-standard_cart .tld-filters .badge,
body .tld-filters .badge {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--pd-border) !important;
  color: var(--pd-text-muted) !important;
  border-radius: 100px !important;
  padding: .35rem .8rem !important;
  font-size: var(--pd-fs-xs) !important;
  font-weight: 500 !important;
  margin: .2rem !important;
  transition: all .2s var(--pd-ease) !important;
}

#order-standard_cart .tld-filters .badge:hover,
#order-standard_cart .tld-filters .badge.active {
  background: var(--pd-accent) !important;
  border-color: var(--pd-accent) !important;
  color: #fff !important;
}

/* TLD sale-group badges */
.tld-sale-group {
  font-size: .6rem !important;
  padding: .1rem .35rem !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin-left: .5rem !important;
  vertical-align: middle !important;
}


/* ---------------------------------------------------------------------------
   11. PROMO BOXES (Add Hosting / Transfer)
   --------------------------------------------------------------------------- */
#order-standard_cart .domain-promo-box {
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
  padding: 1.5rem !important;
  color: var(--pd-text) !important;
  transition: border-color .2s var(--pd-ease) !important;
}

#order-standard_cart .domain-promo-box:hover {
  border-color: var(--pd-border-hover) !important;
}

#order-standard_cart .domain-promo-box h3 {
  color: #fff !important;
}

#order-standard_cart .domain-promo-box p {
  color: var(--pd-text-muted) !important;
}


/* ---------------------------------------------------------------------------
   12. TOAST NOTIFICATIONS
   --------------------------------------------------------------------------- */
.prodomain-toast {
  position: fixed !important;
  bottom: 2rem !important;
  right: 2rem !important;
  background: var(--pd-surface) !important;
  border: 1px solid rgba(34,197,94,.2) !important;
  color: #86efac !important;
  padding: .85rem 1.5rem !important;
  border-radius: var(--pd-r-md) !important;
  font-size: var(--pd-fs-sm) !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
  box-shadow: var(--pd-shadow-lg) !important;
  z-index: 10000 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: all .3s var(--pd-ease) !important;
  pointer-events: none !important;
}

.prodomain-toast.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.prodomain-toast.error {
  border-color: rgba(239,68,68,.2) !important;
  color: #fca5a5 !important;
}


/* ---------------------------------------------------------------------------
   13. ENTRY ANIMATION
   --------------------------------------------------------------------------- */
@keyframes pd-fadeSlideIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

#order-standard_cart .domain-suggestion.clone {
  animation: pd-fadeSlideIn .25s var(--pd-ease) both !important;
}

#order-standard_cart .domain-suggestion.clone:nth-child(2)  { animation-delay: .03s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(3)  { animation-delay: .06s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(4)  { animation-delay: .09s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(5)  { animation-delay: .12s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(6)  { animation-delay: .15s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(7)  { animation-delay: .18s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(8)  { animation-delay: .21s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(9)  { animation-delay: .24s !important; }
#order-standard_cart .domain-suggestion.clone:nth-child(10) { animation-delay: .27s !important; }


/* ---------------------------------------------------------------------------
   14. ACCESSIBILITY
   --------------------------------------------------------------------------- */
#order-standard_cart .domain-suggestion .btn-add-to-cart:focus-visible,
#order-standard_cart .domain-suggestion .domain-contact-support:focus-visible {
  outline: 2px solid var(--pd-accent) !important;
  outline-offset: 2px !important;
}


/* ---------------------------------------------------------------------------
   15. RESPONSIVE
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
  #order-standard_cart .domain-suggestion,
  body .domain-suggestion {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: .75rem 1rem !important;
    gap: .35rem !important;
  }

  #order-standard_cart .domain-suggestion .domain {
    font-size: var(--pd-fs-sm) !important;
  }

  #order-standard_cart .domain-suggestion .actions {
    justify-content: flex-start !important;
    padding-right: 0 !important;
    gap: .5rem !important;
  }

  #order-standard_cart .domain-suggestion .price {
    min-width: auto !important;
    font-size: var(--pd-fs-sm) !important;
  }

  #order-standard_cart .domain-suggestion .btn-add-to-cart {
    min-width: 85px !important;
    font-size: var(--pd-fs-xs) !important;
    padding: .4rem .75rem !important;
  }

  #order-standard_cart .domain-suggestion.pd-taken .domain-contact-support {
    font-size: .68rem !important;
    padding: .3rem .6rem !important;
  }

  #order-standard_cart #searchDomainInfo {
    padding: 1.25rem 1rem !important;
  }

  #order-standard_cart #primaryLookupResult .domain-price {
    flex-wrap: wrap !important;
    gap: .75rem !important;
  }

  #order-standard_cart #primaryLookupResult .btn-add-to-cart {
    padding: .7rem 1.5rem !important;
    width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  #order-standard_cart .domain-suggestion .actions {
    flex-wrap: wrap !important;
  }
}


/* ---------------------------------------------------------------------------
   16. CART SIDEBAR
   --------------------------------------------------------------------------- */
#order-standard_cart .cart-sidebar {
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-xl) !important;
}

/* ---------------------------------------------------------------------------
   17. GENERAL CART DARK FIXES
   --------------------------------------------------------------------------- */
#order-standard_cart .bg-white,
#main-body .bg-white,
.cart-body .bg-white {
  background: var(--pd-surface) !important;
}

.cart-body {
  color: var(--pd-text) !important;
}

#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4 {
  color: #fff !important;
}

#order-standard_cart .text-muted {
  color: var(--pd-text-muted) !important;
}

#order-standard_cart .alert {
  background: var(--pd-surface) !important;
  border: 1px solid var(--pd-border) !important;
  border-radius: var(--pd-r-lg) !important;
  color: var(--pd-text) !important;
}

#order-standard_cart .alert-info    { border-color: rgba(59,130,246,.2) !important; }
#order-standard_cart .alert-warning { border-color: rgba(245,158,11,.2) !important; }
#order-standard_cart .alert-danger  { border-color: rgba(239,68,68,.2) !important; }
#order-standard_cart .alert-success { border-color: rgba(34,197,94,.2) !important; }