/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Author: GME MemeCoin
Version: 1.0.0
*/

/* ====================
🔮 SITE TITLE STYLING
==================== */

/* Split layout using HTML-generated content fallback */
.site-title {
  position: relative;
  display: block;
  text-align: center;
  font-family: 'Orbitron', sans-serif;
  font-weight: 800;
  font-size: 2.6rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: transparent; /* Hide original */
  line-height: 1.2;
}

/* Hide anchor text */
.site-title > a {
  visibility: hidden;
  font-size: 0 !important;
}

/* Underline hidden by default */
/* Ensure site title is a hoverable container */
.site-title {
  position: relative;
  text-align: center;
  font-family: 'Orbitron', sans-serif;
  font-weight: 800;
  font-size: 2.6rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: transparent;
  display: block;
  line-height: 1.2;
}

/* Hide anchor content */
.site-title > a {
  visibility: hidden;
  font-size: 0;
}

/* First line content */
.site-title::before {
  content: "GET MONEY ECONOMICS";
  position: relative;
  display: inline-block;
  font-size: 2.6rem;
  font-weight: 900;
  color: #ff2288;
  text-shadow:
    0 0 6px #ff2288,
    0 0 12px #ff0055aa,
    0 0 24px #ff228855;
  animation: glitchTitle 2.6s infinite;
  padding-bottom: 12px;
}

/* The real underline: attach to first line (::before) */
.site-title::after {
  content: "";
  position: absolute;
  bottom: 6px; /* adjust to align visually under the text */
  left: 50%;
  width: 0;
  height: 2px;
  background: #ff2288;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  box-shadow: 0 0 6px #ff2288aa, 0 0 12px #ff228855;
  pointer-events: none;
  z-index: 1;
}

.site-title:hover::after {
  width: 60%;
  animation: glitchUnderline 0.4s infinite;
}

@keyframes glitchUnderline {
  0%   { transform: translateX(-50%) scaleX(1);    opacity: 1; }
  20%  { transform: translateX(-49%) scaleX(1.05); opacity: 0.8; }
  40%  { transform: translateX(-51%) scaleX(1.1);  opacity: 1; }
  60%  { transform: translateX(-50%) scaleX(0.95); opacity: 0.9; }
  80%  { transform: translateX(-49%) scaleX(1.02); opacity: 1; }
  100% { transform: translateX(-50%) scaleX(1);    opacity: 1; }
}


/* ====================
âš¡ SITE TAGLINE STYLING
==================== */

.site-description {
  position: relative;
  display: inline-block;
  font-family: 'Orbitron', sans-serif;
  font-size: 1.7rem;
  font-weight: bold;
  color: #00ffcc;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
    0 0 6px #00ffcc,
    0 0 12px #00ffccaa;
  animation: flickerPowerTagline 2.4s infinite alternate;
  letter-spacing: 1.2px;
  white-space: nowrap; /* ✅ Prevent mid-line break */
}

.site-description::before,
.site-description::after {
  content: "\26A1";
  display: inline-block;
  margin: 0 0.4em;
  color: #ffaa00;
  text-shadow: 0 0 6px #ffaa00, 0 0 12px #ffcc00;
  animation: flickerPowerTagline 2s infinite alternate;
}


/* ====================
🌀 KEYFRAMES
==================== */

@keyframes glitchTitle {
  0%, 100% { transform: none; }
  15%     { transform: translate(-1px, 1px); }
  30%     { transform: translate(1px, -1px); }
  45%     { transform: translate(-1px, 2px); }
  60%     { transform: translate(2px, -2px); }
  75%     { transform: translate(-1px, 1px); }
  90%     { transform: translate(1px, -1px); }
}

@keyframes glitchUnderline {
  0%   { transform: translateX(-50%) scaleX(1);    opacity: 1; }
  20%  { transform: translateX(-49%) scaleX(1.05); opacity: 0.8; }
  40%  { transform: translateX(-51%) scaleX(1.1);  opacity: 1; }
  60%  { transform: translateX(-50%) scaleX(0.95); opacity: 0.9; }
  80%  { transform: translateX(-49%) scaleX(1.02); opacity: 1; }
  100% { transform: translateX(-50%) scaleX(1);    opacity: 1; }
}

@keyframes flickerPowerTagline {
  0%, 100% {
    opacity: 1;
    text-shadow: 0 0 6px #00ffee, 0 0 12px #00ffcc;
  }
  50% {
    opacity: 0.8;
    text-shadow: 0 0 2px #00ffee55;
  }
}

@keyframes flickerSubtext {
  0%   { opacity: 1;   text-shadow: 0 0 4px #00ffcc; }
  50%  { opacity: 0.6; text-shadow: 0 0 8px #00ffee88; }
  100% { opacity: 1;   text-shadow: 0 0 4px #00ffcc; }
}

/* 🧱 Use flex to separate title + menu */
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
  gap: 20px;
}

/* 🔠 Align site title block left */
.site-branding {
  flex: 1;
  text-align: left;
}

/* 📐 Align menu block right */
.site-navigation {
  flex: 1;
  text-align: right;
}

/* 🔥 Inject pink neon arrow using ::before */
#menu-item-1757 > a::before {
  content: "\25BC";
  color: #ff2288;
  margin-left: 6px;
  font-size: 0.8em;
  text-shadow: 0 0 6px #ff2288, 0 0 12px #ff0055aa;
  transition: text-shadow 0.3s ease;
}

/* ✨ Hover glow effect */
#menu-item-1757:hover > a::before {
  text-shadow: 0 0 8px #ff2288, 0 0 16px #ff0055aa, 0 0 24px #ff228855;
}

.site-navigation ul.menu li.menu-item-has-children:after {
  content: none !important;
  display: none !important;
}
/* ========== GENERAL DASHBOARD LAYOUT ========== */
.dashboard-container {
  max-width: 1200px;
  margin: auto;
  padding: 30px 20px;
  background-color: #0d0d0d;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

.dashboard-header {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00ffff;
  margin-bottom: 25px;
}

.profile-container {
  margin-bottom: 30px;
}

.edit-profile-btn {
  background-color: #ff3c28;
  color: white;
  padding: 10px 24px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s ease;
}

.edit-profile-btn:hover {
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.8);
  transform: translateY(-2px);
}

