/* ============================================================
 * FILE: css/skin-aurora-mesh.css               HostPlux v49.20
 * SKIN: aurora-mesh (Owner Panel → Design Manager → Storefront skin)
 * Light pastel mesh gradient canvas (#FBF9FF), soft floating cards,
 * violet (#6D3EF2) → pink (#FF6B9D) → amber (#FFB020) accents, crisp
 * WCAG contrast on every banner/input/card across desktop + mobile.
 * Pure colour/surface overrides — zero layout clobber.
 * ============================================================ */

html[data-hp-skin="aurora-mesh"] body.site-body {
  --s-primary: #6D3EF2;
  --s-primary-dark: #5428CA;
  --s-primary-light: #F1ECFF;
  --s-accent: #E11D74;
  --s-dark: #151A2D;
  --s-bg: #FBF9FF;
  --s-card: #FFFDFA;
  --s-bg-soft: #F5F3FC;
  --s-text: #2E3654;
  --s-muted: #565F7D;
  --s-border: #E2DFF2;
  --s-radius: 20px;
  /* Sync base.css / site-v33.css custom properties */
  --text: #2E3654;
  --ink: #151A2D;
  --muted: #565F7D;
  --card: #FFFDFA;
  --bg: #FBF9FF;
  --line: #E2DFF2;
  --border: #E2DFF2;
  --brand: #6D3EF2;
  background:
    radial-gradient(900px 520px at 8% -6%, #FFE6F0 0%, transparent 60%),
    radial-gradient(820px 480px at 96% 4%, #E4ECFF 0%, transparent 62%),
    radial-gradient(760px 520px at 52% 22%, #ECF9F4 0%, transparent 58%),
    linear-gradient(180deg, #FDF9FF 0%, #F6F7FD 45%, #F9FBFA 100%);
  background-attachment: fixed;
  color: #2E3654;
  color-scheme: light;
}

/* ---------- Marquee + Frosted Header + Mobile Menu ---------- */
html[data-hp-skin="aurora-mesh"] .site-marquee { background: #140C33; color: #F4F1FF; }
html[data-hp-skin="aurora-mesh"] .site-marquee b,
html[data-hp-skin="aurora-mesh"] .site-marquee .icon { color: #FFD166; }

html[data-hp-skin="aurora-mesh"] .site-header {
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(16px) saturate(150%);
  border-bottom: 1px solid rgba(110, 95, 195, .16);
}
html[data-hp-skin="aurora-mesh"] .site-logo { color: #151A2D; }
html[data-hp-skin="aurora-mesh"] .footer-brand .site-logo { color: #FFFFFF; }
html[data-hp-skin="aurora-mesh"] .site-logo-mark {
  background: linear-gradient(135deg, #6D3EF2, #FF6B9D 62%, #FFB020);
  color: #FFFFFF;
  box-shadow: 0 6px 18px rgba(109, 62, 242, .3);
}
html[data-hp-skin="aurora-mesh"] .site-nav-item { color: #4A5372; }
html[data-hp-skin="aurora-mesh"] .site-nav-item:hover { color: #5428CA; background: rgba(109, 62, 242, .08); }
html[data-hp-skin="aurora-mesh"] .site-nav-drop {
  background: #FFFFFF;
  border: 1px solid #E2DFF2;
  box-shadow: 0 22px 58px rgba(70, 50, 150, .18);
}
html[data-hp-skin="aurora-mesh"] .site-nav-drop a { color: #3A4262; }
html[data-hp-skin="aurora-mesh"] .site-nav-drop a:hover { background: #F5F2FF; color: #5428CA; }
html[data-hp-skin="aurora-mesh"] .cart-btn,
html[data-hp-skin="aurora-mesh"] .nav-burger {
  background: #FFFFFF;
  border: 1px solid #E2DFF2;
  color: #2E3654;
}
html[data-hp-skin="aurora-mesh"] .cart-count {
  background: linear-gradient(135deg, #6D3EF2, #E11D74);
  color: #FFFFFF;
}

@media (max-width: 900px) {
  html[data-hp-skin="aurora-mesh"] .site-nav {
    background: #FFFFFF;
    border-top: 1px solid #E2DFF2;
    border-bottom: 1px solid #E2DFF2;
    box-shadow: 0 22px 46px rgba(50, 35, 110, .16);
  }
  html[data-hp-skin="aurora-mesh"] .site-nav-drop {
    background: #F8F6FF;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
  }
}

/* ---------- Buttons ---------- */
html[data-hp-skin="aurora-mesh"] .site-btn {
  border-radius: 13px;
  border-color: #E2DFF2;
  background: #FFFFFF;
  color: #2E3654;
}
html[data-hp-skin="aurora-mesh"] .site-btn-primary,
html[data-hp-skin="aurora-mesh"] .v33-btn-primary,
html[data-hp-skin="aurora-mesh"] .v33-pay-cta {
  background: linear-gradient(135deg, #6D3EF2, #8B5CF6);
  color: #FFFFFF;
  border-color: transparent;
  box-shadow: 0 10px 26px rgba(109, 62, 242, .28);
}
html[data-hp-skin="aurora-mesh"] .site-btn-primary:hover {
  background: linear-gradient(135deg, #5A2ECB, #7C4DF0);
}
html[data-hp-skin="aurora-mesh"] .site-btn-outline {
  background: #FFFFFF;
  color: #5428CA;
  border-color: #D7CBFF;
}
html[data-hp-skin="aurora-mesh"] .site-btn-outline:hover {
  border-color: #6D3EF2;
  background: #F7F4FF;
}
html[data-hp-skin="aurora-mesh"] .site-btn-ghost { color: #5428CA; }
html[data-hp-skin="aurora-mesh"] .v33-cta .site-btn-primary {
  background: #FFFFFF;
  color: #2A1758;
  box-shadow: 0 10px 24px rgba(15, 10, 40, .2);
}
html[data-hp-skin="aurora-mesh"] .v33-cta .site-btn-outline {
  background: rgba(255, 255, 255, .1);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, .45);
}

/* ---------- Hero & Domain Search ---------- */
html[data-hp-skin="aurora-mesh"] .site-hero {
  background:
    radial-gradient(760px 420px at 88% -10%, rgba(109, 62, 242, .14), transparent 62%),
    radial-gradient(620px 380px at 4% 104%, rgba(23, 195, 166, .14), transparent 58%),
    transparent;
}
html[data-hp-skin="aurora-mesh"] .hero-badge {
  background: #F1ECFF;
  color: #5428CA;
  border: 1px solid #DDD2FF;
}
html[data-hp-skin="aurora-mesh"] .hero-title,
html[data-hp-skin="aurora-mesh"] .v33-h1 {
  color: #151A2D;
  letter-spacing: -1.6px;
}
html[data-hp-skin="aurora-mesh"] .hero-title .grad,
html[data-hp-skin="aurora-mesh"] .v33-h1 .grad,
html[data-hp-skin="aurora-mesh"] .v33-h1 em {
  background: linear-gradient(100deg, #6D3EF2, #E11D74 62%, #D97706);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-hp-skin="aurora-mesh"] .hero-sub,
html[data-hp-skin="aurora-mesh"] .v33-lead { color: #565F7D; }
html[data-hp-skin="aurora-mesh"] .domain-search,
html[data-hp-skin="aurora-mesh"] .v33-domain-search {
  background: #FFFFFF;
  border-color: #DFDBF2;
  box-shadow: 0 16px 40px rgba(80, 60, 180, .11);
}
html[data-hp-skin="aurora-mesh"] .domain-search select,
html[data-hp-skin="aurora-mesh"] .v33-domain-search select {
  background: #F4F1FC;
  border-color: #E2DFF2;
  color: #151A2D;
}

/* ---------- Sections, Floating Cards & Accents ---------- */
html[data-hp-skin="aurora-mesh"] .site-section { background: transparent; }
html[data-hp-skin="aurora-mesh"] .site-section.soft { background: rgba(255, 255, 255, .58); }
html[data-hp-skin="aurora-mesh"] .section-title,
html[data-hp-skin="aurora-mesh"] .v33-sec-head h2 { color: #151A2D; }
html[data-hp-skin="aurora-mesh"] .section-sub,
html[data-hp-skin="aurora-mesh"] .v33-sec-head p { color: #565F7D; }
html[data-hp-skin="aurora-mesh"] .section-kicker {
  background: linear-gradient(135deg, #F1ECFF, #FFEAF3);
  color: #5428CA;
  border: 1px solid #E2D6FF;
}
html[data-hp-skin="aurora-mesh"] .site-press {
  background: rgba(255, 255, 255, .64);
  border-top: 1px solid rgba(120, 110, 200, .14);
  border-bottom: 1px solid rgba(120, 110, 200, .14);
}
html[data-hp-skin="aurora-mesh"] .press-logo { color: #5B6380; filter: none; }

html[data-hp-skin="aurora-mesh"] .v33-plan,
html[data-hp-skin="aurora-mesh"] .v33-feat,
html[data-hp-skin="aurora-mesh"] .v33-hero-card,
html[data-hp-skin="aurora-mesh"] .v33-faq-item,
html[data-hp-skin="aurora-mesh"] .v33-cat,
html[data-hp-skin="aurora-mesh"] .v33-checkout-card,
html[data-hp-skin="aurora-mesh"] .v33-summary,
html[data-hp-skin="aurora-mesh"] .price-card,
html[data-hp-skin="aurora-mesh"] .deal-card,
html[data-hp-skin="aurora-mesh"] .vps-card,
html[data-hp-skin="aurora-mesh"] .tab-card,
html[data-hp-skin="aurora-mesh"] .feat-card,
html[data-hp-skin="aurora-mesh"] .testi-card,
html[data-hp-skin="aurora-mesh"] .auth-card {
  background: #FFFDFA;
  border-color: #E4E1F3;
  border-radius: 20px;
  box-shadow: 0 16px 44px rgba(70, 50, 150, .08);
}
html[data-hp-skin="aurora-mesh"] .v33-plan.popular,
html[data-hp-skin="aurora-mesh"] .price-card.popular {
  border-color: rgba(109, 62, 242, .55);
  box-shadow: 0 24px 62px rgba(109, 62, 242, .2);
  background: linear-gradient(180deg, #FFFFFF, #FAF7FF);
}
html[data-hp-skin="aurora-mesh"] .v33-plan-flag,
html[data-hp-skin="aurora-mesh"] .price-flag {
  background: linear-gradient(135deg, #6D3EF2, #E11D74);
  color: #FFFFFF;
}

/* Billing term pill & feature icon badges */
html[data-hp-skin="aurora-mesh"] .v33-term,
html[data-hp-skin="aurora-mesh"] .term-toggle,
html[data-hp-skin="aurora-mesh"] .site-tabs {
  background: #F1EEFA;
  border: 1px solid #E3DCF8;
}
html[data-hp-skin="aurora-mesh"] .v33-term .term-btn,
html[data-hp-skin="aurora-mesh"] .term-btn,
html[data-hp-skin="aurora-mesh"] .site-tab { color: #545D7A; }
html[data-hp-skin="aurora-mesh"] .v33-term .term-btn.active {
  background: #FFFFFF;
  color: #4C24B8;
  box-shadow: 0 4px 12px rgba(80, 50, 160, .12);
}
html[data-hp-skin="aurora-mesh"] .site-tab.active,
html[data-hp-skin="aurora-mesh"] .term-toggle .term-btn.active {
  background: linear-gradient(135deg, #6D3EF2, #8B5CF6);
  color: #FFFFFF;
}
html[data-hp-skin="aurora-mesh"] .v33-term .term-save { color: #0B7A66; }

html[data-hp-skin="aurora-mesh"] .v33-feat-ico,
html[data-hp-skin="aurora-mesh"] .v33-step-n,
html[data-hp-skin="aurora-mesh"] .v33-step-pill,
html[data-hp-skin="aurora-mesh"] .v33-cart-ico {
  background: #F1ECFF;
  color: #6D3EF2;
}
html[data-hp-skin="aurora-mesh"] .v33-plan-feats .icon,
html[data-hp-skin="aurora-mesh"] .v33-hero-card-list .icon,
html[data-hp-skin="aurora-mesh"] .v33-status-row em,
html[data-hp-skin="aurora-mesh"] .v33-dom-row .ok,
html[data-hp-skin="aurora-mesh"] .v33-cart-info em,
html[data-hp-skin="aurora-mesh"] .v33-applied,
html[data-hp-skin="aurora-mesh"] .compare-table td.yes {
  color: #0B7A66;
}
html[data-hp-skin="aurora-mesh"] .badge.badge-success,
html[data-hp-skin="aurora-mesh"] .badge-avail {
  background: #E6F8F3;
  color: #0B7A66;
}
html[data-hp-skin="aurora-mesh"] .testi-stars { color: #C2410C; }

/* ---------- AI Banner (Pastel Mesh Surface → High-Contrast Deep Ink!) ---------- */
html[data-hp-skin="aurora-mesh"] .ai-banner {
  background:
    radial-gradient(560px 260px at 88% 18%, rgba(255, 107, 157, .16), transparent 62%),
    linear-gradient(120deg, #EEE7FF, #FFEBF4 55%, #E7FAF3);
  border: 1px solid #DFD4FF;
  color: #151A2D;
}
html[data-hp-skin="aurora-mesh"] .ai-banner-text,
html[data-hp-skin="aurora-mesh"] .ai-banner-text h2 { color: #151A2D; }
html[data-hp-skin="aurora-mesh"] .ai-banner-text p { color: #4A5372; opacity: 1; }
html[data-hp-skin="aurora-mesh"] .ai-banner-box {
  background: #FFFFFF;
  border: 1.5px solid #D7CBFF;
  box-shadow: 0 12px 30px rgba(90, 60, 180, .1);
}
html[data-hp-skin="aurora-mesh"] .ai-banner-box input { color: #151A2D; }
html[data-hp-skin="aurora-mesh"] .ai-banner-box input::placeholder { color: #6B7390; }
html[data-hp-skin="aurora-mesh"] .ai-orb {
  background: rgba(255, 255, 255, .75);
  border: 1px solid #DFD4FF;
}
html[data-hp-skin="aurora-mesh"] .ai-orb .icon { color: #E11D74; }

/* ---------- Stats Band, CTA Band & Mobile Sticky Bar ---------- */
html[data-hp-skin="aurora-mesh"] .stats-band {
  background: linear-gradient(135deg, #241652, #3B1E6E 55%, #12364F);
  box-shadow: 0 26px 60px rgba(50, 30, 110, .26);
}
html[data-hp-skin="aurora-mesh"] .stat-big { color: #FFFFFF; }
html[data-hp-skin="aurora-mesh"] .stat-label { color: #D4CCF2; }

html[data-hp-skin="aurora-mesh"] .cta-band {
  background:
    radial-gradient(520px 260px at 12% 0%, #FFE6F0 0%, transparent 62%),
    radial-gradient(520px 260px at 88% 100%, #E4ECFF 0%, transparent 62%),
    linear-gradient(135deg, #F4F0FF, #EFFBF7);
  border: 1px solid #E2D8FF;
  border-radius: 26px;
}
html[data-hp-skin="aurora-mesh"] .cta-band h2 { color: #151A2D; }
html[data-hp-skin="aurora-mesh"] .cta-band p { color: #565F7D; }

html[data-hp-skin="aurora-mesh"] .co-step { color: #565F7D; }
html[data-hp-skin="aurora-mesh"] .co-step i { background: #F1EDFF; color: #5428CA; }
html[data-hp-skin="aurora-mesh"] .co-step.on { color: #151A2D; }
html[data-hp-skin="aurora-mesh"] .co-step.on i { background: #6D3EF2; color: #FFFFFF; }
html[data-hp-skin="aurora-mesh"] .co-step.done i { background: #E9FBF2; color: #0B7A4B; }
html[data-hp-skin="aurora-mesh"] .co-step-sep { background: rgba(109, 62, 242, .16); }
html[data-hp-skin="aurora-mesh"] .co-dock {
  background: rgba(255, 253, 250, .97);
  border-top: 1px solid #E2DFF2;
}
html[data-hp-skin="aurora-mesh"] .co-dock-info span { color: #565F7D; }
html[data-hp-skin="aurora-mesh"] .co-dock-info b { color: #151A2D; }

@media (max-width: 860px) {
  html[data-hp-skin="aurora-mesh"] .v33-mobilebar {
    background: rgba(255, 253, 250, .97);
    border-color: #E2DFF2;
    box-shadow: 0 14px 40px -12px rgba(50, 35, 110, .28);
  }
  html[data-hp-skin="aurora-mesh"] .v33-mobilebar > div > span { color: #565F7D; }
  html[data-hp-skin="aurora-mesh"] .v33-mobilebar > div > b { color: #151A2D; }
}

/* ---------- Footer ---------- */
html[data-hp-skin="aurora-mesh"] .site-footer {
  background: #120B2E;
  color: #D9D3F5;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
html[data-hp-skin="aurora-mesh"] .site-footer a { color: #BDB4E6; }
html[data-hp-skin="aurora-mesh"] .site-footer a:hover { color: #FFFFFF; }
html[data-hp-skin="aurora-mesh"] .footer-col h4 { color: #FFFFFF; }
html[data-hp-skin="aurora-mesh"] .footer-bottom { border-top: 1px solid rgba(255, 255, 255, .1); color: #A69CCB; }
html[data-hp-skin="aurora-mesh"] .footer-social a {
  background: rgba(255, 255, 255, .07);
  color: #D9D3F5;
  border: 1px solid rgba(255, 255, 255, .12);
}