/*
  Final purple no-blue pass
  Hard override for remaining blue/cyan UI elements reported in screenshots:
  - package order buttons
  - top menu wallet/icon buttons
  - CTA band and CTA buttons
  - footer links
  - remaining blue text accents
*/

:root{
  --brand:#8b20ff!important;
  --brand-2:#b56cff!important;
  --csp-blue:#8b20ff!important;
  --csp-blue-2:#b56cff!important;
  --csp-cyan:#d9c4ff!important;
  --pro-blue:#8b20ff!important;
  --pro-cyan:#d9c4ff!important;
}

/* Strongest button override: no default blue button should remain. */
html body a.btn.primary,
html body button.btn.primary,
html body input.btn.primary,
html body .btn.primary,
html body .one-configure.btn.primary,
html body .full.btn.primary,
html body .top-actions a.btn.primary,
html body .inline-actions a.btn.primary,
html body .actions a.btn.primary,
html body .cta-band a.btn.primary,
html body .one-package-faq-cta a.btn.primary,
html body .dedicated-card-bottom a.btn.primary,
html body .uc-auth-form button.btn.primary,
html body .uc-contact-form button.btn.primary,
html body .package-order,
html body .add-balance-btn{
  background:
    radial-gradient(circle at 22% 0%,rgba(255,255,255,.32),transparent 36%),
    linear-gradient(135deg,#e4d0ff 0%,#c783ff 18%,#9b39ff 52%,#6f2dff 100%)!important;
  background-color:#8b20ff!important;
  border-color:rgba(217,196,255,.18)!important;
  color:#ffffff!important;
  box-shadow:
    0 18px 52px rgba(139,32,255,.36),
    0 0 0 1px rgba(255,255,255,.12) inset!important;
}

html body a.btn.primary:hover,
html body button.btn.primary:hover,
html body .btn.primary:hover,
html body .one-configure.btn.primary:hover,
html body .cta-band a.btn.primary:hover,
html body .one-package-faq-cta a.btn.primary:hover,
html body .package-order:hover,
html body .add-balance-btn:hover{
  background:
    radial-gradient(circle at 22% 0%,rgba(255,255,255,.38),transparent 36%),
    linear-gradient(135deg,#efe1ff 0%,#d09aff 18%,#a646ff 52%,#7f46ff 100%)!important;
  background-color:#9b39ff!important;
  border-color:rgba(217,196,255,.28)!important;
  color:#ffffff!important;
  box-shadow:
    0 22px 64px rgba(139,32,255,.44),
    0 0 0 1px rgba(255,255,255,.16) inset!important;
}

/* Strong secondary/ghost override so outlines and fills are purple/lavender, not light blue. */
html body a.btn.ghost,
html body button.btn.ghost,
html body .btn.ghost,
html body .top-actions a.btn.ghost,
html body .inline-actions a.btn.ghost,
html body .actions a.btn.ghost,
html body .cta-band a.btn.ghost,
html body .one-package-faq-cta a.btn.ghost,
html body .api-method-filter button,
html body .copy-btn,
html body .action-btn{
  background:
    radial-gradient(circle at 18% 0%,rgba(217,196,255,.12),transparent 55%),
    linear-gradient(180deg,rgba(139,32,255,.13),rgba(255,255,255,.035))!important;
  border-color:rgba(217,196,255,.18)!important;
  color:#eadfff!important;
  box-shadow:0 0 0 1px rgba(217,196,255,.06) inset!important;
}

html body a.btn.ghost:hover,
html body button.btn.ghost:hover,
html body .btn.ghost:hover,
html body .api-method-filter button:hover,
html body .copy-btn:hover,
html body .action-btn:hover{
  background:
    radial-gradient(circle at 18% 0%,rgba(217,196,255,.18),transparent 55%),
    linear-gradient(180deg,rgba(139,32,255,.22),rgba(255,255,255,.055))!important;
  border-color:rgba(217,196,255,.30)!important;
  color:#ffffff!important;
}

/* Top-right logged-in controls from screenshot. */
html body .top-actions .wallet-chip,
html body a.wallet-chip{
  background:
    radial-gradient(circle at 18% 0%,rgba(217,196,255,.18),transparent 55%),
    linear-gradient(180deg,rgba(139,32,255,.20),rgba(39,16,76,.72))!important;
  border-color:rgba(217,196,255,.22)!important;
  color:#f2eaff!important;
  box-shadow:
    0 12px 34px rgba(139,32,255,.20),
    0 0 0 1px rgba(255,255,255,.06) inset!important;
}

html body .top-actions .wallet-chip:before,
html body a.wallet-chip:before{
  background:linear-gradient(135deg,#d9c4ff,#b56cff,#8b20ff)!important;
  box-shadow:0 0 18px rgba(181,108,255,.45)!important;
}

html body .top-actions .icon-btn,
html body a.icon-btn,
html body .icon-btn.dashboard-shortcut{
  background:
    linear-gradient(180deg,rgba(139,32,255,.18),rgba(255,255,255,.035))!important;
  border-color:rgba(217,196,255,.18)!important;
  color:#eadfff!important;
  box-shadow:0 0 0 1px rgba(217,196,255,.05) inset!important;
}

html body .top-actions .icon-btn:hover,
html body a.icon-btn:hover,
html body .icon-btn.dashboard-shortcut:hover{
  background:
    radial-gradient(circle at 18% 0%,rgba(217,196,255,.18),transparent 55%),
    linear-gradient(180deg,rgba(139,32,255,.26),rgba(255,255,255,.055))!important;
  color:#fff!important;
  border-color:rgba(217,196,255,.28)!important;
}

/* Language switcher should match the same purple family. */
html body .language-switcher,
html body .flag-language-switcher{
  background:
    linear-gradient(180deg,rgba(139,32,255,.16),rgba(255,255,255,.035))!important;
  border-color:rgba(217,196,255,.18)!important;
}

html body .language-flag,
html body .language-flag span{
  color:#eadfff!important;
}

html body .language-flag.active{
  background:rgba(181,108,255,.22)!important;
  color:#fff!important;
}

/* CTA band in screenshot: remove blue border/glow and use purple depth. */
html body .cta-band,
html body section.cta-band,
html body .one-package-faq-cta{
  border-color:rgba(217,196,255,.16)!important;
  background:
    radial-gradient(circle at 0% 50%,rgba(181,108,255,.16),transparent 30%),
    radial-gradient(circle at 92% 50%,rgba(139,32,255,.18),transparent 34%),
    linear-gradient(135deg,rgba(18,11,38,.98),rgba(13,11,30,.98))!important;
  box-shadow:
    0 28px 76px rgba(0,0,0,.28),
    0 0 0 1px rgba(217,196,255,.08) inset!important;
}

html body .cta-band:before,
html body .one-package-faq-cta:before{
  background:linear-gradient(180deg,#eadbff,#b56cff,#8b20ff)!important;
}

html body .cta-band h2,
html body .one-package-faq-cta h2{
  color:#ffffff!important;
}

html body .cta-band p,
html body .one-package-faq-cta p{
  color:#bdb0d3!important;
}

/* Footer links/text from screenshot: no light-blue links. */
html body .site-footer,
html body footer.site-footer,
html body .footer{
  color:#cfc3e3!important;
}

html body .site-footer-col h4,
html body .site-footer h4,
html body .footer h4{
  color:#ffffff!important;
}

html body .site-footer-col a,
html body .site-footer-nav a,
html body footer.site-footer a,
html body .footer a{
  color:#d9c4ff!important;
  opacity:.92!important;
}

html body .site-footer-col a:hover,
html body .site-footer-nav a:hover,
html body footer.site-footer a:hover,
html body .footer a:hover{
  color:#ffffff!important;
  opacity:1!important;
  transform:translateX(2px)!important;
}

/* Remaining accent labels/text: convert old cyan shades to lavender. */
html body .eyebrow,
html body .uc-overline,
html body .plan-tag,
html body .plan-kind,
html body .api-method,
html body .showcase-kicker span,
html body .dedicated-live-dot,
html body .uc-auth-panel-head span,
html body .uc-contact-panel-head span,
html body .contact-support-grid article > span,
html body .about-timeline article span,
html body .side-ico,
html body .nav-ico,
html body .one-check,
html body .price-line span,
html body .dedicated-price span{
  color:#d9c4ff!important;
}

/* Green check marks may remain green, but not cyan-blue. */
html body .one-check,
html body .check,
html body .checkmark{
  color:#c7a4ff!important;
}

/* Card borders and selected package outline from screenshot. */
html body .one-plan-card,
html body .featured-card,
html body .refined-server-card,
html body .dedicated-inventory-card,
html body .card,
html body .panel,
html body .clean-panel{
  border-color:rgba(217,196,255,.12)!important;
  box-shadow:
    0 24px 72px rgba(0,0,0,.20),
    0 0 0 1px rgba(217,196,255,.08) inset!important;
}

html body .one-plan-card.one-plan-popular,
html body .featured-card.featured,
html body .refined-server-card.featured{
  border-color:rgba(217,196,255,.30)!important;
  box-shadow:
    0 34px 100px rgba(0,0,0,.34),
    0 0 0 1px rgba(217,196,255,.24) inset,
    0 0 90px rgba(139,32,255,.18)!important;
}

/* Table/control surfaces also keep purple hue. */
html body table thead th,
html body .table th,
html body table.csp-enhanced-table th{
  background:
    linear-gradient(180deg,rgba(181,108,255,.16),rgba(139,32,255,.055))!important;
  color:#eadfff!important;
  border-color:rgba(217,196,255,.12)!important;
}

html body .csp-sort-icon{
  background:rgba(139,32,255,.20)!important;
  color:#eadfff!important;
  border-color:rgba(217,196,255,.16)!important;
}

/* Inputs/selects keep purple focus. */
html body input:focus,
html body select:focus,
html body textarea:focus{
  outline-color:rgba(181,108,255,.58)!important;
  border-color:rgba(181,108,255,.48)!important;
  box-shadow:
    0 0 0 4px rgba(139,32,255,.15),
    inset 0 0 0 1px rgba(217,196,255,.18)!important;
}

/* Last generic catch: common inline/class blue colors should be purple. */
html body [style*="color:#74bfff"],
html body [style*="color: #74bfff"],
html body [style*="color:#86d6ff"],
html body [style*="color: #86d6ff"],
html body [style*="color:#9bddff"],
html body [style*="color: #9bddff"]{
  color:#d9c4ff!important;
}