.dashboard-sections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.dashboard-preview {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

.section-card {
  background: #111;
  border-radius: 16px;
  flex: 1 1 30%;
  min-width: 260px;
  padding: 24px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 10px #00ffcc33;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

.section-card:hover,
.section-card:focus {
  transform: scale(1.03);
  box-shadow: 0 0 20px #00ffccaa;
}

.section-icon {
  font-size: 40px;
  margin-bottom: 10px;
}

/* ========== ALPHA LOUNGE COMPONENTS ========== */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

.alpha-lounge-container {
  max-width: 900px;
  margin: 60px auto;
  padding: 40px;
  background-color: #0d0d0d;
  border-radius: 20px;
  box-shadow: 0 0 40px #00ffcc22;
}

.alpha-lounge-title {
  font-size: 36px;
  font-weight: 700;
  color: #ff3c28;
  text-align: center;
  margin-bottom: 30px;
}

.emoji {
  font-size: 1.2em;
  margin: 0 5px;
}

.alpha-post-card {
  background-color: #1a1a1a;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s ease;
  box-shadow: 0 0 15px #00ffcc22;
  position: relative;
}

.alpha-post-text {
  font-size: 18px;
  color: #fff;
  font-family: 'Share Tech Mono', monospace;
}

.vote-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  cursor: pointer;
  transition: transform 0.2s ease;
  justify-content: flex-end;
  margin-top: 8px;
}

.vote.upvote {
  color: #00ffcc;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  background: #0a0a0a;
  box-shadow: 0 0 10px #00ffcc55;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #00ffcc55;
  text-shadow: 0 0 6px #00ffcc;
  animation: pulseUpvote 2s infinite;
  position: relative; /* ✅ Required for +1 to anchor correctly */
  display: inline-block; /* ✅ Helps center the +1 correctly */
}

.vote.upvote:hover {
  transform: scale(1.2);
  color: #00ffee;
  text-shadow: 0 0 10px #00ffee;
  box-shadow: 0 0 15px #00ffccaa, 0 0 30px #00ffcc88;
}

.vote.upvote:active i {
  animation: pulseUpvote 0.4s ease;
}

.vote.upvote i {
  font-size: 20px;
  line-height: 1;
}

.vote.upvote .count {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.vote.upvote:hover .count {
  text-shadow: 0 0 10px #00ffcc;
  transform: scale(1.1);
}

@keyframes pulseUpvote {
  0% {
    transform: scale(1);
    text-shadow: 0 0 4px #00ffcc;
    box-shadow: 0 0 8px #00ffcc55;
  }
  50% {
    transform: scale(1.08);
    text-shadow: 0 0 10px #00ffee;
    box-shadow: 0 0 12px #00ffeeaa;
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 4px #00ffcc;
    box-shadow: 0 0 8px #00ffcc55;
  }
}

.vote.upvote {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; /* ✅ Center arrow & count */
  width: 40px;
  height: 60px;
  padding: 6px 0;
  gap: 4px; /* Space between arrow & number */
}

body:not(.um_role_um_alpha-member) .vote.upvote {
  color: #ff3c28;
  border: 1px solid #ff3c28;
  background: #111;
  box-shadow: 0 0 8px #ff3c28aa;
  cursor: not-allowed;
  filter: none;
  opacity: 0.6;
  text-shadow: 0 0 6px #ff3c28;
}

body:not(.um_role_um_alpha-member) .vote.upvote:hover {
  transform: scale(1.1);
  box-shadow: 0 0 15px #ff3c28aa, 0 0 30px #ff3c2888;
}

body:not(.um_role_um_alpha-member) .vote.upvote i,
body:not(.um_role_um_alpha-member) .vote.upvote .count {
  animation: redPulse 2s infinite;
}

@keyframes redPulse {
  0% { box-shadow: 0 0 4px #ff3c28; }
  50% { box-shadow: 0 0 10px #ff3c28; }
  100% { box-shadow: 0 0 4px #ff3c28; }
}

/* 🔒 Locked Tiles and Hover Preview */
.locked-tile {
  filter: blur(2px);
  opacity: 0.75;
  pointer-events: auto;
  position: relative;
  transition: all 0.3s ease-in-out;
  text-shadow: 0 0 2px #000;
  padding-bottom: 48px;
}

body:not(.um_role_um_alpha-member) .locked-tile:hover {
  filter: blur(0.5px) brightness(1.1);
  opacity: 0.95;
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
}

body.um_role_um_alpha-member .locked-tile {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: 2px solid #00ffcc !important;
  box-shadow: 0 0 12px #00ffcc88;
}

/* 🔥 Red Glowing CTA */
.alpha-cta-tile {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
  background: #0d0d0d;
  color: #ff3c28;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #ff3c28;
  box-shadow: 0 0 12px #ff3c28, 0 0 24px #ff3c28aa;
  animation: flickerCTA 2.5s infinite;
  z-index: 100;
  white-space: nowrap;
  filter: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  pointer-events: auto !important;
}

body.um_role_um_alpha-member .alpha-cta-tile {
  display: none !important;
}

@keyframes flickerCTA {
  0%, 100% { opacity: 1; }
  45% { opacity: 0.7; }
  50% { opacity: 0.3; }
  55% { opacity: 0.7; }
  60% { opacity: 1; }
}

/* ========== ALPHA TILE GRID ========== */
.alpha-tiles-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px auto 30px;
}

.alpha-tile {
  background: #111;
  padding: 24px 16px 60px;
  border-radius: 16px;
  min-width: 260px;
  max-width: 300px;
  height: 250px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 10px #00ffcc33;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*.alpha-tile:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px #00ffccaa, 0 0 40px #00ffcc55;
  border-color: #00ffcc;
*/

.alpha-tile .tile-desc {
  margin-top: 8px;
  font-size: 14px;
  color: #ccc;
}

body.um_role_um_alpha-member .join-cta {
  display: none !important;
}

/* 🔓 Unlocked hover (teal glow) */
.alpha-tile:not(.locked-tile):hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px #00ffccaa, 0 0 40px #00ffcc55;
  border-color: #00ffcc;
}

/* 🔒 Locked hover (red glow) */
body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile:hover {
  filter: blur(0.5px) brightness(1.1);
  opacity: 0.95;
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
  border-color: #ff3c28;
}
/* 🟥 Default locked tile state for non-members */
body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile {
  filter: blur(2px);
  opacity: 0.6;
  pointer-events: none;
  border: 1px solid #ff3c28;
  box-shadow: 0 0 10px #ff3c28aa;
  transition: all 0.3s ease-in-out;
}

/* 🔥 Red glow hover for non-members */
body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile:hover {
  filter: blur(0.5px) brightness(1.2);
  opacity: 0.95;
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
  pointer-events: none;
}

/* ✅ Make sure Alpha Members see all tiles CLEAR and INTERACTIVE */
body.um_role_um_alpha-member .alpha-tile.locked-tile {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  box-shadow: 0 0 12px #00ffcc88;
  border: 2px solid #00ffcc;
}

/* Keep alpha tiles blurred until wallet connection stored */
body:not(.phantom-connected) .alpha-tile.alpha-blur-enforced {
  filter: blur(2px);
  -webkit-filter: blur(2px);       /* mobile Safari */
  pointer-events: none;
}
body.phantom-connected .alpha-tile.alpha-blur-enforced {
  filter: none;
  -webkit-filter: none;
  pointer-events: auto;
}


.alpha-post-card {
  box-shadow: 0 0 20px #00ffcc55;
  background-color: #111;
  border-radius: 12px;
  border: 1px solid #00ffcc33;
  transition: all 0.3s ease;
}

.alpha-post-card:hover {
  box-shadow: 0 0 30px #00ffccaa, 0 0 50px #00ffcc88;
  transform: scale(1.02);
}

.alpha-lounge-container {
  max-width: 900px;
  margin: 60px auto;
  padding: 40px;
  background-color: #0d0d0d;
  border-radius: 20px;

  /* ✨ Softer outer glow to match lounge */
  box-shadow:
    0 0 10px #00ffcc22,
    0 0 25px #00ffcc33,
    0 0 30px #00ffcc22;
}

/* 🔄 Toned-down pulse for unlocked upvote */
@keyframes pulseUpvote {
  0% {
    transform: scale(1);
    text-shadow: 0 0 4px #00ffcc;
    box-shadow: 0 0 8px #00ffcc55;
  }
  50% {
    transform: scale(1.08);
    text-shadow: 0 0 10px #00ffee;
    box-shadow: 0 0 12px #00ffeeaa;
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 4px #00ffcc;
    box-shadow: 0 0 8px #00ffcc55;
  }
}

.vote.upvote {
  animation: pulseUpvote 2.4s infinite;
}

/* 🔒 Locked vote (non-Alpha Members) */
body:not(.um_role_um_alpha-member) .vote.upvote {
  color: #ff3c28;
  border: 1px solid #ff3c28;
  background: #0a0a0a;
  box-shadow: 0 0 8px #ff3c28aa;
  cursor: not-allowed;
  opacity: 0.6;
  text-shadow: 0 0 4px #ff3c28;
}

body:not(.um_role_um_alpha-member) .vote.upvote:hover {
  transform: scale(1.05);
  box-shadow: 0 0 12px #ff3c28aa, 0 0 20px #ff3c2855;
}

/* 🔕 Locked icon + count styles */
body:not(.um_role_um_alpha-member) .vote.upvote i,
body:not(.um_role_um_alpha-member) .vote.upvote .count {
  color: #ff3c28;
  text-shadow: 0 0 6px #ff3c28;
  animation: redPulse 2s infinite;
}

@keyframes redPulse {
  0%, 100% { box-shadow: 0 0 4px #ff3c28; }
  50% { box-shadow: 0 0 12px #ff3c28; }
}

/* 🔒 Toned-down locked vote glow */
body:not(.um_role_um_alpha-member) .vote.upvote {
  color: #ff3c28;
  border: 1px solid #ff3c28;
  background: #0d0d0d;
  box-shadow: 0 0 6px #ff3c2844;
  cursor: not-allowed;
  opacity: 0.65;
  text-shadow: 0 0 4px #ff3c28;
  transform: none !important;
}

/* 🔕 Refined red pulse */
@keyframes redPulse {
  0%, 100% { box-shadow: 0 0 4px #ff3c28; }
  50% { box-shadow: 0 0 8px #ff3c28aa; }
}

body:not(.um_role_um_alpha-member) .vote.upvote i,
body:not(.um_role_um_alpha-member) .vote.upvote .count {
  animation: redPulse 2s infinite;
}

body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile {
  pointer-events: auto; /* allow hover */
}

body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile:hover {
  filter: blur(0.5px) brightness(1.15);
  opacity: 0.95;
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
  transition: all 0.3s ease-in-out;
}

/* 🔒 Default locked tiles (for non-Alphas) */
.alpha-tile.locked-tile {
  filter: blur(2px);
  opacity: 0.6;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
}

/* 👁️ Hover preview for non-Alpha members */
body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile:hover {
  filter: blur(0.5px) brightness(1.2) !important;
  opacity: 0.95 !important;
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
  transition: all 0.3s ease-in-out !important;
}

/* 🔓 Unlock for Alpha Members */
body.um_role_um_alpha-member .alpha-tile.locked-tile {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  box-shadow: 0 0 12px #00ffcc88 !important;
  border: 2px solid #00ffcc !important;
}

/* ✅ Fix hover effect on mobile & prevent flicker */
.alpha-tile-wrapper {
  position: relative;
  z-index: 1;
}

.alpha-lounge-landing {
  max-width: 1100px;
  margin: auto;
  border-radius: 16px;
  box-shadow:
    0 0 18px #00ffcc,
    0 0 36px #00ffcc88,
    0 0 72px #00ffcc55,
    0 0 96px #00ffcc33;
}

.lounge-headline {
  font-size: 36px;
  color: #ff3c28;
  margin-bottom: 10px;
}

.lounge-subtext {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 40px;
}

/* Layout fix */
.alpha-tiles-row {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.alpha-tile-wrapper {
  position: relative;
  z-index: 1;
}

.alpha-tile {
  background: #111;
  padding: 24px 16px 60px;
  border-radius: 16px;
  min-width: 260px;
  max-width: 300px;
  height: 250px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 10px #00ffcc33;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tile-desc {
  font-size: 14px;
  color: #ccc;
  margin-top: 8px;
}

.alpha-cta-tile {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  background: #0d0d0d;
  color: #ff3c28;
  font-weight: bold;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #ff3c28;
  box-shadow: 0 0 12px #ff3c28, 0 0 24px #ff3c28aa;
  animation: flickerCTA 2.5s infinite;
  z-index: 5;
  white-space: nowrap;
}

@keyframes flickerCTA {
  0%, 100% { opacity: 1; }
  45% { opacity: 0.7; }
  50% { opacity: 0.3; }
  55% { opacity: 0.7; }
  60% { opacity: 1; }
}

/* 🔒 Locked State (non-members) */
body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile {
  filter: blur(2px);
  opacity: 0.6;
  pointer-events: auto;
  border: 1px solid #ff3c28;
  box-shadow: 0 0 10px #ff3c28aa;
}

body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile:hover {
  filter: blur(0.5px) brightness(1.2);
  opacity: 0.95;
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
}

/* 🔓 Alpha Members */
body.um_role_um_alpha-member .alpha-tile.locked-tile {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: 2px solid #00ffcc !important;
  box-shadow: 0 0 12px #00ffcc88;
}

body.um_role_um_alpha-member .alpha-cta-tile {
  display: none !important;
}

.join-cta {
  margin-top: 40px;
}

.join-btn {
  display: inline-block;
  background: #ff3c28;
  padding: 12px 30px;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 10px #ff3c28aa;
  transition: background 0.3s ease;
}

.join-btn:hover {
  background: #ff6650;
}

/* 🔓 Locked tiles preview on hover (non-members only) */
body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile {
  filter: blur(2px);
  opacity: 0.6;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ff3c28;
  box-shadow: 0 0 10px #ff3c28aa;
}

body:not(.um_role_um_alpha-member) .alpha-tile.locked-tile:hover {
  filter: blur(0.5px) brightness(1.15);
  opacity: 0.95;
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 25px #ff3c28aa, 0 0 40px #ff3c2888;
}

/* 🔒 Default state: show locked, hide unlocked */
.alpha-card .lock-locked {
  display: inline-block !important;
}
.alpha-card .lock-unlocked {
  display: none !important;
}

/* 🔓 Alpha Members only: hide locked, show unlocked */
body.um_role_um_alpha-member .alpha-card .lock-locked {
  display: none !important;
}
body.um_role_um_alpha-member .alpha-card .lock-unlocked {
  display: inline-block !important;
}

/* 💸 Floating +1 Burst */
.upvote-plus-one {
  position: absolute;
  font-size: 18px;
  color: #00ffcc;
  font-weight: bold;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  animation: plusOneFloat 0.6s ease-out forwards;
  pointer-events: none;
  text-shadow: 0 0 5px #00ffcc, 0 0 10px #00ffcc;
  z-index: 10;
}

@keyframes plusOneFloat {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-25px);
  }
}

/* ✅ Always show alpha content but blur it until revealed */
.alpha-post-content {
  -webkit-filter: none;
  filter: none;
  max-height: 200px;
  overflow: hidden;
  opacity: 1;
  transition: filter 0.3s ease, opacity 0.3s ease;
  padding-left: 10px;
  padding-right: 40px;
  padding-top: 10px;
  text-align: left;
}

/* 🔒 Blurred by default */
.alpha-post-content.blurred {
  -webkit-filter: blur(6px); /* ensure blur works on iOS Safari */
  filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* extra mobile support */
  backdrop-filter: blur(6px);
  pointer-events: none;
  user-select: none;
  opacity: 0.8;
  animation: glitchBlur 1.8s infinite ease-in-out;
}

/* 🛑 Remove animation after reveal */
.alpha-post-card.revealed .alpha-post-content {
  animation: none !important;
  filter: none !important;
  pointer-events: auto;
  user-select: auto;
  opacity: 1;
  max-height: 1000px;
}

/* 🔓 Fully revealed on click */
.alpha-post-card.revealed .alpha-post-content {
  filter: none !important;
  pointer-events: auto;
  user-select: auto;
  opacity: 1;
  max-height: 1000px;
}

.reveal-btn {
  margin-top: 10px;
  background: #00ffcc;
  color: #000;
  font-weight: bold;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.reveal-btn:hover {
  background: #00bbaa;
  box-shadow: 0 0 6px #00ffcc, 0 0 12px #00ffcc;
}

@keyframes glitchBlur {
  0% {
    filter: blur(3px) brightness(1.2);
    transform: translate(0);
    opacity: 0.8;
  }
  20% {
    transform: translate(-1px, 1px);
    filter: blur(4px) brightness(1.3);
  }
  40% {
    transform: translate(1px, -1px);
    filter: blur(3px) brightness(1.4);
  }
  60% {
    transform: translate(-2px, 2px);
    filter: blur(5px) brightness(1.1);
  }
  80% {
    transform: translate(1px, -2px);
    filter: blur(3px) brightness(1.2);
  }
  100% {
    transform: translate(0);
    filter: blur(6px);
    opacity: 0.8;
  }
}

/* 🎞️ Apply to blurred alpha content only */
.alpha-post-content.blurred {
  animation: glitchBlur 1.8s infinite ease-in-out;
}

.alpha-post-text.teaser {
  position: relative;
  display: inline-block;
  color: #fff;
  font-family: 'Share Tech Mono', monospace;
  animation: glitchAnim 1s steps(2, jump-none) infinite;
}

.alpha-post-text.teaser::before,
.alpha-post-text.teaser::after {
  content: attr(data-glitch);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.6;
}

.alpha-post-text.teaser::before {
  color: #00ffcc;
  clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
}

.alpha-post-text.teaser::after {
  color: #ff3c28;
  clip-path: polygon(0 66%, 100% 66%, 100% 100%, 0 100%);
}

@keyframes glitchAnim {
  0% { transform: translate(0); }
  20% { transform: translate(-2px, 2px); }
  40% { transform: translate(2px, -1px); }
  60% { transform: translate(-1px, 2px); }
  80% { transform: translate(2px, 1px); }
  100% { transform: translate(0); }
}

.submit-alpha-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: -20px;
}





/* 🔥 Alpha Submission Form Wrapper */
.alpha-submission-box {
  background: #000;
  padding: 30px;
  border-radius: 12px;
  border: 1px solid #00ffcc;
  box-shadow: 0 0 20px #00ffcc66;
  margin-bottom: 40px;
}

/* 🧠 Form Title */
.alpha-submission-box h2 {
  color: #00ffcc;
  font-size: 28px;
  margin-bottom: 25px;
  text-shadow: 0 0 8px #00ffcc;
}

/* ✍️ Input Fields */
.alpha-submission-box input[type="text"],
.alpha-submission-box textarea {
  width: 100%;
  background: #111;
  color: #fff;
  border: 1px solid #00ffcc;
  padding: 14px 18px;
  font-size: 16px;
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: inset 0 0 10px #00ffcc33;
}

/* 🚀 Submit Button */
.submit-alpha-btn {
  background: linear-gradient(90deg, #00ffcc, #00bbaa) !important;
  color: #000 !important;
  border: none;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  box-shadow: 0 0 10px #00ffccaa !important;
  cursor: pointer;
  transition: all 0.3s ease;
}

.submit-alpha-btn:hover {
  background: #00e6b8 !important;
  box-shadow: 0 0 20px #00ffcc, 0 0 40px #00ffcc !important;
  transform: scale(1.03);
}

/* ✨ Emoji Labels (optional) */
.alpha-submission-box .emoji-label {
  margin-bottom: 8px;
  display: block;
  font-weight: bold;
  color: #ccc;
  font-size: 14px;
}

.alpha-submission-box {
  max-width: 700px;
  margin: 0 auto 40px auto; /* center horizontally + bottom spacing */
  padding: 25px;
}


.alpha-feed-wrapper {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px;
}

.alpha-submission-box,
.alpha-feed-title {
  margin-bottom: 30px;
}

.alpha-feed-wrapper input,
.alpha-feed-wrapper textarea,
.alpha-feed-wrapper button {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .alpha-feed-wrapper {
    padding: 10px;
  }
}

.alpha-submission-box input,
.alpha-submission-box textarea {
  margin-bottom: 15px;
}



/* Disabled State */
html body .submit-alpha-btn:disabled,
html body button.submit-alpha-btn:disabled,
html body .submit-alpha-btn[disabled],
html body button.submit-alpha-btn[disabled],
html body .submit-alpha-btn:disabled:hover,
html body .submit-alpha-btn[disabled]:hover {
  background-color: #1a1a1a !important;
  color: #888 !important;
  border: none !important;
  box-shadow: 0 0 10px #111 !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  filter: none !important;
  transition: none !important;
}

/* 🌌 Matrix-style dropdown with tight spacing & glow hover */
header .site-navigation ul.sub-menu,
header .site-navigation ul.sub-menu li,
header .site-navigation ul.sub-menu li a {
  background: rgba(0, 0, 0, 0.6) !important;
  color: #00ffcc !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 8px 16px !important;     /* tighter vertical & horizontal spacing */
  line-height: 1.2 !important;      /* reduce vertical space between items */
  transition: color 0.2s ease, text-shadow 0.3s ease;
  margin: 0 !important;
}

/* 🔲 Base Dropdown - semi-transparent background with subtle blur */
header .site-navigation ul.sub-menu,
header .site-navigation ul.sub-menu li,
header .site-navigation ul.sub-menu li a {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #00ffcc !important;
  text-shadow: 0 0 3px #00ffcc;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 10px 16px !important;
  border-radius: 6px;
  transition: all 0.3s ease;
}

/* 💡 Text glow only on hover */
header .site-navigation ul.sub-menu li a {
  background: rgba(0, 0, 0, 0.4) !important; /* Semi-transparent background */
  color: #00ffcc !important;
  text-shadow: none !important;
  transition: text-shadow 0.3s ease;
}

header .site-navigation ul.sub-menu li a:hover {
  color: #00ffcc !important;
  text-shadow: 0 0 6px #00ffcc, 0 0 12px #00ffcc !important;
}

/* 🌐 Top-level menu links */
header .site-navigation ul.menu > li > a {
  color: #00ffcc !important;
  text-shadow: none !important;
  transition: text-shadow 0.3s ease;
}

/* ✨ Glow on hover (main menu + dropdown) */
header .site-navigation ul.menu > li > a:hover,
header .site-navigation ul.sub-menu li a:hover {
  text-shadow: 0 0 6px #00ffcc, 0 0 12px #00ffcc !important;
  color: #00ffcc !important;
}

/* === Scoped Register Button === */
/* Ultimate Member login: keep button glow from bleeding into checkbox text */
.um-login .um-form .um-field-type_checkbox,
.um-login .um-form .um-field-checkbox,
.um.um-login .um-form .um-field-type_checkbox,
.um.um-login .um-form .um-field-checkbox {
  position: relative;
  z-index: 3;
}

.um.um-login .um-form input.um-submit-btn.um-button,
.um.um-login .um-form #um-submit-btn,
.um-login .um-form input.um-submit-btn.um-button,
.um-login .um-form #um-submit-btn {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  /* Disable constant glow/pulse (hover glow stays via existing :hover rule) */
  box-shadow: none !important;
  text-shadow: none !important;
  animation: none !important;
  /* Normalize sizing on login page (overrides global `#um-submit-btn` block) */
  box-sizing: border-box !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 20px !important;
  border-radius: 10px !important;
}

/* Login/Register button row spacing + alignment + uniform styling (login form only) */
.um-login .um-form .um-col-alt,
.um.um-login .um-form .um-col-alt {
  margin-top: 24px !important; /* ~1/4 inch */
}

/* Create the visual gap without changing UM's internal float layout */
.um-login .um-form .um-col-alt .um-left.um-half,
.um.um-login .um-form .um-col-alt .um-left.um-half {
  padding-right: 9px;
  box-sizing: border-box;
  width: 50% !important;
}

.um-login .um-form .um-col-alt .um-right.um-half,
.um.um-login .um-form .um-col-alt .um-right.um-half {
  padding-left: 9px;
  box-sizing: border-box;
  width: 50% !important;
}

/* Make both buttons same size + edges */
.um-login .um-form .um-col-alt input.um-submit-btn.um-button,
.um.um-login .um-form .um-col-alt input.um-submit-btn.um-button,
.um-login .um-form .um-col-alt a.um-button.um-alt,
.um.um-login .um-form .um-col-alt a.um-button.um-alt {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  border-width: 0 !important;
  border-radius: 10px !important;
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease-in-out !important;
}

/* Keep the input label vertically centered */
.um-login .um-form .um-col-alt input.um-submit-btn.um-button,
.um.um-login .um-form .um-col-alt input.um-submit-btn.um-button {
  line-height: 52px !important;
}

/* Ensure the Register <a> centers like the input */
.um-login .um-form .um-col-alt a.um-button.um-alt,
.um.um-login .um-form .um-col-alt a.um-button.um-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  line-height: 1;
  text-align: center;
  border: none !important;
  background: #f2f2f2 !important;
  color: #666 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Uniform hover glow for both Login + Register */
.um-login .um-form .um-col-alt input.um-submit-btn.um-button:hover,
.um.um-login .um-form .um-col-alt input.um-submit-btn.um-button:hover,
.um-login .um-form .um-col-alt a.um-button.um-alt:hover,
.um.um-login .um-form .um-col-alt a.um-button.um-alt:hover {
  background: #000 !important;
  color: #ff0033 !important;
  text-shadow:
    0 0 4px #ff0033,
    0 0 10px #ff0033,
    0 0 20px #ff0033,
    0 0 30px #ff0033 !important;
  box-shadow:
    0 0 25px #ff0033,
    0 0 60px #ff0033 !important;
  transform: scale(1.04);
}

#um-submit-btn {
  background: #ff0033 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 0 0 20px #ff0033, 0 0 50px #ff0033 !important;
  text-shadow:
    0 0 2px #fff,
    0 0 6px #ff0033,
    0 0 10px #ff0033,
    0 0 14px #ff0033 !important;
  transition: all 0.3s ease-in-out !important;
  animation: glowPulse 2s infinite ease-in-out;
}

/* === Hover Effect === */
#um-submit-btn:hover {
  background: #000 !important;
  color: #ff0033 !important;
  text-shadow:
    0 0 4px #ff0033,
    0 0 10px #ff0033,
    0 0 20px #ff0033,
    0 0 30px #ff0033 !important;
  box-shadow:
    0 0 25px #ff0033,
    0 0 60px #ff0033 !important;
  transform: scale(1.06);
}

/* === Glowing Pulse Animation === */
@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 15px #ff0033, 0 0 25px #ff0033;
    text-shadow: 0 0 6px #ff0033;
  }
  50% {
    box-shadow: 0 0 30px #ff0033cc, 0 0 50px #ff0033aa;
    text-shadow: 0 0 12px #ff0033;
  }
}

/* Match Register font to Login button style */
.um.um-register input[type="submit"] {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 16px !important;
  color: #ffffff !important;
  background: #b7001c !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 28px !important;
  box-shadow: 0 0 20px #ff0033, 0 0 50px #ff0033 !important;
  text-shadow:
    0 0 2px #fff,
    0 0 6px #ff0033,
    0 0 10px #ff0033,
    0 0 14px #ff0033 !important;
  transition: all 0.3s ease-in-out !important;
}

.um.um-register input[type="submit"]:hover {
  background: #000 !important;
  color: #ff0033 !important;
  text-shadow:
    0 0 4px #ff0033,
    0 0 10px #ff0033,
    0 0 20px #ff0033,
    0 0 30px #ff0033 !important;
  box-shadow:
    0 0 25px #ff0033,
    0 0 60px #ff0033 !important;
  transform: scale(1.06);
}

/* 🔧 Fix Mobile Menu Background */
@media (max-width: 1024px) {
  .site-navigation-dropdown {
    background: #000000 !important; /* solid black or dark background */
    color: #00ffcc !important; /* neon teal text */
    border-top: 1px solid #00ffcc;
  }

  .site-navigation-dropdown ul li a {
    color: #00ffcc !important;
    text-shadow: 0 0 5px #00ffcc;
    font-weight: bold;
    padding: 14px 20px;
    display: block;
  }

  .site-navigation-dropdown ul li a:hover {
    background: #111111 !important;
    color: #ff0033 !important;
    text-shadow: 0 0 6px #ff0033;
  }


.um-profile-meta i {
  color: #00ffcc; /* neon teal */
  text-shadow: 0 0 5px #00ffcc, 0 0 10px #00ffcc;
  transition: transform 0.2s ease;
}
.um-profile-meta i:hover {
  transform: scale(1.1);
}
}


/* Profile Meta Icon Styling */
.um-profile-meta i {
  color: #00ffcc;
  text-shadow: 0 0 5px #00ffcc, 0 0 10px #00ffcc;
  transition: transform 0.2s ease;
}

.um-profile-meta i:hover {
  transform: scale(1.1);
}

/* ✅ FULL OVERRIDE FOR MOBILE MENU LINK BG COLOR */
.site-navigation-dropdown ul.menu li a,
.site-navigation-dropdown ul li a {
  background-color: #000000 !important;
  color: #00ffcc !important;
  text-shadow: 0 0 6px #00ffcc;
  font-weight: bold;
  padding: 14px 20px;
  display: block;
}

/* Wallet UI Container */
.wallet-ui {
  position: relative;
  display: inline-block;
  z-index: 10;
}

/* Main Connect Button */
.wallet-glow-btn {
  background: #000;
  border: 1px solid #00ffcc;
  color: #00ffcc;
  padding: 10px 20px;
  font-family: 'Orbitron', sans-serif;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 0 12px #00ffcc;
  transition: all 0.2s ease;
  z-index: 11;
}

/* Hover Style */
.wallet-glow-btn:hover {
  background: #00ffcc;
  color: #000;
  box-shadow: 0 0 20px #00ffcc;
}



/* Wallet Options */
.wallet-option {
  background: transparent;
  border: none;
  color: #00ffcc;
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  padding: 8px 0;
  text-align: left;
  cursor: pointer;
}

.wallet-option:hover {
  background: #00ffcc;
  color: #000;
}

/* Hide by default */
.hidden {
  display: none !important;
}





/* 🔘 Wallet Button */
#wallet-connect-button.wallet-glow-btn {
  position: relative;
  z-index: 2;
}



/* 🧙 Dropdown Animation */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ✨ Wallet Options */
.wallet-option {
  background: #ff3c28;
  color: white;
  font-weight: bold;
  padding: 10px 18px; /* updated for better spacing */
  border: none;
  margin-bottom: 8px; /* updated for visual separation */
  border-radius: 10px; /* increased for a smoother look */
  cursor: pointer;
  transition: all 0.2s ease;
}

.wallet-option:hover {
  background: #ff664d;
}

.wallet-option:last-child {
  margin-bottom: 0; /* remove gap after last button */
}

/* 🔒 Hide class */
.hidden {
  display: none;
}



body:not(.logged-in) #wallet-connect-container {
  display: none !important;
}

.reveal-btn.locked-btn {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(1);
  cursor: not-allowed;
  background: #222 !important;
  color: #ff5555 !important;
  box-shadow: none !important;
  font-weight: bold;
  text-shadow: 0 0 8px #ff0000;
}

.gme-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: rgba(0, 0, 0, 0.8);
  color: #00ffcc;
  padding: 14px 20px;
  border-radius: 12px;
  box-shadow: 0 0 12px #00ffcc;
  font-weight: bold;
  z-index: 9999;
  animation: fadeInOut 3s ease-in-out;
}
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(20px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(20px); }
}

