/* Inherit the LegalCoin theme in light and dark modes. */
.lc-market { color:var(--wp--preset--color--ink-800,#e2e6e8); font-variant-numeric:tabular-nums; }
.lc-market *, .lc-market *::before, .lc-market *::after { box-sizing:border-box; }
.lc-market h1 { font-size:clamp(2rem,4vw,3.5rem); line-height:1.1; letter-spacing:-.03em; text-wrap:balance; margin:0 0 1rem; }
.lc-market h2 { font-size:clamp(1.35rem,2.5vw,2rem); line-height:1.2; text-wrap:balance; }
.lc-market h3 { font-size:1.1rem; margin:0 0 .5rem; }
.lc-market p { line-height:1.65; }
.lc-market__header p { max-width:70ch; font-size:1.1rem; }
.lc-market section { margin-top:3.5rem; }
.lc-market a { color:var(--wp--preset--color--brand-500,#5eead4); text-underline-offset:.2em; }
.lc-market a:hover { text-decoration-thickness:2px; }
.lc-market__nav, .lc-market__toolbar, .lc-market__pagination { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; align-items:center; margin:1.5rem 0; }
.lc-market button, .lc-market input, .lc-market select { font:inherit; color:inherit; border:1px solid var(--wp--preset--color--ink-300,#354149); border-radius:8px; background:var(--wp--preset--color--canvas,#0a0d0f); min-height:44px; padding:.6rem .85rem; max-width:100%; }
/* Reserve space for a single inset chevron instead of the platform edge arrow. */
.lc-market select { appearance:none; -webkit-appearance:none; padding-right:2.75rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238e9599' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .9rem center; background-size:1rem; cursor:pointer; }
@media(forced-colors:active) { .lc-market select { appearance:auto; -webkit-appearance:auto; background-image:none; } }
.lc-market button { cursor:pointer; transition:background-color 150ms ease-out,border-color 150ms ease-out; }
.lc-market button:hover:enabled { border-color:var(--wp--preset--color--brand-500,#5eead4); background:var(--wp--preset--color--brand-50,#0c2321); }
.lc-market button:active:enabled { transform:translateY(1px); }
.lc-market button:disabled { opacity:.5; cursor:default; }
.lc-market :focus-visible { outline:2px solid var(--wp--preset--color--brand-500,#5eead4); outline-offset:4px; }
.lc-market input { caret-color:var(--wp--preset--color--brand-500,#5eead4); }
.lc-market input::placeholder { color:var(--wp--preset--color--ink-700,#c3c9cd); opacity:1; }
.lc-market label, .lc-market__field { display:grid; gap:.6rem; min-width:0; }
.lc-market__search { flex:1; min-width:12rem; }
.lc-market__scroll { overflow-x:auto; scrollbar-color:var(--wp--preset--color--ink-500,#8e9599) var(--wp--preset--color--canvas,#0a0d0f); }
.lc-market table { width:100%; border-collapse:collapse; font-size:.9rem; }
.lc-market caption { text-align:left; color:var(--wp--preset--color--ink-700,#c3c9cd); padding:.5rem 0 1rem; }
.lc-market th, .lc-market td { text-align:right; padding:1rem .65rem; border-bottom:1px solid var(--wp--preset--color--ink-300,#232a2e); white-space:nowrap; }
.lc-market th:nth-child(2) { text-align:left; min-width:12rem; }
.lc-market th img { vertical-align:middle; margin-right:.6rem; }
.lc-market th button { border:0; padding:.4rem; background:transparent; font-weight:600; }
.lc-market__up { color:var(--wp--preset--color--brand-500,#5eead4); }
.lc-market__down { color:#fca5a5; }
.lc-market__status { margin-bottom:.5rem; }
.lc-market__calculator { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:1.25rem; margin:2rem 0 1rem; padding:clamp(1rem,3vw,2rem); border:1px solid var(--wp--preset--color--ink-300,#354149); border-radius:16px; }
.lc-market__calculator input, .lc-market output { font-size:clamp(1.35rem,3vw,2rem); width:100%; min-height:64px; }
.lc-market output { display:flex; align-items:center; overflow-wrap:anywhere; line-height:1.2; }
.lc-market__calculator p { grid-column:1 / -1; margin:0; }
.lc-market [data-error]:empty { display:none; }
.lc-market [aria-invalid="true"] { border-color:#fca5a5; }
.lc-market__swap { display:grid; place-items:center; }
.lc-market__benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; }
.lc-market__benefits > div { padding:1.25rem; background:var(--wp--preset--color--canvas,#0a0d0f); border-radius:12px; }
.lc-market__benefits p { margin-bottom:0; }
.lc-market__pairs, .lc-market__popular { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.lc-market__pairs a { padding:.7rem 0; }
.lc-market__popular button { text-align:left; }
.lc-market__popular span { display:block; margin-top:.5rem; font-size:.85rem; }
.lc-market__directory { columns:3 15rem; padding-left:1.2rem; }
.lc-market__directory li { break-inside:avoid; padding:.4rem 0; }
.lc-market__news { list-style:none; padding:0; }
.lc-market__news li { display:grid; grid-template-columns:7rem 1fr; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--wp--preset--color--ink-300,#232a2e); }
.lc-market__text { max-width:75ch; }
.lc-market__text h2 { margin-top:2.25rem; }
.lc-market details { margin-top:2rem; }
.lc-market summary { cursor:pointer; color:var(--wp--preset--color--brand-500,#5eead4); padding:1rem 0; }
.lc-market__source { margin-top:2rem; font-size:.9rem; }
@media(max-width:700px) {
 .lc-market__calculator { grid-template-columns:1fr; }
 .lc-market__swap { justify-self:center; }
 .lc-market__benefits, .lc-market__pairs, .lc-market__popular { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lc-market__news li { grid-template-columns:1fr; gap:.25rem; }
 .lc-market__toolbar { align-items:stretch; }
 .lc-market__search { flex-basis:100%; order:-1; }
}
@media(max-width:380px) { .lc-market__benefits, .lc-market__popular { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .lc-market button { transition:none; } .lc-market button:active:enabled { transform:none; } }
/* Rates directory: a compact market screen within the existing LegalCoin identity. */
.lc-market[data-market-tool="rates"] .lc-market__header h1 { font-size:clamp(1.7rem,3vw,2.5rem); letter-spacing:-.025em; }
.lc-market[data-market-tool="rates"] .lc-market__header p { font-size:.95rem; max-width:85ch; color:var(--wp--preset--color--ink-700,#c3c9cd); }
.lc-market[data-market-tool="rates"] .lc-market__nav { gap:1.75rem; border-bottom:1px solid var(--wp--preset--color--ink-300,#232a2e); padding-bottom:1rem; }
.lc-market[data-market-tool="rates"] .lc-market__nav a:first-child { font-weight:700; color:var(--wp--preset--color--ink-900,#f5f8f8); text-decoration:none; }
.lc-market[data-market-tool="rates"] .lc-market__status { display:inline-block; font-size:.8rem; margin:0 1rem 1rem 0; color:var(--wp--preset--color--ink-700,#c3c9cd); }
.lc-market[data-market-tool="rates"] [data-refresh] { font-size:.8rem; min-height:36px; }
.lc-market__overview { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:1rem; margin:1.5rem 0 2rem; }
.lc-market__overview > div { display:grid; gap:.6rem; padding:1.3rem; border:1px solid var(--wp--preset--color--ink-300,#232a2e); border-radius:12px; }
.lc-market__overview span { font-size:.8rem; color:var(--wp--preset--color--ink-700,#c3c9cd); }
.lc-market__overview strong { font-size:clamp(1rem,1.7vw,1.4rem); font-weight:650; overflow-wrap:anywhere; }
.lc-market__overview small { font-size:.75rem; }
.lc-market__filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.lc-market__filters button { border-color:transparent; background:transparent; font-size:.85rem; font-weight:600; }
.lc-market__filters button[aria-pressed="true"] { background:var(--wp--preset--color--brand-50,#0c2321); color:var(--wp--preset--color--brand-500,#5eead4); }
.lc-market[data-market-tool="rates"] .lc-market__toolbar { margin:1rem 0; gap:1rem; }
.lc-market[data-market-tool="rates"] .lc-market__toolbar label { font-size:.75rem; gap:.4rem; color:var(--wp--preset--color--ink-700,#c3c9cd); }
.lc-market[data-market-tool="rates"] .lc-market__toolbar input, .lc-market[data-market-tool="rates"] .lc-market__toolbar select { font-size:.85rem; color:var(--wp--preset--color--ink-900,#f5f8f8); }
.lc-market[data-market-tool="rates"] table { font-size:.8rem; }
.lc-market[data-market-tool="rates"] caption { font-size:.75rem; padding:.5rem 0 .8rem; }
.lc-market[data-market-tool="rates"] thead th { position:sticky; top:0; background:var(--wp--preset--color--surface,#111518); z-index:2; font-size:.72rem; color:var(--wp--preset--color--ink-700,#c3c9cd); }
.lc-market[data-market-tool="rates"] tbody tr:hover { background:var(--wp--preset--color--brand-50,#0c2321); }
.lc-market[data-market-tool="rates"] td, .lc-market[data-market-tool="rates"] th { padding:.85rem .65rem; }
.lc-market[data-market-tool="rates"] tbody th { display:flex; align-items:center; gap:.65rem; height:72px; }
.lc-market[data-market-tool="rates"] th img { width:30px; height:30px; margin:0; flex-shrink:0; }
.lc-market__identity { display:grid; gap:.3rem; text-align:left; }
.lc-market__identity > a, .lc-market__identity > span { color:var(--wp--preset--color--ink-900,#f5f8f8); font-weight:650; text-decoration:none; }
.lc-market__identity small { font-weight:400; font-size:.7rem; color:var(--wp--preset--color--ink-700,#c3c9cd); }
.lc-market[data-market-tool="rates"] td:nth-child(3) { font-weight:650; }
.lc-market__sparkline { width:124px; height:40px; display:block; }
.lc-market[data-market-tool="rates"] td:last-child { font-size:.72rem; }
.lc-market[data-market-tool="rates"] .lc-market__pagination { justify-content:flex-end; font-size:.8rem; }
@media(max-width:700px) {
 .lc-market__overview { display:flex; overflow-x:auto; scroll-snap-type:x proximity; gap:.75rem; padding-bottom:.6rem; margin:1rem 0; }
 .lc-market__overview > div:first-child { grid-column:auto; }
 .lc-market__overview > div { padding:1rem; min-width:80%; flex:0 0 80%; scroll-snap-align:start; }
 .lc-market__filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:.5rem; }
 .lc-market__filters button { white-space:nowrap; flex-shrink:0; }
 .lc-market[data-market-tool="rates"] tbody th, .lc-market[data-market-tool="rates"] thead th:nth-child(2) { position:sticky; left:0; background:var(--wp--preset--color--surface,#111518); z-index:1; min-width:145px; }
 .lc-market[data-market-tool="rates"] thead th:nth-child(2) { z-index:3; }
 .lc-market[data-market-tool="rates"] .lc-market__pagination { justify-content:space-between; gap:.5rem; }
}
/* Keep the actual market table ahead of the overview on narrow screens. */
@media(max-width:700px) {
 .lc-market[data-market-tool="rates"] { display:flex; flex-direction:column; }
 .lc-market[data-market-tool="rates"] > * { order:10; }
 .lc-market[data-market-tool="rates"] > .lc-market__header { order:0; }
 .lc-market[data-market-tool="rates"] > .lc-market__nav { order:1; margin:.75rem 0; }
 .lc-market[data-market-tool="rates"] > .lc-market__status { order:2; margin:.5rem 0; }
 .lc-market[data-market-tool="rates"] > [data-refresh] { order:3; align-self:flex-start; margin-bottom:.75rem; }
 .lc-market[data-market-tool="rates"] > .lc-market__filters { order:4; }
 .lc-market[data-market-tool="rates"] > .lc-market__toolbar { order:5; }
 .lc-market[data-market-tool="rates"] > .lc-market__scroll { order:6; }
 .lc-market[data-market-tool="rates"] > [data-empty] { order:7; }
 .lc-market[data-market-tool="rates"] > .lc-market__pagination { order:8; }
 .lc-market[data-market-tool="rates"] > .lc-market__overview { order:9; }
}
/* One circular treatment for every token source, including square originals. */
.lc-market th img, .lc-select img { border-radius:50%; aspect-ratio:1; object-fit:contain; padding:3px; background:var(--wp--preset--color--ink-300,#232a2e); overflow:hidden; flex-shrink:0; }
.lc-select { position:relative; min-width:0; }
.lc-market .lc-select__trigger { display:flex; align-items:center; gap:.65rem; width:100%; padding-right:2.75rem; min-height:46px; text-align:left; position:relative; }
.lc-select__trigger > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-select__trigger::after { content:""; position:absolute; right:1rem; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.lc-select__trigger[aria-expanded="true"] { border-color:var(--wp--preset--color--brand-500,#5eead4); }
.lc-select__trigger[aria-expanded="true"]::after { transform:rotate(225deg); }
.lc-market .lc-select__native { display:none; }
.lc-select__panel { position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:20; min-width:100%; max-height:min(360px,55vh); overflow:auto; padding:.4rem; background:var(--wp--preset--color--surface,#111518); border:1px solid var(--wp--preset--color--ink-300,#354149); border-radius:12px; scrollbar-color:var(--wp--preset--color--ink-500,#8e9599) transparent; }
.lc-select__panel[hidden] { display:none; }
.lc-select--up .lc-select__panel { top:auto; bottom:calc(100% + 6px); }
.lc-market .lc-select__search { width:100%; min-height:42px; margin-bottom:.4rem; font-size:.9rem; }
.lc-select__option { display:flex; align-items:center; gap:.65rem; padding:.65rem 2rem .65rem .6rem; min-height:44px; border-radius:6px; cursor:pointer; position:relative; color:var(--wp--preset--color--ink-900,#f5f8f8); font-size:.85rem; }
.lc-select__option[hidden] { display:none; }
.lc-select__option:hover, .lc-select__option:focus { background:var(--wp--preset--color--brand-50,#0c2321); outline:2px solid var(--wp--preset--color--brand-500,#5eead4); outline-offset:-2px; }
.lc-select__option[aria-selected="true"] { color:var(--wp--preset--color--brand-500,#5eead4); background:var(--wp--preset--color--brand-50,#0c2321); }
.lc-select__option[aria-selected="true"]::after { content:""; position:absolute; right:.85rem; width:5px; height:9px; border-bottom:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); }
