/* PinkCheer Navigation – THEMED LIGHTS (match sandbox) */

/* OVERLAY PANEL (DESKTOP & MOBILE BASE) */
.pc-nav-overlay-inner {
  padding: 24px;
  border-radius: 32px;
  background:
    radial-gradient(130% 210% at 0% 0%,
      rgba(255,192,234,0.28) 0%,
      rgba(255,192,234,0.05) 32%,
      rgba(255,192,234,0) 65%)
    ,
    linear-gradient(150deg,#240034 0%,#100019 40%,#05000c 90%);
  backdrop-filter: blur(26px);
  box-shadow: 0 26px 70px rgba(5,0,15,0.95);
  border: 1px solid rgba(255,255,255,0.16);
}

/* LIST = แนวตั้ง */
.pc-nav {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
}

/* CAPSULE ITEM (DESKTOP & MOBILE BASE) */
.pc-nav-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 16px;
  margin:0;
  width:100%;
  border-radius:999px;
  background:rgba(10,0,25,0.75);
  border:1px solid rgba(255,208,255,0.24);
  box-shadow: 0 18px 40px rgba(0,0,0,0.65);
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  font-weight:400;
  letter-spacing: 0.01em;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.16s ease;
}

/* LABEL & SECTION */
.pc-nav-label {
  font-weight:400;
}

.pc-nav-section {
  opacity:.80;
  font-size:10px;
  letter-spacing: 0.32em;
  margin-left:40px;
  text-transform:uppercase;
}

/* HOVER */
.pc-nav-item:hover {
  background:
    radial-gradient(180% 260% at 0% 0%,
      rgba(255,192,234,0.30) 0%,
      rgba(255,192,234,0.10) 40%,
      rgba(255,192,234,0.03) 70%)
    ,
    rgba(16,0,40,0.95);
  border-color: rgba(255,220,255,0.55);
  box-shadow: 0 24px 52px rgba(0,0,0,0.85);
  transform: translateY(-1px);
}

/* ===== MOBILE LUX STYLE ===== */
@media (max-width: 767px) {
  .pc-nav-overlay-inner {
    padding: 24px;
    border-radius: 28px;
    backdrop-filter: blur(20px);
  }

  .pc-nav {
    gap: 10px;
  }

  .pc-nav-item {
    padding:8px 16px;
    font-size:14px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.65);
  }

  .pc-nav-section {
    font-size:10px;
    letter-spacing:0.24em;
    margin-left:24px;
  }
}