button.wallet-glow-btn {
  background: linear-gradient(to right, #ff0033, #ff6600);
  border: none;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  margin: 5px;
  font-size: 16px;
  border-radius: 12px;
  box-shadow: 0 0 12px #ff0033, 0 0 24px #ff6600;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

button.wallet-glow-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 16px #ff0033, 0 0 32px #ff6600;
}

#wallet-connect-container {
  text-align: center;
  margin-top: 2rem;
}

.wallet-button {
  background: linear-gradient(90deg, #ff5500, #ff8800);
  border: none;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 8px;
  box-shadow: 0 0 10px #ff8800;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.wallet-button:hover {
  transform: scale(1.05);
}

.wallet-label {
  font-weight: bold;
  color: #fff;
}

/* Secret Hero Section */
.secret-hero {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at center, #0f0f0f, #000000);
  position: relative;
  overflow: hidden;
  text-align: center;
}

.inner-hero {
  z-index: 2;
  max-width: 800px;
  padding: 2rem;
}

/* Glitch Title */
.glitch-title {
  font-size: 4rem;
  color: #00ffcc;
  text-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc99;
  animation: glitch 2s infinite;
}

@keyframes glitch {
  0% { text-shadow: 2px 2px #ff0044; }
  25% { text-shadow: -2px -2px #00ffcc; }
  50% { text-shadow: 2px -2px #ff0044; }
  75% { text-shadow: -2px 2px #00ffcc; }
  100% { text-shadow: 2px 2px #ff0044; }
}

/* Subheading */
.glitch-sub {
  color: #ccc;
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  animation: fadeInUp 1.5s ease forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  to { opacity: 1; transform: translateY(0); }
  from { opacity: 0; transform: translateY(20px); }
}

/* Button */
.glow-btn {
  display: inline-block;
  padding: 14px 32px;
  color: #000;
  font-weight: bold;
  background: #00ffcc;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 0 15px #00ffcc, 0 0 40px #00ffcc66;
  transition: all 0.3s ease;
}

.glow-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px #ff0044, 0 0 60px #ff004488;
  background: #ff0044;
  color: #fff;
}
.alpha-post-meta {
  font-size: 0.85rem;
  color: #999;
  margin-bottom: 0.5rem;
}

.alpha-post-meta .post-author {
  color: #00ffcc;
  font-weight: 600;
}

.alpha-post-meta .post-date {
  color: #bbb;
}
/* ===================== ALPHA POST CARD – FINALIZED STYLE ===================== */

.alpha-post-card {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #00ffcc;
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 0 12px #00ffcc66, 0 0 24px #00ffcc33;
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
}

.alpha-post-card:hover {
  box-shadow: 0 0 24px #00ffcc99, 0 0 48px #00ffcc55;
  transform: translateY(-2px) scale(1.01);
}

.alpha-post-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Meta (username + date) */
.alpha-post-meta {
  font-size: 0.85rem;
  color: #999;
  margin-bottom: 0.5rem;
}
.alpha-post-meta .post-author {
  color: #00ffcc;
  font-weight: 600;
}
.alpha-post-meta .post-date {
  color: #bbb;
}

/* Title with glitch effect */
.alpha-post-text {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Share Tech Mono', monospace;
  color: #fff;
  margin-bottom: 10px;
}

/* Alpha content container */
.alpha-post-content {
  font-size: 15px;
  color: #eee;
  line-height: 1.6;
  padding: 10px 0;
  opacity: 1;
  overflow: hidden;
  max-height: 200px;
  transition: all 0.4s ease;
}

.alpha-post-content p {
  margin-bottom: 0.75rem;
}

/* Reveal state logic */
.alpha-post-content.blurred {
  -webkit-filter: blur(6px); /* fix mobile blur */
  filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* extra mobile support */
  backdrop-filter: blur(6px);
  pointer-events: none;
  user-select: none;
  opacity: 0.8;
  animation: glitchBlur 1.8s infinite ease-in-out;
}

.alpha-post-card.revealed .alpha-post-content {
  filter: none !important;
  pointer-events: auto;
  user-select: auto;
  opacity: 1;
  animation: none !important;
  max-height: 800px;
}

/* 🔽 Bottom Left Buttons */
.alpha-post-actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: auto;
}

.alpha-post-actions .btn {
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border-radius: 8px;
  border: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.btn-reveal {
  /* Neon teal cyberpunk style */
  background-color: #00ffcc;
  color: #000;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.6);
}

.btn-tip {
  /* Neon pink to complement reveal button */
  background-color: #ff2288;
  color: #000;
  box-shadow: 0 0 10px rgba(255, 34, 136, 0.6);
}

.btn.locked {
  background: #444;
  color: #bbb;
  cursor: not-allowed;
  opacity: 0.75;
}

.btn:hover:not(.locked) {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
}

/* Upvote bubble */
.vote-bar {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.vote.upvote {
  color: #00ffcc;
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 255, 204, 0.1);
  padding: 6px 10px;
  border-radius: 8px;
  box-shadow: 0 0 10px #00ffcc44;
  transition: all 0.2s ease;
}

.vote.upvote:hover {
  background: #00ffcc22;
  box-shadow: 0 0 16px #00ffcc99;
  transform: scale(1.05);
}

.vote.upvote:active {
  transform: scale(0.95);
}

/* Badge for Top 1-3 ranked posts */
.top-rank-badge {
  position: absolute;
  left: 50%;
  top: -32px;
  transform: translateX(-50%);
  min-width: 172px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 26px 10px 22px;
  border-radius: 999px;
  background: rgba(14,20,40,0.19);
  font-size: 1.09rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  border: 2.2px solid #00ffe7;
  box-shadow:
    0 0 12px #00ffe7aa,
    0 0 44px #ff00c822,
    0 0 80px #00fff799;
  color: #fff;
  text-shadow:
    0 0 6px #00ffe7,
    0 0 18px #ff00c8,
    0 0 14px #00ffe7;
  filter: blur(0) brightness(1.19) saturate(1.2);
  backdrop-filter: blur(4.5px) brightness(1.12);
  user-select: none;
  z-index: 15;
  animation: badgeCyberGlow 2s infinite alternate cubic-bezier(.7,0,.3,1);
  margin-bottom: 8px;
}

@keyframes badgeCyberGlow {
  0%   { box-shadow: 0 0 18px #00ffe7cc, 0 0 42px #ff00c88c, 0 0 22px #00ffe7cc; }
  60%  { box-shadow: 0 0 36px #ff00c888, 0 0 80px #00ffe799, 0 0 30px #ff00c899; }
  100% { box-shadow: 0 0 30px #00ffe7bb, 0 0 70px #ff00c888, 0 0 28px #00ffe7bb; }
}

/* 🥇 Top Rank */

.top-rank-badge.rank-1 {
  border-color: #ff00c8;
  color: #ffffff;
  box-shadow:
    0 0 20px #ff00c8,
    0 0 60px #ff00c888,
    0 0 100px #ff00c866;
  background: linear-gradient(135deg, #ff00c8, #00ffe7);
}
.top-rank-badge.rank-1::before { content: "🥇"; margin-right: 8px; }

/* 🥈 Second Place */

.top-rank-badge.rank-2 {
  border-color: #2d70ff;
  color: #ffffff;
  box-shadow:
    0 0 20px #2d70ff,
    0 0 50px #2d70ff88,
    0 0 80px #2d70ff66;
  background: linear-gradient(135deg, #2d70ff, #00ffe7);
}
.top-rank-badge.rank-2::before { content: "🥈"; margin-right: 8px; }

/* 🥉 Third Place */

.top-rank-badge.rank-3 {
  border-color: #b677ff;
  color: #ffffff;
  box-shadow:
    0 0 20px #b677ff,
    0 0 50px #b677ff88,
    0 0 80px #b677ff66;
  background: linear-gradient(135deg, #b677ff, #00ffe7);

}

/* Sort bar at top of feed */
.alpha-sort-toggle {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.sort-btn {
  background: transparent;
  color: #ccc;
  border: 1px solid #00ffcc;
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sort-btn:hover {
  background: #00ffcc22;
  color: #00ffcc;
  box-shadow: 0 0 8px #00ffcc88;
}

.sort-btn.active {
  background: #00ffcc;
  color: #000;
  box-shadow: 0 0 12px #00ffccaa;
}

/* Glitch animation for blurred content */
@keyframes glitchBlur {
  0% { filter: blur(3px) brightness(1.2); transform: translate(0); opacity: 0.8; }
  20% { transform: translate(-1px, 1px); filter: blur(4px) brightness(1.3); }
  40% { transform: translate(1px, -1px); filter: blur(3px) brightness(1.4); }
  60% { transform: translate(-2px, 2px); filter: blur(5px) brightness(1.1); }
  80% { transform: translate(1px, -2px); filter: blur(3px) brightness(1.2); }
  100% { transform: translate(0); filter: blur(6px); opacity: 0.8; }
}

/* ✅ Force revealed card to expand with content */
.alpha-post-card.revealed {
  height: auto !important;
  max-height: none !important;
}

/* ✅ Expand logic inside .alpha-post-card scope */
.alpha-post-card .alpha-post-content {
  max-height: 200px;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.alpha-post-card.revealed .alpha-post-content {
  max-height: 1000px;
  overflow: visible;
  opacity: 1;
  filter: none;
  user-select: auto;
  pointer-events: auto;
  animation: none;
}

.alpha-post-card.revealed {
  height: auto;
  max-height: none;
}

/* 🎖️ Special Highlight for Top Alpha Posts */
.top-signal-badge {
  display: inline-block;
  background: linear-gradient(90deg, #ff9900, #ff5e00);
  color: #fff;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  box-shadow: 0 0 12px #ff6600aa;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  animation: topSignalGlow 2s ease-in-out infinite alternate;
}

/* ✨ Subtle pulsing animation */
@keyframes topSignalGlow {
  0% {
    box-shadow: 0 0 10px #ff660088;
    transform: translateY(0);
  }
  100% {
    box-shadow: 0 0 20px #ff6600dd;
    transform: translateY(-2px);
  }
}

.top-signal-badge span {
  display: inline-block;
  animation: crownWobble 1.8s infinite ease-in-out alternate;
  font-size: 1.2em;
}

.top-signal-container {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}

.top-signal-badge {
  background: linear-gradient(to right, #ff6600, #ffcc00);
  color: #000;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.85rem;
  box-shadow: 0 0 8px #ff9900aa, 0 0 12px #ffcc0088;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.top-signal-badge span {
  display: inline-block;
  animation: crownWobble 1.8s infinite ease-in-out alternate;
  font-size: 1.2em;
}

/* The wobble animation for the fire emoji */
@keyframes crownWobble {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(5deg) scale(1.05); }
  100% { transform: rotate(-5deg) scale(1); }
}

@keyframes crownWobble {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(5deg) scale(1.05); }
  100% { transform: rotate(-5deg) scale(1); }
}

/* === 💰 Entry / 🎯 Target / 🛑 Stop Row === */
.alpha-entry-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 16px 24px;
  margin-top: 32px;
  border-top: 1px solid #333;
  flex-wrap: wrap;

  /* 🔒 Hidden until reveal */
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

.alpha-entry-row > div {
  flex: 1;
  min-width: 120px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.4;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

.alpha-entry-row > div strong {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 600;
}

/* ✅ On Reveal — animate main row */
.alpha-post-card.revealed .alpha-entry-row {
  opacity: 1;
  transform: translateY(0);
}

/* ✅ On Reveal — stagger individual blocks */
.alpha-post-card.revealed .alpha-entry-row > div:nth-child(1) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}
.alpha-post-card.revealed .alpha-entry-row > div:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
.alpha-post-card.revealed .alpha-entry-row > div:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}

/* 🧪 Optional Staggered Reveal (sorted view only) */
.alpha-post-card.revealed .alpha-entry-row > div:nth-child(1) {
  transition-delay: 0.1s;
}
.alpha-post-card.revealed .alpha-entry-row > div:nth-child(2) {
  transition-delay: 0.2s;
}
.alpha-post-card.revealed .alpha-entry-row > div:nth-child(3) {
  transition-delay: 0.3s;
}

/* 🚀 Centered Alpha Feed Title */
.alpha-feed-title {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 auto 16px;
  padding: 12px 0;
  color: #ffffff;
  letter-spacing: 0.5px;
  line-height: 1.4;
  text-shadow: 0 0 6px rgba(0, 255, 200, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}

/* 🩶 Optional: Title Float Animation */
.alpha-feed-title span {
  display: inline-block;
  animation: floatTitle 3s ease-in-out infinite;
}

@keyframes floatTitle {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-2px); }
}

/* 🎯 Floating Button */
#phantom-connect-btn {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 9999;
  background: linear-gradient(to right, #ff5f6d, #ffc371);
  color: white;
  font-weight: 600;
  padding: 10px 18px;
  border: none;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(255, 100, 100, 0.6);
  transition: all 0.3s ease;
  cursor: pointer;
}

#phantom-connect-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 16px #ff6f61;
}

/* ✅ Badge after Connect */
#phantom-status-badge {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #00cc66;
  color: white;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 12px;
  font-family: monospace;
  font-size: 0.95rem;
  white-space: nowrap;
  box-shadow: 0 0 10px rgba(0, 255, 150, 0.5);
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
  transition: all 0.4s ease;
  z-index: 9999;
  display: block; /* 👈 ensure it starts visible for JS to override */
  cursor: pointer;
}

/* 🛡 Account for WP Admin Toolbar */
body.admin-bar #phantom-status-badge {
  top: 80px;
}

/* ✅ Active when connected */
body.phantom-connected #phantom-status-badge {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ✨ Connected UI State */
body.phantom-connected #phantom-connect-btn {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-12px);
}



/* 📱 Mobile Tweak */
@media (max-width: 768px) {
  #phantom-connect-btn,
  #phantom-status-badge {
    top: 12px;
    right: 12px;
    padding: 8px 14px;
    font-size: 0.85rem;
  }
}


body.phantom-connected #phantom-connect-btn {
  display: none !important;
}



/* 🔒 Locked Reveal Button Styling */
.alpha-post-actions.flex .btn-reveal.locked-btn {
  background: #444;
  color: #bbb;
  opacity: 0.6;
  pointer-events: auto;
  cursor: not-allowed;
  box-shadow: none;
  position: relative; /* required for tooltip */
}

/* 🧠 Tooltip on Hover */
.alpha-post-actions.flex .btn-reveal.locked-btn:hover::after {
  content: "🔒 Must hold GME to unlock Alpha";
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  background: #111;
  color: #ff5555;
  padding: 8px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 0 12px #ff555566;
  z-index: 9999;
  opacity: 0;
  animation: fadeInTooltip 0.4s ease forwards;
}

/* 🎞 Tooltip Animation */
@keyframes fadeInTooltip {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

@media (max-width: 600px) {
  .alpha-post-actions.flex .btn-reveal.locked-btn:hover::after {
    top: auto;
    bottom: 48px;
    font-size: 0.75rem;
    white-space: normal;
    max-width: 90vw;
    text-align: center;
  }
}

body .log-exit-page .gform_wrapper {
  max-width: 600px;
  margin: 0 auto;
  background: #111;
  padding: 25px;
  border: 1px solid #333;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(0, 255, 204, 0.3);
}

body.log-exit-page .gform_wrapper h2.gform_title {
  font-size: 24px;
  color: #00ffcc;
  text-align: center;
  margin-bottom: 20px;
}

body.log-exit-page .gform_wrapper .gfield_label {
  color: #ccc;
  font-weight: 600;
  font-size: 14px;
}

body.log-exit-page .gform_wrapper input,
body.log-exit-page .gform_wrapper textarea,
body.log-exit-page .gform_wrapper select {
  background: #000;
  color: #00ffcc;
  border: 1px solid #444;
}

body.log-exit-page .gform_wrapper input:focus,
body.log-exit-page .gform_wrapper textarea:focus {
  border-color: #00ffcc;
  outline: none;
  box-shadow: 0 0 5px #00ffcc;
}

body.log-exit-page .gform_wrapper .gform_footer input[type=submit] {
  background: #00ffcc;
  color: #000;
  font-weight: bold;
  border-radius: 6px;
  padding: 10px 20px;
  transition: all 0.2s ease;
}

body.log-exit-page .gform_wrapper .gform_footer input[type=submit]:hover {
  background: #00ddbb;
  cursor: pointer;
}

body .log-exit-page .gform_wrapper .gfield_label {
  color: #f8f8f8 !important; /* Brighter text */
  font-weight: 600;
  font-size: 14px;
}

body .log-exit-page .gform_wrapper .gfield_required {
  color: #00ffcc !important; /* Bright highlight for required mark */
  font-weight: bold;
  margin-left: 4px;
}

/* Swap “(Required)” with red asterisk */
body .log-exit-page .gform_wrapper .gfield_required {
  color: #00ffcc !important;
  font-weight: bold;
}

body .log-exit-page .gform_wrapper .gfield_label:after {
  content: " *";
  color: #00ffcc;
  font-weight: bold;
}

/* Make radio labels more visible */
body .log-exit-page .gform_wrapper .gfield_radio li label {
  color: #f8f8f8 !important;
  font-weight: 500;
  padding-left: 4px;
}

/* Optional: make radio circles bigger */
body .log-exit-page .gform_wrapper .gfield_radio input[type="radio"] {
  transform: scale(1.2);
  margin-right: 6px;
  accent-color: #00ffcc; /* Optional: neon green for selected state */
}

/* Fix radio button labels for emotion tags */
body .log-exit-page .gform_wrapper .gform-field-label--type-inline {
  color: #f8f8f8 !important;
  font-weight: 500;
  font-size: 14px;
  padding-left: 6px;
}

/* Optional: glow or hover effect for selected radio */
body .log-exit-page .gform_wrapper input[type="radio"]:checked + label {
  color: #00ffcc !important;
  font-weight: 600;
}

/* Optional: enlarge radio buttons */
body .log-exit-page .gform_wrapper input[type="radio"] {
  transform: scale(1.2);
  accent-color: #00ffcc;
  margin-right: 6px;
}

/* === Match GME Entry Form Styling for Log Exit Form === */
body .log-exit-page .gform_wrapper .gfield_label {
  color: #e6e6e6 !important;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 2px;
}

/* Required field marker */
body .log-exit-page .gform_wrapper .gfield_required {
  color: #00ffcc !important;
  font-weight: bold;
}

/* Inputs */
body .log-exit-page .gform_wrapper input[type="text"],
body .log-exit-page .gform_wrapper input[type="url"],
body .log-exit-page .gform_wrapper input[type="number"],
body .log-exit-page .gform_wrapper input[type="date"],
body .log-exit-page .gform_wrapper select,
body .log-exit-page .gform_wrapper textarea {
  background: #000 !important;
  color: #eee !important;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
}

body .log-exit-page .gform_wrapper input:focus,
body .log-exit-page .gform_wrapper select:focus,
body .log-exit-page .gform_wrapper textarea:focus {
  border-color: #00ffcc !important;
  box-shadow: 0 0 5px #00ffcc;
  outline: none;
}

/* === Radio Buttons (Emotion Tag) === */
body .log-exit-page .gform_wrapper .gform-field-label--type-inline {
  color: #e6e6e6 !important;
  font-weight: 600;
  font-size: 14px;
}

body .log-exit-page .gform_wrapper input[type="radio"] {
  transform: scale(1.2);
  margin-right: 6px;
  accent-color: #00ffcc;
}

/* === GME Exit Form Embedded in Logs (Dark Theme Matching) === */

.exit-form-container .gform_wrapper {
  background: #111;
  padding: 25px;
  margin-top: 15px;
  border-radius: 8px;
  border: 1px solid #222;
  box-shadow: 0 0 12px rgba(0, 255, 204, 0.1);
}

/* Labels */
.exit-form-container .gform_wrapper .gfield_label {
  color: #e6e6e6 !important;
  font-weight: 600;
  font-size: 14px;
}

/* Required field star */
.exit-form-container .gform_wrapper .gfield_required {
  color: #00ffcc !important;
  font-weight: bold;
  margin-left: 4px;
}

/* Inputs & selects */
.exit-form-container .gform_wrapper input[type="text"],
.exit-form-container .gform_wrapper input[type="number"],
.exit-form-container .gform_wrapper input[type="url"],
.exit-form-container .gform_wrapper input[type="date"],
.exit-form-container .gform_wrapper textarea,
.exit-form-container .gform_wrapper select {
  background: #000 !important;
  color: #eee !important;
  border: 1px solid #444;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
}

.exit-form-container .gform_wrapper input:focus,
.exit-form-container .gform_wrapper textarea:focus,
.exit-form-container .gform_wrapper select:focus {
  border-color: #00ffcc !important;
  box-shadow: 0 0 5px #00ffcc;
  outline: none;
}

/* Radio buttons (emotion tags) */
.exit-form-container .gform_wrapper .gform-field-label--type-inline {
  color: #e6e6e6 !important;
  font-weight: 500;
}

.exit-form-container .gform_wrapper input[type="radio"] {
  transform: scale(1.2);
  accent-color: #00ffcc;
  margin-right: 6px;
}

/* Submit Button */
.exit-form-container .gform_footer input[type="submit"] {
  background: #00ffcc !important;
  color: #000 !important;
  font-weight: bold;
  border-radius: 6px;
  padding: 10px 20px;
  border: none;
  transition: 0.2s ease;
}

.exit-form-container .gform_footer input[type="submit"]:hover {
  background: #00ddbb;
  cursor: pointer;
}

/* 🔧 Remove default list styles */
.gme-journal-entry-card ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* 📊 Label/value split layout */
.gme-journal-entry-card li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  font-size: 0.95rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.05);
}

.gme-journal-entry-card li:last-child {
  border-bottom: none;
}

/* 🏷️ Label */
.gme-journal-entry-card li strong {
  color: #e6e6e6;
  font-weight: 600;
  flex-shrink: 0;
}

/* 💰 Value */
.gme-journal-entry-card .value {
  color: #00ffcc;
  font-weight: 600;
  text-align: right;
  margin-left: 12px;
  flex-grow: 1;
  white-space: nowrap;
}

/* 🔴 Negative PnL */
.gme-journal-entry-card .negative.value {
  color: #ff4d4d;
}

/* 🟢 Positive PnL */
.gme-journal-entry-card .positive.value {
  color: #00e676;
}

/* ✨ Optional: hover highlight */
.gme-journal-entry-card li:hover {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  padding-left: 6px;
  transition: 0.2s ease;
}

/* 🎯 Exit Notes Styling */
.exit-notes-section {
  margin-top: 20px;
  border-top: 1px dashed #444;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* One styled row */
.exit-note {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #161616;
  border: 1px solid rgba(0, 255, 204, 0.1);
  border-left: 3px solid #00ffcc;
  border-radius: 6px;
  padding: 12px 14px;
  box-shadow: 0 0 4px rgba(0, 255, 204, 0.1);
  font-size: 0.95rem;
  gap: 20px;
  transition: 0.2s ease;
}

.exit-note:hover {
  background: #1c1c1c;
  box-shadow: 0 0 8px rgba(0, 255, 204, 0.2);
}

/* Calendar date */
.note-date {
  flex-shrink: 0;
  color: #999;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Comment text */
.note-text {
  color: #eee;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: break-word;
}

/* Optional: lighter FA icons */
.exit-note i {
  color: #00ffcc;
  font-size: 0.9rem;
}


/* Timestamp styling */
.exit-note .note-date {
  color: #888;
  font-size: 0.85rem;
  min-width: 110px;
}

/* The note text */
.exit-note .note-text {
  color: #eee;
  font-weight: 500;
}

.pnl-badge {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 10px;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  background: #222;
  box-shadow: 0 0 6px rgba(255,255,255,0.05);
  vertical-align: middle;
}

.pnl-badge.mooned {
  background: #00ffcc;
  color: #000;
  box-shadow: 0 0 8px rgba(0, 255, 204, 0.4);
}

.pnl-badge.x10 {
  background: #00d2ff;
  color: #000;
  box-shadow: 0 0 6px rgba(0, 210, 255, 0.3);
}

.pnl-badge.profit {
  background: #66ff66;
  color: #000;
  box-shadow: 0 0 5px rgba(102, 255, 102, 0.2);
}

.pnl-badge.nuked {
  background: #ff0033;
  color: #fff;
  box-shadow: 0 0 6px rgba(255, 0, 51, 0.3);
}

.pnl-default {
  color: #eee;
}

.pnl-profit {
  color: #66ff66;
  font-weight: bold;
}

.pnl-x10 {
  color: #00d2ff;
  font-weight: bold;
  text-shadow: 0 0 4px rgba(0, 210, 255, 0.5);
}

.pnl-mooned {
  color: #00ffcc;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.7);
}

.pnl-nuked {
  color: #ff0033;
  font-weight: bold;
  text-shadow: 0 0 4px rgba(255, 0, 51, 0.5);
}

#gform_1 #field_1_20 label.gform-field-label {
  color: #e6e6e6 !important;
  font-weight: 600 !important;
}

/* Clean reset + full override */
#gform_1 #field_1_20 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #00ffcc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  cursor: pointer;
}

/* Force container to not interfere */
#gform_1 #field_1_20 .ginput_container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

/* Inner dot perfectly centered */
#gform_1 #field_1_20 input[type="radio"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #00ffcc;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease;
}

#gform_1 #field_1_20 input[type="radio"]:not(:checked)::before {
  display: none;
}

/* Optional glowing hover */
#gform_1 #field_1_20 input[type="radio"]:hover {
  box-shadow: 0 0 6px rgba(0, 255, 204, 0.5);
}





#gform_1 #input_1_20_other {
  all: unset;
  display: none;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Show when "Other" is selected */
#gform_1 input#choice_1_20_7:checked ~ #input_1_20_other {
  all: unset;
  display: block;
  margin-top: 8px;
  padding: 10px 12px;
  background: #000;
  color: #fff;
  border: 1px solid #444;
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.4);
  width: 100%;
  max-width: 300px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all 0.3s ease;
}

