/*
 * lmc.css — Lefebre Multicurrency v1.1.0
 * Paleta alineada con Lefebre Live Auction (--lla-accent: #762f25)
 */

/* ── Variables ────────────────────────────────────────────────────────────── */
:root {
  --lmc-accent:  #762f25;
  --lmc-lt:      #f4f2f1;
  --lmc-bg:      #ffffff;
  --lmc-s1:      #f4f2f1;
  --lmc-s2:      #e8e3da;
  --lmc-border:  #e8e3da;
  --lmc-txt:     #000000;
  --lmc-mut:     #666666;
  --lmc-rad:     8px;
  --lmc-shadow:  0 4px 20px rgba(0,0,0,.13);
  --lmc-z:       99999;
  --lmc-font:    'IBM Plex Sans', system-ui, sans-serif;
  --lmc-mono:    'IBM Plex Mono', monospace;
}

/* ── Precios convertidos ──────────────────────────────────────────────────── */
.lmc-price,
.lmc-converted {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-variant-numeric: tabular-nums;
}
.lmc-sym {
  font-size: .82em;
  font-weight: 700;
  color: var(--lmc-accent);
  letter-spacing: .01em;
}
.lmc-val { color: inherit; }
.lmc-ref {
  font-size: .75em;
  color: var(--lmc-mut);
  margin-left: 4px;
}

/* ── Selector flotante ────────────────────────────────────────────────────── */
.lmc-sel {
  position: fixed;
  z-index: var(--lmc-z);
  font-family: var(--lmc-font);
  font-size: 13px;
}
.lmc-bottom-right { bottom: 24px; right: 24px; }
.lmc-bottom-left  { bottom: 24px; left:  24px; }
.lmc-top-right    { top:    24px; right: 24px; }
.lmc-top-left     { top:    24px; left:  24px; }

/* Botón principal */
.lmc-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--lmc-accent);
  color: var(--lmc-lt);
  border: none;
  border-radius: var(--lmc-rad);
  cursor: pointer;
  font: 600 13px/1 var(--lmc-font);
  letter-spacing: .02em;
  box-shadow: var(--lmc-shadow);
  transition: background .15s, transform .1s;
  white-space: nowrap;
}
.lmc-btn:hover  { background: #8f3a2e; }
.lmc-btn:active { transform: scale(.97); }
.lmc-btn .lmc-sym { font-size: 15px; }
.lmc-chev { transition: transform .2s; flex-shrink: 0; }
.lmc-btn[aria-expanded="true"] .lmc-chev { transform: rotate(180deg); }

/* Dropdown */
.lmc-list {
  display: none;
  position: absolute;
  background: var(--lmc-bg);
  border: 1px solid var(--lmc-border);
  border-radius: var(--lmc-rad);
  box-shadow: var(--lmc-shadow);
  list-style: none;
  margin: 0;
  padding: 6px 0;
  min-width: 230px;
}
.lmc-list.lmc-open { display: block; }

/* Posición del dropdown según posición del selector */
.lmc-bottom-right .lmc-list,
.lmc-bottom-left  .lmc-list { bottom: calc(100% + 8px); }
.lmc-top-right    .lmc-list,
.lmc-top-left     .lmc-list { top:    calc(100% + 8px); }
.lmc-bottom-right .lmc-list,
.lmc-top-right    .lmc-list { right: 0; }
.lmc-bottom-left  .lmc-list,
.lmc-top-left     .lmc-list { left:  0; }

/* Opciones */
.lmc-opt {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  cursor: pointer;
  color: var(--lmc-txt);
  transition: background .1s;
}
.lmc-opt:hover,
.lmc-opt:focus               { background: var(--lmc-s1); outline: none; }
.lmc-opt--active             { background: var(--lmc-s1); font-weight: 600; }
.lmc-opt__sym  { font-size: 17px; min-width: 26px; text-align: center; color: var(--lmc-accent); font-weight: 700; }
.lmc-opt__info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }
.lmc-opt__code { font-weight: 700; font-size: 13px; }
.lmc-opt__name { font-size: 11px; color: var(--lmc-mut); }
.lmc-opt__rate { font-size: 10px; color: var(--lmc-mut); font-family: var(--lmc-mono); }
.lmc-check     { color: var(--lmc-accent); margin-left: auto; flex-shrink: 0; }

/* ── Aviso checkout ───────────────────────────────────────────────────────── */
.lmc-notice { font-size: 14px !important; }