/* ================================
   AMK GLASS UI – FINAL (VISIBLE)
   ================================ */

.amk-glass-ui {

  /* ---------- LOCATION DROPDOWN ---------- */
  .amk-dd__button {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0)),
      rgba(18,24,41,0.55) !important;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(120,200,255,0.35) !important;
    border-radius: 12px !important;

    color: #e7eefc !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.25),
      0 12px 30px rgba(0,0,0,0.45);
  }

  /* Location panel */
  .amk-dd__panel {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0)),
      rgba(18,24,41,0.65) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(120,200,255,0.35) !important;
    border-radius: 14px;
  }

  /* ---------- CATEGORY / SUBCATEGORY ---------- */
  select.amk-select {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0)),
      rgba(18,24,41,0.55) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(120,200,255,0.35) !important;
    border-radius: 12px !important;

    color: #e7eefc !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.25),
      0 12px 30px rgba(0,0,0,0.45);

    height: 44px;
    padding: 0 14px;
  }

  /* ---------- BUTTONS ---------- */
  button,
  input[type="submit"] {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0)),
      rgba(18,24,41,0.6) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(120,200,255,0.35) !important;
    border-radius: 12px !important;

    color: #e7eefc !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.25),
      0 10px 26px rgba(0,0,0,0.4);
  }

  /* ---------- FILE UPLOAD ---------- */
  input[type="file"]::file-selector-button {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0)),
      rgba(18,24,41,0.6);

    border: 1px solid rgba(120,200,255,0.35);
    border-radius: 10px;
    color: #fff;
  }

  /* ---------- MAP CONTAINER ---------- */
  .map-wrap,
  .amk-usa__wrap {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0)),
      rgba(18,24,41,0.45);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-radius: 16px;
    padding: 14px;
  }
}

/* ---------- LOCATION ABOVE MAP (KEEP) ---------- */
.amk-dd__panel {
  position: absolute !important;
  z-index: 999999 !important;
}


/* =========================================
   🔥 FORCE GLASS MORPHISM — FINAL OVERRIDE
   ========================================= */

/* ---------- LOCATION BUTTON ---------- */
.amk-dd__button {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.25), rgba(255,255,255,0)),
    rgba(12,18,32,0.65) !important;

  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;

  border: 1px solid rgba(120,200,255,0.45) !important;
  border-radius: 14px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    0 16px 36px rgba(0,0,0,0.6) !important;

  color: #ffffff !important;
}

/* ---------- LOCATION DROPDOWN PANEL ---------- */
.amk-dd__panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0)),
    rgba(12,18,32,0.75) !important;

  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;

  border: 1px solid rgba(120,200,255,0.45) !important;
  border-radius: 16px !important;

  box-shadow: 0 20px 50px rgba(0,0,0,0.7) !important;
}

/* ---------- CATEGORY & SUBCATEGORY (SELECT) ---------- */
select,
.amk-select {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.25), rgba(255,255,255,0)),
    rgba(12,18,32,0.65) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  border: 1px solid rgba(120,200,255,0.45) !important;
  border-radius: 14px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    0 14px 34px rgba(0,0,0,0.6) !important;

  color: #ffffff !important;

  height: 44px !important;
  padding: 0 14px !important;
}

/* ---------- BUTTONS (SEARCH / SUBMIT) ---------- */
button,
input[type="submit"] {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0)),
    rgba(12,18,32,0.7) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  border: 1px solid rgba(120,200,255,0.45) !important;
  border-radius: 14px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.3),
    0 14px 34px rgba(0,0,0,0.6) !important;

  color: #ffffff !important;
}

/* ---------- FILE UPLOAD BUTTON ---------- */
input[type="file"]::file-selector-button {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0)),
    rgba(12,18,32,0.7) !important;

  border: 1px solid rgba(120,200,255,0.45) !important;
  border-radius: 12px !important;

  color: #ffffff !important;
}