#gform_1 #field_1_20 .gchoice_1_20_7 {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  flex-wrap: wrap;
}

/* Force label next to the radio dot */
#gform_1 #field_1_20 .gchoice_1_20_7 label {
  margin: 0 !important;
  font-weight: 600;
  color: #e6e6e6;
  display: inline-block;
}

/* Input hidden by default */
#gform_1 #input_1_20_other {
  display: none;
  opacity: 0;
  margin-top: 8px;
  padding: 8px 12px;
  background: #000;
  color: #fff;
  border: 1px solid #444;
  border-radius: 6px;
  width: 100%;
  max-width: 280px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}

/* Show input when "Other" is selected */
#gform_1 input#choice_1_20_7:checked ~ #input_1_20_other {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

/* 🎯 Nudge "Other" label text only (without shifting the radio circle) */
#gform_1 #field_1_20 .gchoice_1_20_7 label {
  padding-left: 1px; /* Fine-tuned adjustment */
}

/* 🔥 Reveal and Glow for "Other" Field */
#gform_1 #input_1_20_other {
  display: none;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  pointer-events: none;
  transition: all 0.4s ease;
  position: relative;
}

/* 💡 Show with orange neon and animation */
#gform_1 input#choice_1_20_7:checked ~ #input_1_20_other {
  display: block;
  opacity: 1;
  visibility: visible;
  max-height: 100px;
  margin-top: 12px;
  padding: 10px 14px;
  width: 100%;
  max-width: 300px;
  background: #000;
  color: #fff;
  border: 1px solid #00ffcc;
  border-radius: 8px;
  box-shadow:
    0 0 12px #00ffcc,
    0 0 24px rgba(0, 255, 204, 0.6),
    inset 0 0 4px rgba(0, 255, 204, 0.35) !important;
  animation: slideFlash 0.5s ease-out;
}

