/* Member ID & Members Search - Glassy 3D design, white text, light red hover */

/* Target only Member ID (#member_query) and Members Search (#newquery) inputs in header */
.page-header .navbar .search input#member_query,
.page-header .navbar .search input#newquery {
  /* Glassy base */
  background: rgba(0, 0, 0, 35%) !important;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1px solid rgb(255 0 0 / 54%) !important;
  border-radius: 12px !important;

  /* 3D depth */
  box-shadow:
    0 6px 20px 0 rgba(0, 0, 0, 0.2),
    0 2px 8px 0 rgba(0, 0, 0, 0.12),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 0 rgba(0, 0, 0, 0.08)!important;

  /* White text */
  color: #ffffff !important;
  font-weight: 500;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Placeholder white */
.page-header .navbar .search input#member_query::placeholder,
.page-header .navbar .search input#newquery::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

.page-header .navbar .search input#member_query::-webkit-input-placeholder,
.page-header .navbar .search input#newquery::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

.page-header .navbar .search input#member_query::-moz-placeholder,
.page-header .navbar .search input#newquery::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

.page-header .navbar .search input#member_query:-ms-input-placeholder,
.page-header .navbar .search input#newquery:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Focus: keep glassy, subtle white glow */
.page-header .navbar .search input#member_query:focus,
.page-header .navbar .search input#newquery:focus {
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow:
    0 6px 20px 0 rgba(0, 0, 0, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.15),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
  outline: none !important;
}

/* Light red hover - separate from default state */
.page-header .navbar .search input#member_query:hover,
.page-header .navbar .search input#newquery:hover {
  background: rgba(220, 100, 100, 0.45) !important;
  border-color: rgba(255, 180, 180, 0.5) !important;
  transform: translateY(-2px);
  box-shadow:
    0 8px 24px 0 rgba(180, 60, 60, 0.25),
    0 3px 10px 0 rgba(0, 0, 0, 0.15),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.page-header .navbar .search input#member_query:hover::placeholder,
.page-header .navbar .search input#newquery:hover::placeholder {
  color: rgba(255, 255, 255, 0.9) !important;
}

.page-header .navbar .search input#member_query:hover::-webkit-input-placeholder,
.page-header .navbar .search input#newquery:hover::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.9) !important;
}

.page-header .navbar .search input#member_query:hover::-moz-placeholder,
.page-header .navbar .search input#newquery:hover::-moz-placeholder {
  color: rgba(255, 255, 255, 0.9) !important;
}

.page-header .navbar .search input#member_query:hover:-ms-input-placeholder,
.page-header .navbar .search input#newquery:hover:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.9) !important;
}