/* wrapper */
.pll-custom-picker { position: relative; display:inline-block; font-family: system-ui, sans-serif; }

/* toggle button: centered arrow and compact layout */
.pll-picker-toggle {
  background:#141315;
  color:#cccccc;
  border:1px solid rgba(255,255,255,0.04);
  padding:8px 12px 8px 12px;
  border-radius:8px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;        /* vertically center contents */
  gap:8px;
  font-size:14px;
  line-height:1;             /* keeps vertical centering */
  height:40px;               /* fixed height to help centering */
}

/* arrow aligned and vertically centered */
.pll-picker-toggle .arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:12px;
  color:#cccccc;
  margin-left:6px;
}

/* small code badge (two letters) */
.pll-picker-code {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  border-radius:6px;
  background:rgba(255,255,255,0.02);
  color:#cccccc;
  font-weight:600;
  font-size:13px;
}

/* hidden full name in toggle on small screens (optional) */
.pll-picker-label {
  margin-left:6px;
  white-space:nowrap;
}

/* list */
.pll-picker-list {
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:180px;
  background:#141315;
  border-radius:8px;
  padding:6px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
  z-index:9999;
  list-style:none;
}
.pll-custom-picker.open .pll-picker-list { display:block; }

/* items */
.pll-picker-list li a {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  color:#cccccc;
  text-decoration:none;
  border-radius:6px;
}
.pll-picker-list li a:hover { background:rgba(255,255,255,0.03); color:#ffffff; }

/* flag/emoji sizing */
.pll-picker-flag { font-size:18px; line-height:1; }

/* mobile: smaller button and hide text, show only 2-letter code */
@media (max-width:768px) {
  .pll-picker-toggle { padding:6px 10px; height:36px; font-size:13px; }
  .pll-picker-label { display:none; } /* hide full name */
  .pll-picker-code { min-width:24px; height:24px; font-size:12px; }
}