/* 💫 Slide + Pulse keyframe */
@keyframes slideFlash {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.96);
    box-shadow: none;
  }
  50% {
    transform: translateY(2px) scale(1.02);
    box-shadow: 0 0 24px #00ffcc;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 🔥 Neon Glow for all form fields when focused */
/* Journal upload buttons (entry/exit) */
#gform_wrapper_1 .custom-upload-button,
#gform_1 .custom-upload-button,
#gform_wrapper_3 .custom-upload-button-exit,
#gform_3 .custom-upload-button-exit {
  background: linear-gradient(to right, #00ffcc, #00a8ff) !important;
  color: #011 !important;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.45) !important;
}

#gform_wrapper_1 .custom-upload-button:hover,
#gform_1 .custom-upload-button:hover,
#gform_wrapper_3 .custom-upload-button-exit:hover,
#gform_3 .custom-upload-button-exit:hover {
  background: #00e6b8 !important;
  box-shadow: 0 0 12px rgba(0, 255, 204, 0.65) !important;
}

#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="url"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 input[type="number"]:focus,
#gform_wrapper_1 input[type="password"]:focus,
#gform_wrapper_1 input[type="date"]:focus,
#gform_wrapper_1 input[type="search"]:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus {
  outline: none !important;
  border: 1px solid #00ffcc !important;
  box-shadow: 0 0 12px #00ffcc, 0 0 24px #00ffcc !important;
  background-color: #000 !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
}
 
@keyframes inputPulse {
  0%, 100% { box-shadow: 0 0 12px #00ffcc, 0 0 24px #00ffcc; }
  50% { box-shadow: 0 0 18px #00ffcc, 0 0 36px #00ffcc; }
}

#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus {
  animation: inputPulse 1.5s infinite ease-in-out;
}

/* Wrap file input for control */
.gform_wrapper input[type="file"] {
  background: #000;
  color: #eee;
  padding: 10px 12px;
  font-size: 15px;
  border: 1px solid #444;
  border-radius: 6px;
  width: 100%;
  max-width: 100%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
}

/* Hide ugly native button */
.gform_wrapper input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

.gform_wrapper input[type="file"]::before {
  content: 'Upload Screenshot';
  display: inline-block;
  background: linear-gradient(to right, #ff5522, #cc0000);
  color: white;
  border-radius: 4px;
  padding: 8px 14px;
  outline: none;
  white-space: nowrap;
  font-weight: 600;
  margin-right: 10px;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 10px rgba(255, 85, 34, 0.5);
  transition: 0.2s ease;
}

.gform_wrapper input[type="file"]:hover::before {
  box-shadow: 0 0 14px #ff5522;
}

.gform_wrapper input[type="file"] {
  background: #000;
  color: #eee;
  font-size: 15px;
  border: 1px solid #444;
  border-radius: 6px;
  padding: 12px;
  width: 100%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
  height: 48px; /* Match standard input height */
}

/* Hide native upload button */
.gform_wrapper input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

/* Custom button replacement */
.gform_wrapper input[type="file"]::before {
  content: 'Upload Screenshot';
  display: inline-block;
  background: linear-gradient(to right, #ff5522, #cc0000);
  color: white;
  border-radius: 4px;
  padding: 10px 16px;
  font-weight: 600;
  margin-right: 12px;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 10px rgba(255, 85, 34, 0.5);
  transition: all 0.2s ease;
  height: 100%;
  line-height: 1;
  vertical-align: middle;
}

.gform_wrapper input[type="file"]:hover::before {
  box-shadow: 0 0 14px #ff5522;
}

/* File input wrapper height + alignment */
.gform_wrapper input[type="file"] {
  height: 48px;
  line-height: 48px;
  padding: 0 12px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  color: #eee;
  border: 1px solid #444;
  background-color: #000;
  border-radius: 6px;
  width: 100%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
}

/* Hide native file button */
.gform_wrapper input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}



/* Hover glow */
.gform_wrapper input[type="file"]:hover::before {
  box-shadow: 0 0 14px #ff5522, 0 0 24px rgba(255, 85, 34, 0.6);
}





.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: #ff5522 !important;
  animation: pulseGlow 1s ease-in-out infinite;
  outline: none !important;
}

@keyframes pulseInner {
  0% {
    box-shadow: 0 0 0px #ff5522;
  }
  50% {
    box-shadow: 0 0 12px #ff5522;
  }
  100% {
    box-shadow: 0 0 0px #ff5522;
  }
}



/* 🎯 Target only the inputs themselves on focus */
#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="number"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="url"]:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus {
  animation: pulseInnerField 1s ease-in-out infinite !important;
  border-color: #00ffcc !important;
  box-shadow: 0 0 10px #00ffcc !important;
  outline: none !important;
  background-color: #000 !important;
  z-index: 10;
  position: relative;
}

/* 🔒 Lock read-only fields */
.gform_wrapper input[readonly],
.gform_wrapper textarea[readonly],
.gform_wrapper select[disabled] {
  background-color: #111 !important;
  color: #999 !important;
  border-color: #333 !important;
  pointer-events: none !important;
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none !important;
}

/* 🔒 Lock down PnL field (read-only style) */
#gform_wrapper_1 input[name="input_23"] {
  pointer-events: none !important;
  background-color: #111 !important;
  color: #888 !important;
  border-color: #333 !important;
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none !important;
}

/* Base height for all relevant input types */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="date"],
#gform_wrapper_1 input[type="file"],
#gform_wrapper_1 select,
#gform_wrapper_1 textarea {
  height: 48px !important;
  padding: 10px 12px !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
}

/* Fix Upload Screenshot button size & vertical centering */
body .gform_wrapper .gfield input[type="file"]::file-selector-button {
  padding: 6px 16px !important;
  font-size: 14px !important;
  height: 38px !important;
  line-height: 1 !important;
  background: linear-gradient(to right, #ff5522, #cc0000) !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: 0.3s ease;
}

/* Optional hover glow */
body .gform_wrapper .gfield input[type="file"]::file-selector-button:hover {
  box-shadow: 0 0 10px #ff5522;
  transform: scale(1.03);
}


/* Optional hover styling */
#gform_wrapper_1 #field_1_32 input[type="file"]::file-selector-button:hover {
  background: #ff3300 !important;
  box-shadow: 0 0 8px rgba(255, 85, 34, 0.4) !important;
}

.gme-toast {
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  left: auto !important;
  bottom: auto !important;
  min-width: 220px;
  max-width: 350px;
  width: auto;
  height: auto;
  padding: 12px 22px;
  background: #111822 !important;
  color: #fff;
  font-size: 1.08rem;
  font-weight: bold;
  border-radius: 12px;
  z-index: 99999;
  pointer-events: none;
  text-align: left;
  text-shadow:
    0 0 6px #ff0033,
    0 0 16px #00ffcc,
    0 2px 6px #000b;
  /* Neon border and inner/outer glow */
  box-shadow:
    0 0 18px #ff003377,
    0 0 28px #00ffcc88,
    0 0 6px #ff0033,
    0 0 20px #00ffcc;
  opacity: 0.98;
  transition: opacity 0.35s, box-shadow 0.4s;
  animation: gme-toast-glow 1.3s infinite alternate cubic-bezier(.61,0,.69,1.01);
}
@keyframes gme-toast-glow {
  0% {
    box-shadow:
      0 0 8px #ff003366,
      0 0 10px #00ffcc33,
      0 0 6px #ff0033,
      0 0 18px #00ffcc33;
  }
  100% {
    box-shadow:
      0 0 28px #ff003399,
      0 0 40px #00ffccbb,
      0 0 18px #ff0033,
      0 0 40px #00ffcc;
  }
}

.custom-file-info {
  margin-left: 8px;
  margin-top: 5px;
  color: #00ffcc;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
}


body, .elementor-widget-container {
  background: #07090c !important;
}

.alpha-landing-container {
  position: relative;
  max-width: 1200px;
  margin: 48px auto 0 auto;
  padding: 48px 32px 80px 32px;
  border-radius: 40px;
  background: rgba(0,0,0,0.92);
  box-shadow:
    0 0 36px 6px #00ffcc33,
    0 0 180px 36px #00ffcc09;  /* almost invisible at the very edge */
  z-index: 2;
  overflow: visible;
}


