/* ============================================================
   📍 LOCATION DROPDOWN — PREMIUM LÉGER
============================================================ */

.location-dropdown{
  position: relative;
  width: 100%;
  overflow: visible;
}

/* ------------------------------------------------------------
   INPUT
------------------------------------------------------------ */
.location-dropdown input{
  width: 100%;
  padding: 16px 56px 16px 20px;
  border-radius: 50px;
  box-sizing: border-box;

  background:
    linear-gradient(
      180deg,
      rgba(117,84,60,0.30),
      rgba(88,57,38,0.38)
    );

  border: 1px solid rgba(255,255,255,0.22);
  color: var(--ink);

  font-size: 1.05rem;
  font-family: "Inter", system-ui, sans-serif;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 10px 22px rgba(0,0,0,0.22);

  outline: none;
}

.location-dropdown input:focus{
  border-color: rgba(230,214,158,0.55);
}

/* ------------------------------------------------------------
   ICÔNE
------------------------------------------------------------ */
.location-dropdown-icon{
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);

  width: 36px;
  height: 36px;
  border-radius: 50%;

  border: 1px solid rgba(230,214,158,0.30);
  background: rgba(255,255,255,0.08);

  color: rgba(230,214,158,0.95);
  font-size: 1.05rem;

  display: grid;
  place-items: center;

  cursor: pointer;
  padding: 0;
}

/* ------------------------------------------------------------
   LISTE
------------------------------------------------------------ */
.location-dropdown-list{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  z-index: 20;

  background: rgba(20,10,6,0.96);
  border: 1px solid rgba(230,214,158,0.22);
  border-radius: 14px;

  box-shadow: 0 22px 50px rgba(0,0,0,0.40);

  padding: 6px 0;
  max-height: 240px;
  overflow-y: auto;

  display: none;
}

/* ------------------------------------------------------------
   OPTIONS
------------------------------------------------------------ */
.location-dropdown-option{
  padding: 12px 18px;
  cursor: pointer;

  color: #fffdf8;
  font-size: 0.98rem;
  font-family: "Inter", system-ui, sans-serif;
}

.location-dropdown-option:hover{
  background: rgba(230,214,158,0.14);
}