/* awnex-connect styles */

/* ─── Modal overlay ─────────────────────────────────────── */
.awnex-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(9, 11, 18, 0.82);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.awnex-modal-overlay.is-open {
  opacity: 1;
  pointer-events: all;
}
.awnex-modal-overlay[hidden] { display: none !important; }

.awnex-modal-box {
  background: #111827;
  border: 1px solid rgba(226,232,240,0.10);
  border-radius: 1.5rem;
  padding: 2.25rem 2rem;
  width: 100%;
  max-width: 420px;
  position: relative;
  box-shadow: 0 25px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(0,102,255,.15);
  animation: awnex-slide-up .3s ease;
}
@keyframes awnex-slide-up {
  from { transform: translateY(24px) scale(.97); opacity: 0; }
  to   { transform: translateY(0)    scale(1);   opacity: 1; }
}

.awnex-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255,255,255,.07);
  border: none;
  color: #a7b3c7;
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s, color .2s;
}
.awnex-modal-close:hover { background: rgba(255,255,255,.12); color: #f8fafc; }

/* ─── Modal logo ─────────────────────────────────────────── */
.awnex-modal-logo {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: 1.5rem;
}
.awnex-logo-icon {
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  background: linear-gradient(135deg,#0066ff,#8b5cf6);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 16px rgba(0,102,255,.5);
}
.awnex-logo-icon span {
  color: #fff;
  font-weight: 800;
  font-size: .95rem;
  font-family: 'Space Grotesk', sans-serif;
}
.awnex-logo-text {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  background: linear-gradient(135deg,#0066ff,#8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ─── Tabs ───────────────────────────────────────────────── */
.awnex-modal-tabs {
  display: flex;
  gap: .25rem;
  background: rgba(255,255,255,.05);
  border-radius: .75rem;
  padding: .25rem;
  margin-bottom: 1.75rem;
}
.awnex-tab {
  flex: 1;
  background: none;
  border: none;
  color: #a7b3c7;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: .875rem;
  padding: .55rem .5rem;
  border-radius: .55rem;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.awnex-tab.active {
  background: linear-gradient(135deg,#0066ff,#8b5cf6);
  color: #fff;
}

/* ─── Form ───────────────────────────────────────────────── */
.awnex-form-hint {
  font-size: .8rem;
  color: #a7b3c7;
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
.awnex-field {
  margin-bottom: 1rem;
}
.awnex-field label {
  display: block;
  font-size: .8rem;
  font-weight: 600;
  color: #a7b3c7;
  margin-bottom: .35rem;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.awnex-field label small {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.awnex-field input {
  width: 100%;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(226,232,240,.1) !important;
  color: #f8fafc !important;
  border-radius: .75rem !important;
  padding: .7rem 1rem !important;
  font-size: .9rem !important;
  font-family: 'Inter', sans-serif !important;
  transition: border-color .2s, box-shadow .2s;
  box-sizing: border-box;
}
.awnex-field input:focus {
  border-color: #0066ff !important;
  box-shadow: 0 0 0 3px rgba(0,102,255,.2) !important;
  outline: none !important;
}
.awnex-field input::placeholder { color: #4b5563 !important; }

.awnex-error {
  background: rgba(236,72,153,.12);
  border: 1px solid rgba(236,72,153,.3);
  border-radius: .6rem;
  color: #f472b6;
  font-size: .8rem;
  padding: .6rem .8rem;
  margin-bottom: .75rem;
  display: none;
}

.awnex-btn-primary {
  width: 100%;
  background: linear-gradient(135deg,#0066ff,#8b5cf6) !important;
  border: none !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  padding: .8rem 1.5rem !important;
  border-radius: .85rem !important;
  cursor: pointer;
  transition: opacity .2s, transform .15s !important;
  box-shadow: 0 0 20px rgba(0,102,255,.35) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin-top: .5rem;
}
.awnex-btn-primary:hover:not(:disabled) {
  opacity: .88 !important;
  transform: translateY(-1px) !important;
}
.awnex-btn-primary:disabled { opacity: .6 !important; cursor: not-allowed !important; }

.awnex-oauth-separator {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 1rem 0;
  color: #64748b;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: 0;
}
.awnex-oauth-separator::before,
.awnex-oauth-separator::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(226,232,240,.12);
}
.awnex-btn-google {
  width: 100%;
  border: 1px solid rgba(226,232,240,.18) !important;
  background: #fff !important;
  color: #1f2937 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: .875rem !important;
  padding: .72rem 1.5rem !important;
  border-radius: .85rem !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  margin-bottom: .55rem;
  transition: background .2s, box-shadow .2s !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.12) !important;
}
.awnex-btn-google:hover { background: #f8fafc !important; box-shadow: 0 2px 8px rgba(0,0,0,.18) !important; }

.awnex-btn-oauth {
  width: 100%;
  border: 1px solid rgba(226,232,240,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: #f8fafc !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: .875rem !important;
  padding: .72rem 1.5rem !important;
  border-radius: .85rem !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  transition: background .2s !important;
}
.awnex-btn-oauth:hover { background: rgba(255,255,255,.10) !important; }

/* 2FA */
.awnex-2fa-notice {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: rgba(0,102,255,.1);
  border: 1px solid rgba(0,102,255,.25);
  border-radius: .65rem;
  color: #93c5fd;
  font-size: .8rem;
  font-family: 'Inter', sans-serif;
  padding: .55rem .75rem;
  margin-bottom: .9rem;
  line-height: 1.4;
}

.awnex-btn-spinner {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255,255,255,.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: awnex-spin .7s linear infinite;
}
@keyframes awnex-spin { to { transform: rotate(360deg); } }

.awnex-form-footer {
  text-align: center;
  margin-top: 1rem;
  font-size: .8rem;
  color: #a7b3c7;
}
.awnex-form-footer a {
  color: #0066ff;
  text-decoration: none;
  font-weight: 600;
}
.awnex-form-footer a:hover { color: #0080ff; }

/* ─── Header right ───────────────────────────────────────── */
.awnex-header-right {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-left: auto;
  flex-shrink: 0;
}

.awnex-points-badge {
  display: flex;
  align-items: center;
  gap: .35rem;
  background: linear-gradient(135deg,rgba(0,102,255,.15),rgba(139,92,246,.15));
  border: 1px solid rgba(0,102,255,.3);
  border-radius: 2rem;
  padding: .35rem .85rem;
  font-size: .8rem;
  font-weight: 600;
  color: #93c5fd;
  font-family: 'Inter', sans-serif;
  cursor: default;
  white-space: nowrap;
}
.awnex-points-badge svg { color: #f59e0b; flex-shrink: 0; }

.awnex-user-menu { position: relative; }

.awnex-user-btn {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(226,232,240,.1) !important;
  border-radius: 2rem !important;
  padding: .35rem .85rem .35rem .45rem !important;
  color: #f8fafc !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: .85rem !important;
  cursor: pointer;
  transition: background .2s, border-color .2s !important;
  white-space: nowrap;
}
.awnex-user-btn:hover {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(0,102,255,.4) !important;
}

.awnex-avatar {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg,#0066ff,#8b5cf6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: .8rem;
  font-family: 'Inter', sans-serif;
  flex-shrink: 0;
}
.awnex-avatar.lg {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.awnex-user-name { max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
.awnex-chevron { color: #a7b3c7; transition: transform .2s; }
.awnex-user-btn[aria-expanded="true"] .awnex-chevron { transform: rotate(180deg); }

/* ─── Dropdown ───────────────────────────────────────────── */
.awnex-dropdown {
  position: absolute;
  top: calc(100% + .5rem);
  right: 0;
  background: #111827;
  border: 1px solid rgba(226,232,240,.1);
  border-radius: 1rem;
  box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(0,102,255,.1);
  width: 240px;
  z-index: 9999;
  overflow: hidden;
  animation: awnex-dropdown-in .18s ease;
}
@keyframes awnex-dropdown-in {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.awnex-dropdown[hidden] { display: none !important; }

.awnex-dropdown-header {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1rem .75rem;
}
.awnex-dropdown-name {
  font-weight: 600;
  font-size: .9rem;
  color: #f8fafc;
  font-family: 'Space Grotesk', sans-serif;
}
.awnex-dropdown-email {
  font-size: .75rem;
  color: #a7b3c7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}

.awnex-dropdown-points {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0 .75rem .75rem;
  padding: .6rem .75rem;
  background: linear-gradient(135deg,rgba(0,102,255,.12),rgba(139,92,246,.12));
  border: 1px solid rgba(0,102,255,.2);
  border-radius: .6rem;
  font-size: .8rem;
  color: #93c5fd;
  font-family: 'Inter', sans-serif;
}
.awnex-dropdown-points svg { color: #f59e0b; flex-shrink: 0; }

.awnex-dropdown-divider {
  height: 1px;
  background: rgba(226,232,240,.08);
  margin: .25rem 0;
}

.awnex-dropdown-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .65rem 1rem;
  font-size: .85rem;
  font-family: 'Inter', sans-serif;
  color: #a7b3c7 !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.awnex-dropdown-item:hover {
  background: rgba(255,255,255,.06) !important;
  color: #f8fafc !important;
}
.awnex-dropdown-item.danger:hover {
  background: rgba(236,72,153,.1) !important;
  color: #f472b6 !important;
}
.awnex-dropdown-item svg { flex-shrink: 0; }

/* ─── Login/Register buttons (header, not logged in) ──────── */
.awnex-login-btn {
  display: flex;
  align-items: center;
  gap: .4rem;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(226,232,240,.1) !important;
  border-radius: .75rem !important;
  padding: .45rem 1rem !important;
  color: #a7b3c7 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: .85rem !important;
  cursor: pointer;
  transition: all .2s !important;
  white-space: nowrap;
}
.awnex-login-btn:hover {
  background: rgba(255,255,255,.1) !important;
  color: #f8fafc !important;
  border-color: rgba(0,102,255,.4) !important;
}

.awnex-register-btn {
  background: linear-gradient(135deg,#0066ff,#8b5cf6) !important;
  border: none !important;
  border-radius: .75rem !important;
  padding: .45rem 1rem !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: .85rem !important;
  cursor: pointer;
  box-shadow: 0 0 16px rgba(0,102,255,.35) !important;
  transition: opacity .2s, transform .15s !important;
  white-space: nowrap;
}
.awnex-register-btn:hover {
  opacity: .88 !important;
  transform: translateY(-1px) !important;
}

/* ─── WC login notice ────────────────────────────────────── */
.awnex-wc-login-notice {
  background: rgba(0,102,255,.08);
  border: 1px solid rgba(0,102,255,.25);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  margin-bottom: 2rem;
  color: #f8fafc;
}
.awnex-wc-login-notice p { margin-bottom: 1rem; }

/* ─── Toast ──────────────────────────────────────────────── */
#awnex-toast-container {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  pointer-events: none;
}

.awnex-toast {
  background: #111827;
  border: 1px solid rgba(226,232,240,.1);
  border-radius: .85rem;
  padding: .8rem 1.25rem;
  font-family: 'Inter', sans-serif;
  font-size: .875rem;
  color: #f8fafc;
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
  transform: translateX(120%);
  transition: transform .35s cubic-bezier(.22,1,.36,1);
  max-width: 320px;
}
.awnex-toast.is-visible { transform: translateX(0); }
.awnex-toast--success { border-left: 3px solid #10b981; }
.awnex-toast--error   { border-left: 3px solid #ec4899; }
.awnex-toast--info    { border-left: 3px solid #0066ff; }

/* ─── Referral panel ─────────────────────────────────────── */
.awnex-referral-panel { padding: .25rem 0; }
.awnex-ref-title {
  display: flex; align-items: center; gap: .4rem;
  font-weight: 600; font-size: .9rem; margin-bottom: .5rem;
  color: #0d1117;
}
.awnex-ref-desc { font-size: .8rem; color: #555; margin-bottom: .9rem; line-height: 1.4; }
.awnex-ref-link-wrap {
  display: flex; gap: .35rem; margin-bottom: .9rem;
}
.awnex-ref-link-input {
  flex: 1; padding: .45rem .65rem; border: 1.5px solid #e2e8f0;
  border-radius: 7px; font-size: .77rem; color: #333;
  background: #f8fafc; outline: none;
}
.awnex-ref-link-input:focus { border-color: #0057ff; }
.awnex-ref-copy-btn {
  padding: .45rem .6rem; background: #0057ff; color: #fff;
  border: none; border-radius: 7px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.awnex-ref-copy-btn:hover { background: #0046cc; }
.awnex-ref-stats {
  display: flex; gap: .5rem; justify-content: space-between;
}
.awnex-ref-stat {
  flex: 1; text-align: center; background: #f8fafc;
  border-radius: 8px; padding: .55rem .4rem;
}
.awnex-ref-stat-val {
  display: block; font-size: 1.2rem; font-weight: 700; color: #0057ff; line-height: 1;
}
.awnex-ref-stat-lbl {
  display: block; font-size: .68rem; color: #888; margin-top: .2rem;
}

/* ─── Responsive ─────────────────────────────────────────── */
@media (max-width: 640px) {
  .awnex-modal-box { padding: 1.75rem 1.25rem; }
  .awnex-points-badge { display: none; }
  .awnex-user-name { display: none; }
  #awnex-toast-container { bottom: 1rem; right: 1rem; left: 1rem; }
  .awnex-toast { max-width: none; }
}

/* ═══════════════════════════════════════════════════════════
   v2.1 — Improved modal, 2FA, login button styles
═══════════════════════════════════════════════════════════ */

/* ─── Modal box — enhanced ──────────────────────────────── */
.awnex-modal-box {
  background: #0d1424 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.8), 0 0 0 1px rgba(0,102,255,.12) !important;
}

/* ─── 2FA wrap — always visible when shown ──────────────── */
#awnex-2fa-wrap {
  margin-top: .25rem;
}
#awnex-2fa-wrap[hidden] { display: none !important; }

.awnex-2fa-notice {
  display: flex !important;
  align-items: flex-start !important;
  gap: .5rem !important;
  background: rgba(0,102,255,.1) !important;
  border: 1px solid rgba(0,102,255,.28) !important;
  border-radius: .65rem !important;
  color: #93c5fd !important;
  font-size: .82rem !important;
  padding: .65rem .85rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.5 !important;
  font-family: 'Inter', sans-serif !important;
}
.awnex-2fa-notice svg { flex-shrink: 0; margin-top: .1rem; }

/* 2FA code field — larger and centered */
#awnex-2fa-wrap .awnex-field input[name="totp"] {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: .3em !important;
  padding: .9rem 1rem !important;
  font-family: 'Space Grotesk', monospace, sans-serif !important;
  background: rgba(255,255,255,.05) !important;
  border: 1.5px solid rgba(0,102,255,.3) !important;
  color: #f8fafc !important;
}
#awnex-2fa-wrap .awnex-field input[name="totp"]:focus {
  border-color: #0066ff !important;
  box-shadow: 0 0 0 3px rgba(0,102,255,.2) !important;
  background: rgba(0,102,255,.07) !important;
}
#awnex-2fa-wrap .awnex-field label {
  color: rgba(255,255,255,.6) !important;
  margin-bottom: .5rem !important;
}

/* ─── Modal logo — bigger ───────────────────────────────── */
.awnex-modal-logo {
  justify-content: center;
  margin-bottom: 1.25rem;
}
.awnex-logo-icon {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: .6rem !important;
}
.awnex-logo-text {
  font-size: 1.25rem !important;
}

/* ─── Tabs — more polished ──────────────────────────────── */
.awnex-modal-tabs {
  background: rgba(255,255,255,.04) !important;
  border-radius: .875rem !important;
  padding: .25rem !important;
  margin-bottom: 1.5rem !important;
}
.awnex-tab {
  border-radius: .6rem !important;
  font-size: .84rem !important;
  font-weight: 600 !important;
  padding: .55rem .75rem !important;
}
.awnex-tab.active {
  background: linear-gradient(135deg, #0066ff, #7c3aed) !important;
  box-shadow: 0 2px 10px rgba(0,102,255,.3) !important;
}

/* ─── Form hint ─────────────────────────────────────────── */
.awnex-form-hint {
  text-align: center !important;
  margin-bottom: 1.25rem !important;
  color: rgba(255,255,255,.45) !important;
  font-size: .82rem !important;
}

/* ─── Fields — improved labels ──────────────────────────── */
.awnex-field {
  margin-bottom: .875rem !important;
}
.awnex-field label {
  color: rgba(255,255,255,.55) !important;
  font-size: .75rem !important;
  letter-spacing: .05em !important;
  margin-bottom: .3rem !important;
}

/* ─── Separator ─────────────────────────────────────────── */
.awnex-oauth-separator {
  margin: .875rem 0 !important;
  font-size: .72rem !important;
  color: rgba(255,255,255,.3) !important;
}
.awnex-oauth-separator::before,
.awnex-oauth-separator::after {
  background: rgba(255,255,255,.08) !important;
}

/* ─── Google button — improved ──────────────────────────── */
.awnex-btn-google {
  background: rgba(255,255,255,.96) !important;
  color: #1a1a2e !important;
  border: none !important;
  border-radius: .85rem !important;
  font-weight: 600 !important;
  font-size: .875rem !important;
  padding: .72rem 1.25rem !important;
  transition: background .15s !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.2) !important;
  margin-bottom: .45rem !important;
}
.awnex-btn-google:hover { background: #fff !important; }

/* ─── AWNEX OAuth button ────────────────────────────────── */
.awnex-btn-oauth {
  background: rgba(0,102,255,.12) !important;
  border: 1px solid rgba(0,102,255,.25) !important;
  color: #93c5fd !important;
  border-radius: .85rem !important;
  font-size: .875rem !important;
}
.awnex-btn-oauth:hover {
  background: rgba(0,102,255,.2) !important;
  color: #bfdbfe !important;
}

/* ─── Footer link ───────────────────────────────────────── */
.awnex-form-footer {
  color: rgba(255,255,255,.38) !important;
}
.awnex-form-footer a {
  color: #60a5fa !important;
  font-weight: 600 !important;
}
.awnex-form-footer a:hover { color: #93c5fd !important; }

/* ─── Error box ─────────────────────────────────────────── */
.awnex-error {
  font-size: .82rem !important;
  padding: .65rem .9rem !important;
  border-radius: .65rem !important;
  margin-bottom: .875rem !important;
}

/* ─── Header account buttons — adapt to dark header ─────── */
.awnex-login-btn {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 2rem !important;
  padding: .42rem 1rem !important;
  color: rgba(255,255,255,.8) !important;
  font-size: .84rem !important;
}
.awnex-login-btn:hover {
  background: rgba(255,255,255,.13) !important;
  color: #fff !important;
  border-color: rgba(0,102,255,.45) !important;
}

.awnex-register-btn {
  border-radius: 2rem !important;
  padding: .42rem 1rem !important;
  font-size: .84rem !important;
  box-shadow: 0 0 12px rgba(0,102,255,.35) !important;
}

/* ─── User button — dark header ─────────────────────────── */
.awnex-user-btn {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 2rem !important;
  padding: .38rem .9rem .38rem .45rem !important;
  color: rgba(255,255,255,.85) !important;
}
.awnex-user-btn:hover {
  background: rgba(255,255,255,.13) !important;
  border-color: rgba(0,102,255,.4) !important;
  color: #fff !important;
}

/* ─── Points badge on dark ──────────────────────────────── */
.awnex-points-badge {
  background: linear-gradient(135deg, rgba(0,102,255,.18), rgba(124,58,237,.15)) !important;
  border: 1px solid rgba(0,102,255,.28) !important;
  color: #93c5fd !important;
}

/* ─── WC login notice ───────────────────────────────────── */
.awnex-wc-login-notice {
  background: linear-gradient(135deg, rgba(0,102,255,.08), rgba(124,58,237,.06)) !important;
  border: 1px solid rgba(0,102,255,.2) !important;
  border-radius: var(--r-lg, 1rem) !important;
  padding: 2rem 1.5rem !important;
  color: var(--text, #0f172a) !important;
}
.awnex-wc-login-notice p { color: var(--text2, #334155) !important; }