.alpha-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.alpha-card-outer {
  border-radius: 32px;
  background: linear-gradient(135deg, #111822 60%, #212d30 100%);
  box-shadow: 0 0 40px #00ffcc77, 0 0 60px #ff003355;
  padding: 18px;
  animation: pulseGlow 2.7s infinite alternate;
}

.alpha-card-img {
  width: 320px;
  max-width: 90vw;
  filter: drop-shadow(0 0 32px #00ffcc) drop-shadow(0 0 22px #ff0033);
  border-radius: 26px;
  animation: cardWobble 7s infinite ease-in-out;
}

@keyframes cardWobble {
  0% { transform: rotate(-1deg) scale(1);}
  50% { transform: rotate(1.5deg) scale(1.015);}
  100% { transform: rotate(-1deg) scale(1);}
}

.alpha-glow-title {
  font-family: 'Orbitron', 'Montserrat', Arial, sans-serif;
  font-size: 1.3em;
  letter-spacing: 1.5px;
  color: #ff0033;
  text-shadow: 0 0 12px #ff0033, 0 0 26px #00ffcc;
  margin-bottom: 14px;
  margin-top: 0;
}

.alpha-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.alpha-list li {
  color: #eaeaea;
  font-size: 1.09em;
  margin-bottom: 14px;
  font-family: 'Montserrat', Arial, sans-serif;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.92;
}

.alpha-check {
  font-size: 1.45em;
  color: #00ffcc;
  filter: drop-shadow(0 0 10px #00ffccbb);
  animation: checkPulse 1.2s infinite alternate;
}


.alpha-accent {
  color: #ff5c33;
  font-weight: bold;
  text-shadow: 0 0 7px #ff0033;
}



.alpha-cta-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 48px;
  z-index: 5;
}

.alpha-cta-btn {
  background: linear-gradient(90deg, #00ffcc 20%, #39ff14 100%);
  color: #10131b;
  font-size: 1.5em;
  font-weight: bold;
  padding: 22px 68px;
  border-radius: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  box-shadow: 0 0 44px #00ffcc77, 0 0 80px #39ff1477;
  border: none;
  outline: none;
  cursor: pointer;
  transition: transform 0.13s, box-shadow 0.17s;
  filter: drop-shadow(0 0 4px #00ffcc88);
  animation: ctaPulse 2.2s infinite alternate;
}

.alpha-cta-btn:hover {
  transform: scale(1.06) rotate(-1deg);
  box-shadow: 0 0 90px #00ffcccc, 0 0 100px #ff003355;
  background: linear-gradient(90deg, #39ff14 0%, #00ffcc 100%);
}

@keyframes ctaPulse {
  0% { box-shadow: 0 0 44px #00ffcc77, 0 0 80px #39ff1477; }
  100% { box-shadow: 0 0 72px #00ffcccc, 0 0 150px #ff003355; }
}
@keyframes checkPulse {
  0% { filter: drop-shadow(0 0 5px #00ffccbb); }
  100% { filter: drop-shadow(0 0 22px #00ffcc); }
}
@keyframes pulseGlow {
  0% { box-shadow: 0 0 40px #00ffcc77, 0 0 60px #ff003355;}
  100% { box-shadow: 0 0 80px #00ffccbb, 0 0 140px #ff003399;}
}

/* Responsive tweaks */
@media (max-width: 900px) {
  .alpha-columns { flex-direction: column; gap: 24px; }
  .alpha-card-img { width: 240px; }
}

.alpha-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 56px;
}

.alpha-col {
  flex: 1 1 340px;
  min-width: 290px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alpha-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.alpha-benefit-row {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}

.alpha-check {
  display: inline-block;
  width: 2em;
  min-width: 2em;
  height: 2em;
  font-size: 1.45em;
  color: #00ffcc;
  text-align: center;
  line-height: 2em;
  margin-right: 10px;
  position: relative;
}
.alpha-check::before {
  content: "\2714";
  font-size: 1.3em;
  filter: drop-shadow(0 0 8px #00ffccbb);
}

.alpha-benefit-flex {
  display: flex;
  width: 100%;
  gap: 24px;
  justify-content: space-between;
}

.alpha-benefit-left {
  flex: 1 1 55%;
  text-align: right;
  color: #eaeaea;
  font-size: 1.1em;
  padding-right: 22px;
}

.alpha-benefit-right {
  flex: 1 1 45%;
  text-align: left;
  color: #ff5c33;
  font-size: 1.13em;
  font-weight: bold;
  text-shadow: 0 0 7px #ff0033;
}

.alpha-card-outer {
  border-radius: 32px;
  background: linear-gradient(135deg, #111822 60%, #212d30 100%);
  box-shadow: 0 0 30px #00ffcc77, 0 0 40px #ff003355;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alpha-card-img {
  width: 310px;
  max-width: 80vw;
  filter: drop-shadow(0 0 28px #00ffcc) drop-shadow(0 0 12px #ff0033);
  border-radius: 26px;
}

.alpha-glow-title {
  font-family: 'Orbitron', 'Montserrat', Arial, sans-serif;
  font-size: 1.5em;
  letter-spacing: 1.7px;
  color: #ff0033;
  text-shadow: 0 0 13px #ff0033, 0 0 28px #00ffcc;
  margin-bottom: 22px;
  margin-top: 0;
  font-weight: bold;
}

/* Right column steps/check */
.steps .alpha-check::before {
  content: "\2714";
  color: #00ffcc;
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .alpha-columns { flex-direction: column; gap: 30px; }
  .alpha-card-img { width: 220px; }
  .alpha-glow-title { font-size: 1.15em; }
  .alpha-benefit-flex { flex-direction: column; gap: 0; }
  .alpha-benefit-left, .alpha-benefit-right {
    text-align: left;
    padding-right: 0;
    padding-left: 0;
  }
}  

body, html {
  background: #000 !important;
}
.elementor-section,
.elementor-widget-container,
.elementor-inner-section {
  background: transparent !important;
} 

.alpha-benefit-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  margin-bottom: 24px;
}

.alpha-benefit-left {
  flex: 1 1 60%;
  text-align: left !important;
  margin-right: 20px;
  color: #eaeaea;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.22em;
  line-height: 1.3;
}

.alpha-benefit-right {
  flex: 1 1 40%;
  text-align: left;
  margin-left: 16px;
  color: #ff5c33;
  font-weight: bold;
  text-shadow: 0 0 7px #ff0033;
  font-size: 1.22em;
}

@media (max-width: 1024px) {
  .site-navigation-dropdown {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #000;
    z-index: 9999;
    padding: 20px;
  }

  .site-navigation-dropdown.show {
    display: block !important;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }
}

#custom-header {
  background: #000;
  padding: 16px;
  color: #00ffcc;
  z-index: 10000;
  position: relative;
}

#menu-toggle {
  font-size: 24px;
  background: transparent;
  border: none;
  color: #00ffcc;
  cursor: pointer;
}

#custom-mobile-menu {
  display: none;
  background: #111;
  padding: 20px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#custom-mobile-menu.show {
  display: block;
}

.submenu > .dropdown {
  display: none;
}
.submenu.open > .dropdown {
  display: block;
}  

.custom-upload-button-exit {
  cursor: pointer; /* fallback for browsers that don't support custom cursors */
}

/* Use a dollar sign emoji as a custom cursor on hover */
.custom-upload-button-exit:hover {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><text y="38" font-size="38">📸</text></svg>') 16 16, pointer;
}

/* Lock the main dashboard tiles for non-alpha */
body:not(.um_role_um_alpha-member) .alpha-tile-locked {
  filter: blur(7px) brightness(0.6) grayscale(0.8);
  pointer-events: none;
  position: relative;
}

body:not(.um_role_um_alpha-member) .alpha-tile-locked::after {
  content: "🔒 Must hold GME and connect wallet to access";
  color: #ff3c28;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 8px #000, 0 0 12px #ff0033;
  font-size: 1.1em;
  z-index: 99;
  pointer-events: none;
}
 
/* Never let the Reveal/Locked button exceed 260px (adjust as needed) */
.btn-reveal {
  max-width: 260px;
  white-space: nowrap !important;    /* keep button text on one line */
  text-align: center;
  word-break: break-word;
  padding: 0.85em 1em;
  font-size: 1.12em;
  /* If your button has display:inline, switch to inline-block for wrapping */
  display: inline-block;
}

/* Keep button group always side by side, even if wrapping */
.alpha-post-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center; /* Or flex-start for left align */
} 
 
.alpha-post-card {
  max-width: 600px;    /* or whatever width matches your top card */
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  box-sizing: border-box;
}

.alpha-feed-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
 
/* Alpha Post Card: Consistent max-width and center */
.alpha-post-card {
  max-width: 600px;
  width: 100%;
  margin: 36px auto 0 auto !important;
  border-radius: 18px;
  box-sizing: border-box;
}

/* Always center card actions (Reveal/Tip) */
.alpha-post-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 16px;
  margin-top: 34px !important;
  flex-wrap: wrap;
}

/* Make Reveal/Tip Buttons big enough & easy to tap */
.btn-reveal, .btn-tip {
  display: block;
  min-width: 210px;             /* prevent text wrap */
  white-space: nowrap;           /* keep label on one line */
  font-size: 1.09em;
  padding: 16px 0 !important;
  margin: 0 8px !important;
  border-radius: 12px !important;
  text-align: center !important;
  /* Tron-style glow */
  box-shadow: 0 0 8px #00ffcc, 0 0 16px #ff228855;
  cursor: pointer;
}

/* Remove unwanted margin on .alpha-post-card last-child */
.alpha-post-card:last-child {
  margin-bottom: 56px !important;
}

/* Fix card growing/shrinking on reveal */
.alpha-post-content,
.alpha-post-card .alpha-post-actions {
  width: 100%;
  box-sizing: border-box;
}

/* Responsive: For mobile, reduce max-width */
@media (max-width: 500px) {
  .alpha-post-card {
    max-width: 99vw;
    border-radius: 12px;
  }
  .btn-reveal, .btn-tip {
    min-width: 160px;  /* match longer text on small screens */
    font-size: 1em;
    padding: 13px 0 !important;
  }
} 

/* ========= Momentum Radar Token Gate ========= */
.momentum-radar-shell {
  position: relative;
}

.momentum-radar-shell .gme-mr-container {
  transition: filter 0.35s ease, opacity 0.35s ease;
}

.momentum-radar-shell.gme-mr-shell--locked .gme-mr-container {
  filter: blur(10px);
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
}

.gme-mr-gate-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  background: rgba(2, 4, 9, 0.92);
  z-index: 40;
}

.gme-mr-gate-panel {
  max-width: 520px;
  width: 100%;
  border-radius: 20px;
  padding: 32px;
  background: radial-gradient(circle at top, rgba(0,255,204,0.2), rgba(0,0,0,0.85));
  border: 1px solid #00ffcc55;
  box-shadow: 0 0 30px #00ffcc55, 0 0 60px #ff008855;
  color: #e6fefb;
  font-family: 'Orbitron', 'Montserrat', sans-serif;
}

.gme-mr-gate-panel h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.8rem;
  color: #00ffcc;
  text-shadow: 0 0 6px #00ffcc;
}

.gme-mr-gate-panel p {
  margin: 0 auto 18px;
  line-height: 1.5;
}

.gme-mr-gate-btn {
  background: linear-gradient(135deg, #00ffcc, #1fded4);
  color: #021b1f;
  border: none;
  border-radius: 999px;
  padding: 12px 32px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 0 12px #00ffccaa;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gme-mr-gate-btn:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 0 20px #00ffccdd;
}

.gme-mr-gate-loader {
  width: 56px;
  height: 56px;
  margin: 10px auto 0;
  border: 3px solid rgba(255,255,255,0.2);
  border-top-color: #00ffcc;
  border-radius: 50%;
  animation: radarSpin 0.9s linear infinite;
}

@keyframes radarSpin {
  to { transform: rotate(360deg); }
}

/* 🔒 Default locked state (blurred) */
.alpha-gate-locked {
  filter: blur(3px) brightness(0.85);
  opacity: 0.6;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  position: relative;
}

/* 🧱 Fallback overlay for older browsers */
.alpha-gate-locked::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: inherit;
}

.alpha-gate-locked > * {
  position: relative;
  z-index: 2;
}

/* ✅ Remove blur when wallet & GME verified */
body.gme-holder .alpha-gate-locked {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.gme-holder .alpha-gate-locked::before {
  display: none !important;
}

/* Add fallback overlay if filter doesn't work */
.alpha-blur-enforced::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: inherit;
}

/* Ensure card content stays above the overlay */
.alpha-blur-enforced > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  body:not(.um_role_um_alpha-member) .locked-tile {
    filter: blur(4px) brightness(0.65) !important;
    opacity: 0.55 !important;
    pointer-events: none !important;
    position: relative !important;
  }
  body:not(.um_role_um_alpha-member) .locked-tile::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.56);
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
  }
  body:not(.um_role_um_alpha-member) .locked-tile > * {
    position: relative;
    z-index: 2;
  }
}

/* \xF0\x9F\x93\xB1 Keep locked tiles blurred until wallet connected */
body.um_role_um_alpha-member:not(.phantom-connected) .alpha-tile.alpha-blur-enforced {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  opacity: 0.6;
  pointer-events: none;
}

/* Fix for reveal button appearance */
.btn-reveal:not(.locked-btn) {
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.btn-reveal:not(.locked-btn):hover {
  opacity: 0.9 !important;
  transform: translateY(-1px);
}

/* Only apply locked styling to actual locked buttons */
.btn-reveal.locked-btn {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

/* Add this to your CSS file or in a <style> tag */
@media (max-width: 768px) {
  /* Make vote area bigger on mobile */
  .vote.upvote {
    min-width: 60px !important;
    min-height: 80px !important;
    padding: 10px !important;
    touch-action: manipulation; /* Prevents zoom on double tap */
  }
  
  .vote.upvote i {
    font-size: 24px !important;
  }
  
  .vote.upvote .count {
    font-size: 16px !important;
    margin-top: 4px;
  }
}

/* Ensure vote button is tappable */
.vote.upvote {
  -webkit-tap-highlight-color: rgba(0, 255, 204, 0.3);
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}         

/* Add this to your CSS file */
.locked-message {
  cursor: pointer !important;
  transition: all 0.2s ease;
  display: inline-block;
  padding: 10px 20px !important;
  border-radius: 8px;
  background: rgba(255, 51, 40, 0.1);
  border: 1px solid #ff3c28;
}

.locked-message:hover {
  background: rgba(255, 51, 40, 0.2);
  box-shadow: 0 0 10px rgba(255, 51, 40, 0.5);
  transform: scale(1.02);
}

/* Make it look like a button when it says "Connect Phantom Wallet" */
.locked-message:has-text("Connect Phantom Wallet") {
  background: #ff3c28;
  color: white !important;
}

/* 🟢 One-Time Wallet Verification Button */
.wallet-verify-prompt {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #512da8, #673ab7);
  color: #ffffff;
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
  z-index: 10000;
  box-shadow: 0 0 12px #512da8aa, 0 0 20px #673ab7aa;
  transition: background 0.3s ease, transform 0.2s ease;
}
.wallet-verify-prompt:hover {
  background: linear-gradient(135deg, #673ab7, #512da8);
  transform: scale(1.05);
}

/* Fix toast box size and style */
.toast-message {
  position: fixed;
  top: 1rem;
  right: 1rem;
  padding: 0.75rem 1.25rem;
  font-size: 14px;
  max-width: 280px;
  font-weight: 500;
  background: rgba(20, 20, 20, 0.95);
  color: #00ffcc;
  border-radius: 8px;
  box-shadow: 0 0 10px #00ffcc80;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  animation: fadeInOut 3s ease forwards;
}

@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(-10px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}

.upvote-plus-one {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.1rem;
  color: #00ffcc;
  font-weight: bold;
  text-shadow: 0 0 4px #00ffcc;
  animation: floatUpFade 0.6s ease-out forwards;
  pointer-events: none;
  z-index: 999;
}

@keyframes floatUpFade {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-24px);
  }
} 





.wallet-info-display {
  position: fixed !important;
  left: 16px;
  bottom: 20px;
  background: transparent !important;
  border: 2px solid #00ffcc;
  border-radius: 12px;
  box-shadow: 0 0 12px #00ffcc88, 0 0 24px #00ffcc44;
  padding: 10px 16px;
  z-index: 10000;
  backdrop-filter: blur(6px); /* optional: adds matrix-style glass */
}

/* The dropdown itself: */
.wallet-info-display .wallet-dropdown {
  position: absolute;
  left: 0;
  bottom: 110%;        /* ⬅️ This forces it to open upward */
  top: auto !important;   /* ⬅️ Force disable any 'top' styles */
  background: #191a24;
  border: 2px solid #00ff88;
  border-radius: 14px;
  min-width: 180px;
  box-shadow: 0 8px 30px #00ff8833;
  padding: 10px 0;
  display: none;
  z-index: 10010;
  animation: fadeInUp .2s;
}

.wallet-info-display .wallet-dropdown.show {
  display: block;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(18px);}
  to   { opacity: 1; transform: translateY(0);}
}

@media (max-width: 600px) {
  .wallet-info-display {
    left: 8px;
    bottom: 10px;
    min-width: 120px;
  }
  .wallet-info-display .wallet-dropdown {
    min-width: 120px;
    font-size: 13px;
    left: 0;
    right: auto;
  }
} 




/* === GLOWING TRON ORBS === */
.tron-bounce .orb {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  z-index: 2;
  background: #00ffcc;
  box-shadow: 0 0 6px #00ffcc, 0 0 12px #00ffee;
  animation: bounceFree 3s infinite alternate ease-in-out;
}

.tron-bounce .orb-2 {
  background: #ff2288;
  box-shadow: 0 0 6px #ff2288, 0 0 12px #ff228866;
  animation: bounceFree2 4s infinite alternate ease-in-out;
}

.tron-bounce .orb-3 {
  background: #00ffff;
  box-shadow: 0 0 6px #00ffff, 0 0 12px #00ffff88;
  animation: bounceFree3 5s infinite alternate ease-in-out;
}

/* === RANDOMIZED BOUNCE PATHS === */
@keyframes bounceFree {
  0%   { top: 5%; left: 5%; }
  100% { top: 85%; left: 85%; }
}

@keyframes bounceFree2 {
  0%   { top: 85%; left: 10%; }
  100% { top: 10%; left: 80%; }
}

@keyframes bounceFree3 {
  0%   { top: 20%; left: 80%; }
  100% { top: 70%; left: 15%; }
}

@keyframes pulseAlphaGlow {
  0%, 100% {
    box-shadow:
      0 0 8px #00ffcc,
      0 0 16px #00ffcc88,
      0 0 32px #00ffcc44,
      0 0 48px #00ffcc22;
  }
  50% {
    box-shadow:
      0 0 12px #00ffee,
      0 0 24px #00ffeeaa,
      0 0 48px #00ffee66,
      0 0 72px #00ffee33;
  }
}
/* === GLOW-SAFE WRAPPER === */
.glow-shell {
  position: relative;
  padding: 0; /* removes spacing that forces separation */
  border-radius: 16px;
  background: none !important; /* remove radial gradient ring */
  box-shadow:
    0 0 24px #00ffcc33,
    0 0 48px #00ffcc22;
}

/* === ALPHA CARD WITH PULSING CYBER GLOW === */
.alpha-card {
  position: relative;
  background: rgba(17, 17, 17, 0.8); /* match bottom card */
  backdrop-filter: blur(8px);
  padding: 24px;
  border-radius: 16px;
  z-index: 1;

  animation: pulseAlphaGlow 4s ease-in-out infinite;
  box-shadow:
    0 0 8px #00ffcc,
    0 0 20px #00ffcc66,
    0 0 40px #00ffcc33,
    inset 0 0 12px #00ffcc22;
}

/* === PULSING ANIMATED GLOW === */
@keyframes pulseAlphaGlow {
  0%, 100% {
    box-shadow:
      0 0 8px #00ffcc,
      0 0 20px #00ffcc66,
      0 0 40px #00ffcc33,
      inset 0 0 12px #00ffcc22;
  }
  50% {
    box-shadow:
      0 0 12px #00ffee,
      0 0 30px #00ffee88,
      0 0 60px #00ffee44,
      inset 0 0 20px #00ffee22;
  }
}

.alpha-card,
.alpha-card.tron-bounce,
.glow-shell,
.orb-wrapper {
  box-shadow: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  animation: none !important;
}

.alpha-loading-spinner {
  text-align: center;
  color: #00ffcc;
  font-weight: bold;
  margin: 20px 0;
  font-size: 1.1em;
  text-shadow: 0 0 6px #00ffcc99;
}
.alpha-feed-end {
  text-align: center;
  color: #999;
  font-size: 1.1em;
  margin: 20px 0 30px;
}


/* === FIX 1: Remove duplicate badge pseudo-element === */
.top-rank-badge::before {
  display: none !important; /* Remove the ::before that adds duplicate emoji */
}

/* Keep the emoji inside the badge HTML, not as CSS content (no extra CSS needed here) */

/* === FIX 2: Fix toast notification size === */
.gme-toast {
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  left: auto !important; /* Don't stretch across page */
  bottom: auto !important;
  width: auto !important; /* Auto width based on content */
  max-width: 350px !important; /* Maximum width constraint */
  min-width: 200px !important; /* Minimum width */
  padding: 12px 20px !important;
  background: #111822 !important;
  color: #fff;
  font-size: 16px !important;
  font-weight: bold;
  border-radius: 12px;
  z-index: 99999;
  text-align: left;
  box-shadow: 0 0 18px #ff003377, 0 0 28px #00ffcc88;
  animation: slideInToast 0.3s ease-out, gme-toast-glow 1.3s infinite alternate;
}

/* Toast slide in animation */
@keyframes slideInToast {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Existing glow animation */
@keyframes gme-toast-glow {
  0% {
    box-shadow: 0 0 8px #ff003366, 0 0 10px #00ffcc33;
  }
  100% {
    box-shadow: 0 0 28px #ff003399, 0 0 40px #00ffccbb;
  }
}

/* Alternative toast class if using different naming */
.toast-message {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  width: auto !important;
  max-width: 300px !important;
  padding: 12px 20px !important;
  background: rgba(17, 24, 34, 0.95) !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.5) !important;
  z-index: 99999 !important;
  font-size: 14px !important;
  animation: fadeInOut 3s ease forwards !important;
}

/* === FIX 3: Ensure no duplicate badges in feed (no extra CSS needed here) === */

/* Remove any CSS-generated medal emojis */
.top-rank-badge.rank-1::before,
.top-rank-badge.rank-2::before,
.top-rank-badge.rank-3::before {
  content: none !important;
  display: none !important;
}

/* === COMPLETE FIX FOR MISSING TIP AND REVEAL BUTTONS === */

/* 1. Reset and force display of alpha post actions container */
.alpha-post-actions {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-direction: row !important;
  gap: 12px !important;
  margin-top: 20px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  position: relative !important;
  z-index: 10 !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

/* 2. Force all buttons to be visible */
.alpha-post-actions .btn,
.alpha-post-actions button,
.btn-reveal,
.btn-tip {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
  overflow: visible !important;
}

/* 3. Specific styling for reveal button */
.btn-reveal {
  background-color: #00ffcc !important;
  color: #000 !important;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.6) !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  border-radius: 8px !important;
  border: none !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
  min-width: 120px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.btn-reveal:hover:not(.locked-btn) {
  background-color: #00e6b8 !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 0 15px rgba(0, 255, 204, 0.8) !important;
}

/* 4. Specific styling for tip button */
.btn-tip {
  background-color: #ff2288 !important;
  color: #000 !important;
  box-shadow: 0 0 10px rgba(255, 34, 136, 0.6) !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  border-radius: 8px !important;
  border: none !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
  min-width: 120px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.btn-tip:hover {
  background-color: #ff45a1 !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 0 15px rgba(255, 34, 136, 0.8) !important;
}

/* 5. Fix alpha post card layout to ensure buttons aren't hidden */
.alpha-post-card {
  position: relative !important;
  display: block !important;
  overflow: visible !important; /* Changed from hidden */
  min-height: auto !important;
  padding-bottom: 80px !important; /* Ensure space for buttons */
}

.alpha-post-main {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
  position: relative !important;
  padding-bottom: 20px !important; /* Space before buttons */
}

/* 6. Remove any conflicting styles that might hide buttons */
.alpha-post-card * {
  max-height: none !important; /* Remove height restrictions */
}

/* 7. Ensure buttons show for alpha members who already revealed */
body.um_role_um_alpha-member .alpha-post-card.revealed .btn-reveal {
  display: none !important; /* Hide reveal button after revealing */
}

body.um_role_um_alpha-member .alpha-post-card:not(.revealed) .btn-reveal {
  display: inline-block !important; /* Show reveal button if not revealed */
}

/* 8. Always show tip button if author has wallet */
.alpha-post-card .btn-tip {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 9. Fix for mobile devices */
@media (max-width: 768px) {
  .alpha-post-actions {
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    margin-top: 15px !important;
  }
  
  .btn-reveal,
  .btn-tip {
    min-width: 150px !important; /* prevent wrapping */
    padding: 8px 16px !important;
    font-size: 13px !important;
    flex: 0 0 auto !important;
  }
  
  .alpha-post-card {
    padding-bottom: 100px !important; /* More space on mobile */
  }
}

/* 10. Override any theme or parent styles that might interfere */
.alpha-feed-wrapper .alpha-post-actions,
.alpha-feed-wrapper .btn-reveal,
.alpha-feed-wrapper .btn-tip {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 11. Debug helper - uncomment to see all elements outlined */
/*
.alpha-post-card,
.alpha-post-card * {
  border: 1px solid red !important;
}
*/

/* 12. Ensure buttons aren't pushed off screen */
.alpha-post-content {
  margin-bottom: 20px !important; /* Space before buttons */
}

/* 13. Fix z-index stacking issues */
.vote-bar {
  z-index: 5 !important; /* Lower than buttons */
}

.alpha-post-actions {
  z-index: 10 !important; /* Higher than vote bar */
}

.alpha-post-actions .btn {
  z-index: 15 !important; /* Highest priority */
}

/* 14. Remove any transforms that might move buttons off-screen */
.alpha-post-card,
.alpha-post-main,
.alpha-post-actions,
.btn-reveal,
.btn-tip {
  transform: none !important;
  position: relative !important;
}

/* 15. Ensure parent containers don't clip buttons */
.alpha-feed-wrapper,
.alpha-lounge-container {
  overflow: visible !important;
}

/* 16. Force buttons to show even if JavaScript tries to hide them */
.alpha-post-actions:not(.hidden-by-js) {
  display: flex !important;
}

.btn-reveal:not(.hidden-by-js),
.btn-tip:not(.hidden-by-js) {
  display: inline-block !important;
}

/* 17. Fix for specific card states */
.alpha-post-card:not(.revealed) .alpha-post-actions {
  display: flex !important;
  visibility: visible !important;
}

.alpha-post-card.revealed .alpha-post-actions {
  display: flex !important;
  visibility: visible !important;
}

/* === Align buttons and badge === */
.alpha-post-actions .btn-reveal,
.alpha-post-actions .btn-tip {
  width: 140px !important;
  max-width: 140px !important;
  min-width: 140px !important;
}

.top-rank-badge {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: -32px !important;
}


/* START Fix tip button size and placement */
.alpha-post-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}
.alpha-post-actions .btn {
  display: inline-block !important;
  min-width: 120px !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
.alpha-post-actions .btn-tip,
.alpha-post-actions .btn-reveal {
  width: auto !important;
}

/* Raider Marketplace Styles */
.raid-marketplace{padding:20px;background:#111;color:#fff;font-family:'Orbitron',sans-serif;}
.raid-marketplace h2{color:#0ff;text-shadow:0 0 5px #0ff;}
.raid-form label{display:block;margin-bottom:10px;}
.raid-form input,.raid-form textarea{width:100%;padding:8px;border:1px solid #333;background:#000;color:#0ff;border-radius:4px;}
.raid-btn{display:inline-block;padding:8px 16px;margin-top:10px;background:#ff2288;color:#fff;border:none;border-radius:4px;cursor:pointer;}
.raid-card{border:1px solid #333;padding:15px;margin:20px 0;background:#1a1a1a;border-radius:8px;}
.raid-card h3{margin:0 0 10px;color:#fff;}
.raid-meta{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:#ccc;}
.raid-card .raid-btn{background:#00ffcc;color:#000;margin-right:8px;}

/* === GME HEADER + NAV — CLEAN PACK v3 === */

/* 1) Layout: 3‑col grid (burger | brand | nav) */
#site-header .header-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
}
#site-header .site-branding{
  grid-column:2;
  justify-self:center;
  text-align:center;
  margin:0;
}
#site-header .site-navigation{
  grid-column:3;
  justify-self:end;
}
.site-navigation-toggle-holder{
  grid-column:1;
  justify-self:start;
}

/* Menu toggle glow must be state-driven (not :focus/:active) so it doesn't "stick" on mobile after closing. */
#site-header .site-navigation-toggle{
  box-shadow: none !important; /* override Elementor kit's global button focus glow */
  transition: box-shadow .2s ease, filter .2s ease;
}
#site-header .site-navigation-toggle:hover{
  box-shadow: 0 0 10px rgba(0,255,204,.18) !important; /* subtle; weaker than the title glow */
}
#site-header .site-navigation-toggle:focus,
#site-header .site-navigation-toggle:active{
  box-shadow: none !important; /* iOS/Safari can keep :focus after tap */
  outline: none;
}
#site-header .site-navigation-toggle:focus-visible{
  outline: 2px solid rgba(0,255,204,.55); /* preserve keyboard accessibility */
  outline-offset: 3px;
}
#site-header .site-navigation-toggle[aria-expanded="true"]{
  box-shadow: 0 0 10px rgba(0,255,204,.35), 0 0 18px rgba(0,255,204,.18) !important;
}

/* 2) Title: neon via ::before, single underline via ::after */
#site-header .site-title{
  position:relative;
  display:inline-block;
  line-height:1.1;
  color:transparent;             /* hide original text */
}
#site-header .site-title > a{ visibility:hidden; font-size:0; }

#site-header .site-title::before{
  content:"GET MONEY ECONOMICS";
  display:block;
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  font-size:2.6rem;
  color:#ff2288;
  text-shadow:0 0 6px #ff2288,0 0 12px #ff0055aa,0 0 24px #ff228855;
}
#site-header .site-title::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-8px;
  height:2px; width:0;
  background:#ff2288;
  box-shadow:0 0 6px #ff2288aa,0 0 12px #ff228855;
  transition:width .25s ease;
  pointer-events:none;
}
#site-header .site-title:hover::after{ width:60%; }

/* Mobile-only: reduce title size slightly (~10%) to improve spacing and hierarchy. */
@media (max-width: 480px){
  #site-header .site-title::before{ font-size: 2.35rem; }
}

/* 3) Tagline: centered with symmetric bolts */
#site-header .site-description{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  margin:0 auto 12px;
  padding:0;
  text-align:center;
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  letter-spacing:.06em;
  color:#00ffcc;
  text-shadow:0 0 6px #00ffcc,0 0 12px #00ffccaa;
}
#site-header .site-description::before,
#site-header .site-description::after{
  content:"\26A1";
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif;
  font-variant-ligatures: none;
  line-height:1;
  opacity:.95;
  color:#ffaa00;
  text-shadow:0 0 6px #ffaa00,0 0 12px #ffcc00;
}

/* 4) Desktop nav row + dropdowns */
@media (min-width:1025px){
  header .site-navigation{ position:relative; z-index:50; }

  header .site-navigation ul.menu{
    display:flex; align-items:center; gap:28px;
    list-style:none; margin:0; padding:0;
  }
  header .site-navigation ul.menu > li{ position:relative; }
  header .site-navigation ul.menu > li > a{
    display:inline-flex; align-items:center;
    white-space:nowrap; line-height:1.2; padding:0;
    color:#00ffcc; text-shadow:none; transition:text-shadow .3s ease;
  }
  header .site-navigation ul.menu > li > a:hover{
    color:#00ffcc; text-shadow:0 0 6px #00ffcc,0 0 12px #00ffcc;
  }

  /* Dropdown panel */
  header .site-navigation ul.sub-menu{
    position:absolute; top:calc(100% + 12px); left:0;
    display:none; min-width:220px;
    margin:0; padding:8px 0; list-style:none;
    border-radius:8px;
    background:rgba(0,0,0,.6);
    backdrop-filter:blur(6px);
  }
  header .site-navigation ul.menu > li:hover > ul.sub-menu{ display:block; }

  /* Dropdown links */
  header .site-navigation ul.sub-menu li{ margin:0; }
  header .site-navigation ul.sub-menu li a{
    display:block; padding:10px 16px; white-space:nowrap;
    color:#00ffcc; text-shadow:none; transition:text-shadow .3s ease;
  }
  header .site-navigation ul.sub-menu li a:hover{
    text-shadow:0 0 6px #00ffcc,0 0 12px #00ffcc;
  }
}

/* Desktop hover polish (only real mouse/trackpad devices) */
@media (hover: hover) and (pointer: fine){
  /* Top-level desktop links */
  @media (min-width:1025px){
    header .site-navigation ul.menu > li > a{
      padding: 6px 10px;
      border-radius: 14px;
      transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        color .18s ease,
        text-shadow .18s ease;
    }
    header .site-navigation ul.menu > li > a:hover,
    header .site-navigation ul.menu > li > a:focus-visible{
      background: rgba(0,255,204,.06);
      box-shadow:
        inset 0 0 0 1px rgba(0,255,204,.28),
        0 0 14px rgba(0,255,204,.22),
        0 0 26px rgba(255,34,136,.10);
      text-shadow: 0 0 10px rgba(0,255,204,.9), 0 0 18px rgba(0,255,204,.35);
      transform: translateY(-1px);
      outline: none;
    }
  }

  /* Desktop dropdown items (sub-menus) */
  @media (min-width:1025px){
    header .site-navigation ul.sub-menu li a{
      border-radius: 12px;
      transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        text-shadow .18s ease;
    }
    header .site-navigation ul.sub-menu li a:hover,
    header .site-navigation ul.sub-menu li a:focus-visible{
      background: rgba(0,255,204,.05);
      box-shadow:
        inset 0 0 0 1px rgba(0,255,204,.22),
        0 0 14px rgba(0,255,204,.18);
      text-shadow: 0 0 10px rgba(0,255,204,.9), 0 0 18px rgba(0,255,204,.35);
      transform: translateY(-1px);
      outline: none;
    }
  }

  /* Stacked neon menu links (if dropdown panel is used on desktop) */
  #site-header .site-navigation-dropdown ul li a{
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      background .18s ease,
      border-color .18s ease,
      color .18s ease,
      text-shadow .18s ease;
  }
  #site-header .site-navigation-dropdown ul li a:hover,
  #site-header .site-navigation-dropdown ul li a:focus-visible{
    background:
      radial-gradient(340px 120px at 50% 0%, rgba(0,255,204,.18), rgba(0,255,204,0) 70%),
      rgba(0,255,204,.06) !important;
    border-color: rgba(0,255,204,.35);
    transform: translateY(-1px) scale(1.01);
    box-shadow:
      0 0 14px rgba(0,255,204,.28),
      0 0 28px rgba(255,34,136,.14);
    color:#d7fff6 !important;
    text-shadow:0 0 10px rgba(0,255,204,.9), 0 0 18px rgba(0,255,204,.35);
    outline: none;
  }
}

/* 5) Mobile: keep burger pinned, dropdown bg solid dark */
@media (max-width:1024px){
  .site-navigation-toggle-holder{
    position:absolute; right:14px; top:14px; left:auto;
    transform:none; z-index:5;
  }
  .site-navigation-dropdown{
    /* Glassy overlay (fallback styles live here; fixed overlay rules below refine it) */
    color:#00ffcc !important;
    background:
      radial-gradient(700px 380px at 18% 6%, rgba(0,255,204,.12), rgba(0,255,204,0) 55%),
      radial-gradient(720px 420px at 82% 10%, rgba(255,34,136,.12), rgba(255,34,136,0) 58%),
      linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.82));
    border-top:1px solid rgba(0,255,204,.22);
    box-shadow: 0 18px 60px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    backdrop-filter: blur(12px) saturate(135%);
  }
  .site-navigation-dropdown ul li a{
    color:#00ffcc !important;
    text-shadow:0 0 5px rgba(0,255,204,.75);
    font-weight:800;
    letter-spacing:.02em;
    padding:14px 18px;
    display:block;
    border-radius: 16px;
    max-width: 440px;
    margin: 0 auto;
    border: 1px solid rgba(0,255,204,.12);
    background: rgba(0,255,204,.03);
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      background .18s ease,
      border-color .18s ease,
      color .18s ease,
      text-shadow .18s ease;
  }
  .site-navigation-dropdown ul li a:hover,
  .site-navigation-dropdown ul li a:focus-visible{
    background:
      radial-gradient(340px 120px at 50% 0%, rgba(0,255,204,.18), rgba(0,255,204,0) 70%),
      rgba(0,255,204,.06) !important;
    border-color: rgba(0,255,204,.35);
    transform: translateY(-1px) scale(1.01);
    box-shadow:
      0 0 14px rgba(0,255,204,.28),
      0 0 28px rgba(255,34,136,.14);
    color:#d7fff6 !important;
    text-shadow:0 0 10px rgba(0,255,204,.9), 0 0 18px rgba(0,255,204,.35);
    outline: none;
  }

  /* Current page highlight */
  .site-navigation-dropdown .current-menu-item > a,
  .site-navigation-dropdown .current-menu-ancestor > a{
    border-color: rgba(255,34,136,.35);
    background:
      radial-gradient(340px 120px at 50% 0%, rgba(255,34,136,.18), rgba(255,34,136,0) 72%),
      rgba(255,34,136,.04) !important;
    box-shadow:
      0 0 14px rgba(255,34,136,.22),
      0 0 28px rgba(0,255,204,.12);
  }
}

/* 6) Optional: pink caret on a specific menu item */
#menu-item-1757 > a::before{
  content:"\25BC"; color:#ff2288; margin-left:6px; font-size:.8em;
  text-shadow:0 0 6px #ff2288,0 0 12px #ff0055aa;
}
#menu-item-1757:hover > a::before{
  text-shadow:0 0 8px #ff2288,0 0 16px #ff0055aa,0 0 24px #ff228855;
}

/* Mobile dropdown: fixed overlay that scrolls independently */
@media (max-width:1024px){
  #site-header .site-navigation-dropdown{
    position: fixed;
    left: 0; right: 0;
    top: var(--hdr, 96px);           /* JS sets --hdr to header height */
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;    /* don't bubble scroll to window */
    background:
      radial-gradient(820px 460px at 18% 6%, rgba(0,255,204,.14), rgba(0,255,204,0) 58%),
      radial-gradient(860px 520px at 82% 10%, rgba(255,34,136,.14), rgba(255,34,136,0) 60%),
      linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.86)) !important;
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    z-index: 99999;
    padding: 14px 12px 22px;
    border-top: 1px solid rgba(0,255,204,.20);
    box-shadow: 0 22px 70px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.06);
    animation: gmeMenuPop .22s ease-out;
  }

  /* Center items nicely */
  #site-header .site-navigation-dropdown .site-navigation-dropdown-nav,
  #site-header .site-navigation-dropdown ul.menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
  }
  #site-header .site-navigation-dropdown ul li{ width: 100%; }
  #site-header .site-navigation-dropdown ul li a{
    display: block;
    text-align: center;
  }

  /* Lock page behind when menu is open */
  html.nav-open, body.nav-open{
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
}

@keyframes gmeMenuPop{
  from{ opacity: 0; transform: translateY(-8px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* Remove the white separator lines in the mobile dropdown */
@media (max-width:1024px){
  #site-header .site-navigation-dropdown .menu-item{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  #site-header .site-navigation-dropdown .menu-item::before,
  #site-header .site-navigation-dropdown .menu-item::after,
  #site-header .site-navigation-dropdown .menu-item a::before,
  #site-header .site-navigation-dropdown .menu-item a::after{
    content: none !important;
    display: none !important;
  }

  /* If you also want to remove the thin teal line at the very top: */
  #site-header .site-navigation-dropdown{
    border-top: 1px solid rgba(0,255,204,.20) !important;
  }
}

/* Fix white mobile menu panel */
@media (max-width:1024px){
  /* the dropdown panel itself */
  #site-header .site-navigation-dropdown{
    /* keep background from the glass overlay rules above */
    border-top: 1px solid rgba(0,255,204,.20) !important;
  }

  /* some themes color the <ul> (and pseudo-sheets) white */
  #site-header .site-navigation-dropdown > ul.menu,
  #site-header .site-navigation-dropdown::before,
  #site-header .site-navigation-dropdown::after{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    content:none !important;
  }

  /* ensure each item stays transparent */
  #site-header .site-navigation-dropdown .menu-item{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

/* Desktop: center the main menu under the title */
@media (min-width: 1025px){
  #site-header .site-branding{
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    text-align: center;
  }
  #site-header .site-navigation{
    grid-column: 1 / -1 !important;   /* span full grid */
    grid-row: 2 !important;            /* move to second row */
    justify-self: center !important;   /* center it */
    text-align: center;
    margin-top: 8px;
  }
  /* hide the burger container on desktop to avoid layout nudges */
.site-navigation-toggle-holder{
    display: none !important;
  }
}

/* ===============================
   Alpha Lounge hero cards layout
   =============================== */
.section-gme-lounge-hero .hero-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  align-items: stretch;
  width: 100%;
}

.section-gme-lounge-hero .hero-card {
  background: linear-gradient(135deg, rgba(0, 255, 204, 0.12), rgba(0, 0, 0, 0.7));
  border: 1px solid rgba(0, 255, 204, 0.35);
  border-radius: 18px;
  padding: 24px;
  color: #fff;
  box-shadow: 0 0 18px rgba(0, 255, 204, 0.18);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section-gme-lounge-hero .hero-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 255, 204, 0.25);
}

.section-gme-lounge-hero .hero-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 6px;
}

.section-gme-lounge-hero .hero-card-desc {
  color: #d0d7e5;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* ===============================
   Member stats panel
   =============================== */
.gme-member-stats {
  margin-top: 70px;
  padding: 36px;
  border-radius: 24px;
  background: radial-gradient(circle at top, rgba(0, 255, 204, 0.12), rgba(0, 0, 0, 0.85));
  border: 1px solid rgba(0, 255, 204, 0.25);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.65), inset 0 0 30px rgba(0, 255, 204, 0.08);
}

.gme-member-stats .stats-title {
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 800;
  margin-bottom: 24px;
  color: #dffdf8;
}

.gme-member-stats .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
}

.gme-member-stats .stat-card {
  padding: 18px;
  border-radius: 18px;
  background: rgba(5, 12, 22, 0.85);
  border: 1px solid rgba(0, 255, 204, 0.12);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gme-member-stats .stat-icon {
  font-size: 18px;
  opacity: 0.9;
}

.gme-member-stats .stat-value {
  font-size: 1.8rem;
  font-weight: 700;
  color: #00ffcc;
  line-height: 1.1;
}

.gme-member-stats .stat-label {
  font-size: 0.9rem;
  color: #c8d8ef;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gme-member-stats .badges-row {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.gme-member-stats .badge {
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.03em;
  background: linear-gradient(120deg, rgba(0, 255, 204, 0.35), rgba(0, 114, 255, 0.35));
  border: 1px solid rgba(0, 255, 204, 0.35);
  color: #f7fffb;
}

@media (max-width: 768px) {
  .gme-member-stats {
    padding: 28px;
  }
}

/* Alpha Member Lounge Hero */
.alpha-lounge-dashboard {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 24px;
  color: #fff;
  font-family: 'Space Grotesk', 'Share Tech Mono', sans-serif;
}

.alpha-lounge-dashboard .gme-lounge-hero {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 40px;
}

.alpha-lounge-dashboard .hero-content .hero-title {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  color: #ff3c28;
  margin-bottom: 12px;
}

.alpha-lounge-dashboard .hero-content .hero-subtitle {
  font-size: 1rem;
  color: #d0d7e5;
  line-height: 1.5;
}

.alpha-lounge-dashboard .hero-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
}

.alpha-lounge-dashboard .hero-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(0, 255, 204, 0.3);
  border-radius: 20px;
  padding: 20px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 0 18px rgba(0, 255, 204, 0.15);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.alpha-lounge-dashboard .hero-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 255, 204, 0.35);
}

.alpha-lounge-dashboard .hero-card .card-icon {
  font-size: 32px;
}

.alpha-lounge-dashboard .hero-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

.alpha-lounge-dashboard .hero-card p {
  font-size: 0.95rem;
  color: #c5d3e6;
  margin: 0;
}

.alpha-lounge-dashboard .hero-card .card-arrow {
  margin-top: auto;
  font-weight: 700;
  color: #00ffcc;
}

/* Nav pills */
.alpha-lounge-dashboard .gme-dashboard-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 36px;
}

.alpha-lounge-dashboard .nav-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.65);
  border: 1px solid rgba(0, 255, 204, 0.35);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.alpha-lounge-dashboard .nav-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 255, 204, 0.3);
}

.alpha-lounge-dashboard .nav-pill .pill-icon {
  font-size: 1.1rem;
}

@media (max-width: 900px) {
  .alpha-lounge-dashboard .gme-dashboard-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .alpha-lounge-dashboard .nav-pill {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 12px 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(0, 255, 204, 0.12), rgba(0, 0, 0, 0.85));
    box-shadow: 0 0 16px rgba(0, 255, 204, 0.18);
  }

  .alpha-lounge-dashboard .nav-pill .pill-icon {
    font-size: 1rem;
  }

  .alpha-lounge-dashboard .gme-lounge-hero {
    grid-template-columns: 1fr;
  }
}
/* Alpha Member Lounge - placeholders removed (full styles defined earlier) */

/* Submit Alpha Signal container */
.gme-submit-alpha-section {
  margin: 70px auto 60px;
  padding: 48px;
  border-radius: 28px;
  max-width: 1100px;
  background: radial-gradient(circle at top, rgba(0,255,204,0.14), rgba(0,0,0,0.92));
  border: 1px solid rgba(0,255,204,0.25);
  box-shadow: 0 30px 80px rgba(0,0,0,0.65), inset 0 0 30px rgba(0,255,204,0.08);
}

.gme-submit-alpha-section .submit-alpha-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
  align-items: start;
  justify-items: start;
}

.gme-submit-alpha-section .section-title {
  font-size: clamp(32px, 4vw, 40px);
  margin-bottom: 0;
}

.gme-submit-alpha-section .section-desc {
  font-size: 1rem;
  color: #d0d7e5;
  margin-bottom: 0;
}

.gme-submit-alpha-section .section-desc {
  justify-self: end;
  text-align: right;
}

/* Form panel */
.gme-submit-alpha-section .alpha-submission-box {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 760px;
  padding: 28px 30px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0,255,204,0.35);
  box-shadow: 0 12px 35px rgba(0,0,0,0.55);
}

.gme-submit-alpha-section .form-row,
.gme-submit-alpha-section .form-row-triple {
  margin-bottom: 20px;
}

.gme-submit-alpha-section .form-row-triple {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
}

.gme-submit-alpha-section label {
  font-weight: 600;
  color: #dffdf8;
  margin-bottom: 6px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.gme-submit-alpha-section input,
.gme-submit-alpha-section textarea {
  width: 100%;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,255,204,0.25);
  background: rgba(0,0,0,0.6);
  color: #fff;
}

.gme-submit-alpha-section .submit-alpha-btn {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  font-weight: 700;
  background: linear-gradient(120deg, #00ffcc, #00a8ff);
  border: none;
  color: #011;
  box-shadow: 0 10px 25px rgba(0,255,204,0.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gme-submit-alpha-section .submit-alpha-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(0,255,204,0.45);
}

@media (max-width: 900px) {
  .gme-submit-alpha-section {
    padding: 36px 28px;
  }
  .gme-submit-alpha-section .section-desc {
    justify-self: start;
    text-align: left;
  }
}

/* Phantom wallet field: keep layout constrained without leaking styles. */
.gme-phantom-wallet-field .um-field-value,
.gme-phantom-wallet-field .um-field-area {
  max-width: 100%;
}

.gme-phantom-wallet-field .um-field-area input,
.gme-phantom-wallet-field .um-field-area textarea {
  max-width: 100%;
}

/* Align Ultimate Member login/register buttons */
.um-form .um-left.um-half,
.um-form .um-right.um-half {
  margin-top: 20px;
}

/* === GME Journal & Trade Forms (moved from WPCode) === */
body.um-profile {

/* 🌒 GME Trade Forms (Form #1 & #3) */
#gform_wrapper_1 form,
#gform_wrapper_3 form {
  background-color: #111;
  border: 1px solid #222;
  border-radius: 12px;
  padding: 20px;
  font-family: 'Poppins', sans-serif;
  color: #eee;
  box-shadow: 0 0 12px rgba(0, 255, 204, 0.2);
}

/* 🏷️ Field Labels */
#gform_wrapper_1 .gfield_label,
#gform_wrapper_3 .gfield_label {
  color: #e6e6e6;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
}

/* ✍️ Inputs, Textareas, Selects */
#gform_wrapper_1 input,
#gform_wrapper_3 input,
#gform_wrapper_1 textarea,
#gform_wrapper_3 textarea,
#gform_wrapper_1 select,
#gform_wrapper_3 select {
  background-color: #000;
  color: #eee;
  border: 1px solid #444;
  border-radius: 6px;
  padding: 10px;
  font-size: 15px;
  width: 100%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}

/* ✨ Focus States */
#gform_wrapper_1 input:focus,
#gform_wrapper_3 input:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_3 textarea:focus,
#gform_wrapper_1 select:focus,
#gform_wrapper_3 select:focus {
  border-color: #00ffcc;
  box-shadow: 0 0 0 1px #00ffcc;
  outline: none;
}

/* ✅ Required Asterisk */
.gfield_required {
  color: #00ffcc;
  font-weight: bold;
}

/* ℹ️ Field Descriptions */
.gfield_description {
  font-size: 0.85rem;
  color: #aaa;
  margin-top: 4px;
}

/* 🟥 Submit Buttons */
#gform_wrapper_1 input[type="submit"],
#gform_wrapper_3 input[type="submit"] {
  background: linear-gradient(to right, #00ffcc, #00a8ff);
  color: #011;
  border: none;
  padding: 12px 24px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.45);
  transition: 0.3s ease;
}
#gform_wrapper_1 input[type="submit"]:hover,
#gform_wrapper_3 input[type="submit"]:hover {
  box-shadow: 0 0 16px rgba(0, 255, 204, 0.6);
  transform: scale(1.03);
  cursor: pointer;
}

/* 🎭 Emotion Tag Styling */
.gform_wrapper .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  animation: fadeUp 0.6s ease forwards;
  opacity: 0;
  transform: translateY(10px);
}
.gform_wrapper .gfield_radio.appear {
  opacity: 1;
  transform: translateY(0);
}
.gform_wrapper .gfield_radio li {
  display: flex;
  align-items: center;
  background: #1a1a1a;
  padding: 6px 12px;
  border: 1px solid #333;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
}
.gform_wrapper .gfield_radio li:hover {
  background-color: #222;
  border-color: #00ffcc;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.3);
}
.gform_wrapper .gfield_radio li label {
  margin-left: 8px;
  font-weight: 500;
  font-size: 15px;
  color: #eee !important;
  cursor: pointer;
  text-transform: capitalize;
}

/* 🔘 Custom Round Radio Buttons */
.gform_wrapper input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #000;
  border: 2px solid #00ffcc;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: middle;
  transition: border-color 0.2s ease;
}

.gform_wrapper input[type="radio"]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #00ffcc;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}


/* 🎯 Emotion Emojis (via label class) */
label.emotion-label.fear::before    { content: "😨 "; }
label.emotion-label.greed::before   { content: "💰 "; }
label.emotion-label.fomo::before    { content: "🚨 "; }
label.emotion-label.panic::before   { content: "😱 "; }
label.emotion-label.calm::before    { content: "🧘 "; }
label.emotion-label.confidence::before { content: "😎 "; }
label.emotion-label.degen::before   { content: "🧨 "; }
label.emotion-label.other::before   { content: "❓ "; }

label.emotion-label::before {
  margin-right: 6px;
}
label.emotion-label span {
  color: #e6e6e6 !important;
  font-weight: 600;
  text-shadow: 0 0 4px rgba(0, 255, 204, 0.35);
}

/* 🔥 Emotion Glow When Selected */
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.fear) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.greed) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.fomo) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.panic) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.calm) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.confidence) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.degen) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}
.gform_wrapper .gfield_radio input[type="radio"]:checked + label:has(span.other) {
  color: #00ffcc !important;
  text-shadow: 0 0 6px rgba(0, 255, 204, 0.8);
}

/* Journal file upload button + focus accents */
.gform_wrapper input[type="file"]::before {
  background: linear-gradient(to right, #00ffcc, #00a8ff);
  color: #011;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
}

.gform_wrapper input[type="file"]:hover::before {
  box-shadow: 0 0 14px rgba(0, 255, 204, 0.7), 0 0 24px rgba(0, 255, 204, 0.45);
}

.gform_wrapper .gfield input[type="file"]::file-selector-button {
  background: linear-gradient(to right, #00ffcc, #00a8ff) !important;
  color: #011 !important;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.5) !important;
}

.gform_wrapper .gfield input[type="file"]::file-selector-button:hover {
  box-shadow: 0 0 12px rgba(0, 255, 204, 0.7) !important;
}

#gform_wrapper_1 #field_1_32 input[type="file"]::file-selector-button:hover {
  background: #00e6b8 !important;
  box-shadow: 0 0 8px rgba(0, 255, 204, 0.4) !important;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: #00ffcc !important;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
  animation: inputPulse 1s ease-in-out infinite;
  outline: none !important;
}

/* Journal custom upload buttons from injected snippet */
.custom-upload-button,
.custom-upload-button-exit {
  background: linear-gradient(to right, #00ffcc, #00a8ff) !important;
  color: #011 !important;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.45) !important;
}

.custom-upload-button:hover,
.custom-upload-button-exit:hover {
  background: #00e6b8 !important;
  box-shadow: 0 0 12px rgba(0, 255, 204, 0.65) !important;
}

.gme-journal-entry-card {
  background: #111;
  color: #eee;
  border: 1px solid #333;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.05);
}

.gme-journal-entry-card h3 {
  margin: 0 0 10px;
  font-size: 1.3rem;
  color: #00ffcc;
}

.edit-exit-btn-wrap {
  margin-top: 20px;
  text-align: right;
}

.edit-exit-btn {
  display: inline-block;
  padding: 10px 16px;
  font-weight: bold;
  border-radius: 6px;
  background: #00ffcc;
  color: #011;
  border: none;
  box-shadow: 0 0 10px rgba(0, 255, 204, 0.4);
  transition: 0.2s ease;
  font-size: 14px;
}

.edit-exit-btn:hover {
  background: #00e6b8;
  box-shadow: 0 0 14px rgba(0, 255, 204, 0.6);
  color: #000;
  cursor: pointer;
}



/* ✨ Fade Up Animation */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.screenshot-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.screenshot-box {
  flex: 1 1 45%;
  max-width: 100%;
  text-align: center;
  color: #00ffcc;
  font-weight: bold;
}

.screenshot-box img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,255,204,0.3);
  margin-top: 8px;
}

}