/*
Theme Name: CoinRankz
Theme URI: https://coinrankz.com
Author: CoinRankz
Description: A clean and modern crypto ranking theme with CoinCap PRO v3 + TradingView charts.
Version: 0.3.73
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coinrankz
*/

:root {
  --cr-bg: #050816;
  --cr-bg-alt: #0b1020;
  --cr-surface: #111827;
  --cr-border-subtle: rgba(255,255,255,0.06);
  --cr-text-main: #f9fafb;
  --cr-text-muted: #9ca3af;
  --cr-accent: #22c55e;
  --cr-danger: #ef4444;
  --cr-accent-soft: rgba(34,197,94,0.1);
  --cr-danger-soft: rgba(239,68,68,0.1);
  --cr-card-radius: 16px;
  --cr-transition: 180ms ease-out;
}

*,
*::before,
*::after { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text","Segoe UI", sans-serif;
  background: radial-gradient(circle at top left, #111827 0, #020617 40%, #020617 100%);
  color: var(--cr-text-main);
  min-height: 100vh;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }

.coinrankz-site { min-height: 100vh; display: flex; flex-direction: column; }

.coinrankz-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(12px);
  background: linear-gradient(to bottom, rgba(15,23,42,0.96) 0, rgba(15,23,42,0.92) 60%, rgba(15,23,42,0.88) 100%);
  border-bottom: 1px solid var(--cr-border-subtle);
}
.coinrankz-header-inner {
  max-width: 1200px; margin: 0 auto; padding: 14px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}

.coinrankz-logo {
  display:flex; align-items:center; gap:10px;
  font-weight:700; letter-spacing:0.06em; text-transform:uppercase; font-size:1.05rem;
}
.coinrankz-logo-badge {
  width:32px; height:32px; border-radius:11px;
  background: conic-gradient(from 160deg, #22c55e, #22d3ee, #6366f1, #22c55e);
  display:flex; align-items:center; justify-content:center; padding:2px;
}
.coinrankz-logo-inner {
  width:100%; height:100%; border-radius:9px;
  background: radial-gradient(circle at 20% 0, #1f2937, #020617 70%);
  display:flex; align-items:center; justify-content:center;
  color:#e5e7eb; font-size:.9rem; font-weight:700;
}
.coinrankz-logo-text-main {
  background: linear-gradient(to right, #22c55e, #22d3ee, #6366f1);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.coinrankz-logo-text-sub { color: var(--cr-text-muted); font-weight:500; font-size:.85rem; }

.coinrankz-header-right { display:flex; align-items:center; gap:14px; font-size:.85rem; color: var(--cr-text-muted); }
.coinrankz-badge {
  padding: 4px 10px; border-radius:999px;
  border:1px solid rgba(148,163,184,0.35);
  display:inline-flex; align-items:center; gap:6px;
  background: radial-gradient(circle at top left, rgba(15,23,42,0.9), rgba(15,23,42,0.7));
}
.coinrankz-dot { width:7px; height:7px; border-radius:999px; background:#22c55e; box-shadow:0 0 0 6px rgba(34,197,94,0.25); }

.coinrankz-cta {
  padding:6px 14px; border-radius:999px; border:none;
  background: linear-gradient(to right, #22c55e, #22d3ee);
  color:#020617; font-size:.85rem; font-weight:600;
  display:inline-flex; align-items:center; gap:6px;
  cursor:pointer;
  transition: transform var(--cr-transition), box-shadow var(--cr-transition), filter var(--cr-transition);
}
.coinrankz-cta:hover { transform: translateY(-1px); box-shadow:0 10px 30px rgba(15,23,42,0.45); filter: brightness(1.05); }
.coinrankz-cta-icon { font-size:.95rem; }

.coinrankz-main { flex:1; padding:24px 20px 40px; }
.coinrankz-main-inner { max-width:1200px; margin:0 auto; }

.coinrankz-hero { display:flex; flex-direction:column; gap:12px; margin-bottom:22px; }
.coinrankz-hero-title { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; }
.coinrankz-hero-title h1 { margin:0; font-size:clamp(1.7rem, 3vw, 2.2rem); letter-spacing:-0.03em; }
.coinrankz-hero-subtitle { margin:0; color: var(--cr-text-muted); font-size:.95rem; max-width:720px; }
.coinrankz-hero-meta { display:flex; flex-wrap:wrap; gap:8px; font-size:.8rem; color: var(--cr-text-muted); }
.coinrankz-pill {
  border-radius:999px; border:1px solid rgba(148,163,184,0.4);
  padding:4px 10px; display:inline-flex; align-items:center; gap:6px;
  background: radial-gradient(circle at top left, rgba(15,23,42,0.9), rgba(15,23,42,0.6));
}

.coinrankz-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-bottom:14px; }
.coinrankz-search { position:relative; flex:1 1 200px; max-width:340px; }
.coinrankz-search input {
  width:100%; padding:8px 10px 8px 28px;
  border-radius:999px; border:1px solid rgba(148,163,184,0.55);
  background: rgba(15,23,42,0.95); color: var(--cr-text-main);
  font-size:.85rem; outline:none;
  transition: border-color var(--cr-transition), box-shadow var(--cr-transition), background var(--cr-transition);
}
.coinrankz-search input::placeholder { color: rgba(148,163,184,0.7); }
.coinrankz-search input:focus {
  border-color: rgba(56,189,248,0.9);
  box-shadow: 0 0 0 1px rgba(56,189,248,0.2);
  background:#020617;
}
.coinrankz-search-icon {
  position:absolute; top:50%; left:10px; transform: translateY(-50%);
  font-size:.85rem; color: rgba(148,163,184,0.8);
}
.coinrankz-toolbar-right { display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:.8rem; color: var(--cr-text-muted); }
.coinrankz-toggle-group {
  display:inline-flex; padding:2px;
  border-radius:999px; border:1px solid rgba(148,163,184,0.5);
  background: rgba(15,23,42,0.9);
}
.coinrankz-toggle-btn {
  border-radius:999px; padding:4px 9px; border:none;
  background: transparent; color: var(--cr-text-muted);
  font-size:.8rem; cursor:pointer;
  transition: background var(--cr-transition), color var(--cr-transition), transform var(--cr-transition);
}
.coinrankz-toggle-btn.is-active {
  background: radial-gradient(circle at top, #22c55e, #22d3ee);
  color:#020617; font-weight:600; transform: translateY(-0.5px);
}

.coinrankz-table-wrap {
  background: linear-gradient(145deg, rgba(15,23,42,0.95), rgba(15,23,42,0.9));
  border-radius: var(--cr-card-radius);
  border: 1px solid rgba(148,163,184,0.5);
  box-shadow: 0 18px 45px rgba(15,23,42,0.8), 0 0 0 1px rgba(15,23,42,0.9);
  overflow:hidden;
}
.coinrankz-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.coinrankz-table thead {
  background: radial-gradient(circle at top left, rgba(30,64,175,0.8), rgba(15,23,42,1));
}
.coinrankz-table th, .coinrankz-table td {
  padding: 12px 14px; text-align:left;
  border-bottom: 1px solid rgba(15,23,42,1);
}
.coinrankz-table th {
  font-size:.78rem; text-transform:uppercase; letter-spacing:.12em;
  color: rgba(148,163,184,0.95); font-weight:500;
}
.coinrankz-table tbody tr:last-child td { border-bottom:none; }
.coinrankz-table tbody tr {
  transition: background var(--cr-transition), transform var(--cr-transition), box-shadow var(--cr-transition);
}
.coinrankz-table tbody tr:hover {
  background: radial-gradient(circle at top left, rgba(31,41,55,0.9), rgba(15,23,42,1));
  cursor:pointer; transform: translateY(-1px); box-shadow:0 10px 30px rgba(15,23,42,0.6);
}

.coinrankz-col-rank { width:3rem; text-align:right; color: rgba(148,163,184,0.9); }
.coinrankz-col-name { min-width: 180px; }
.coinrankz-coin-main { display:flex; align-items:center; gap:10px; }
.coinrankz-coin-symbol { font-size:.78rem; text-transform:uppercase; color: rgba(148,163,184,0.95); }
.coinrankz-coin-name { font-weight:500; }
.coinrankz-col-price, .coinrankz-col-change, .coinrankz-col-mcap { white-space:nowrap; }

.cr-positive { color: var(--cr-accent); }
.cr-negative { color: var(--cr-danger); }
.cr-positive-soft { background: var(--cr-accent-soft); color:#4ade80; border-radius:999px; padding:2px 7px; }
.cr-negative-soft { background: var(--cr-danger-soft); color:#f97373; border-radius:999px; padding:2px 7px; }

.coinrankz-status-bar {
  display:flex; justify-content:space-between;
  padding:10px 14px; font-size:.78rem; color: var(--cr-text-muted);
  border-top: 1px solid rgba(15,23,42,1);
  background: radial-gradient(circle at top, rgba(15,23,42,0.98), rgba(15,23,42,1));
}

.coinrankz-single { max-width:1200px; margin:0 auto; padding:24px 20px 40px; }
.coinrankz-single-header { display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
.coinrankz-breadcrumbs { font-size:.8rem; color: var(--cr-text-muted); margin-bottom:4px; }
.coinrankz-single-title-row { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; }
.coinrankz-single-title-row h1 { margin:0; font-size: clamp(1.6rem, 2.8vw, 2.1rem); letter-spacing:-0.03em; }
.coinrankz-single-symbol {
  border-radius:999px; padding:3px 9px; font-size:.78rem;
  text-transform:uppercase; letter-spacing:.08em;
  border:1px solid rgba(148,163,184,0.7);
  color: rgba(209,213,219,0.95);
  background: rgba(15,23,42,0.95);
}
.coinrankz-single-meta { display:flex; flex-wrap:wrap; gap:10px; font-size:.8rem; color: var(--cr-text-muted); }
.coinrankz-tag-pill {
  border-radius:999px; padding:4px 9px;
  border:1px solid rgba(148,163,184,0.6);
  display:inline-flex; align-items:center; gap:6px;
}

.coinrankz-chart-card {
  background: rgba(15,23,42,0.96);
  border-radius: var(--cr-card-radius);
  border:1px solid rgba(148,163,184,0.5);
  padding:10px; margin-bottom:18px;
  box-shadow: 0 18px 45px rgba(15,23,42,0.85), 0 0 0 1px rgba(15,23,42,0.9);
}
.coinrankz-chart-header {
  display:flex; justify-content:space-between; align-items:center;
  padding:4px 6px 8px; font-size:.8rem; color: var(--cr-text-muted);
}
.coinrankz-chart-header-left { display:flex; flex-direction:column; gap:2px; }
.coinrankz-chart-sub { font-size:.75rem; color: rgba(148,163,184,0.9); }
.coinrankz-chart-cta {
  padding:4px 10px; border-radius:999px;
  border:1px solid rgba(148,163,184,0.6);
  background: radial-gradient(circle at top, rgba(15,23,42,0.95), rgba(15,23,42,0.9));
  display:inline-flex; align-items:center; gap:5px;
  font-size:.78rem; color: rgba(226,232,240,0.96);
}
.coinrankz-chart-container { width:100%; min-height:420px; }

.coinrankz-footer {
  border-top:1px solid var(--cr-border-subtle);
  padding:14px 20px 18px;
  font-size:.78rem; color: var(--cr-text-muted);
  background: rgba(2,6,23,0.98);
}
.coinrankz-footer-inner {
  max-width:1200px; margin:0 auto;
  display:flex; flex-wrap:wrap; gap:8px;
  justify-content:space-between; align-items:center;
}

@media (max-width: 768px) {
  .coinrankz-header-inner { padding-inline:14px; }
  .coinrankz-main { padding-inline:14px; }

    .coinrankz-toolbar { align-items: stretch; }
  .coinrankz-search { max-width:none; }
}


/* v0.2.8 additions */
.cr-coin-icon{width:20px;height:20px;border-radius:999px;display:inline-block;vertical-align:middle;margin-right:10px;box-shadow:0 0 0 1px rgba(255,255,255,0.08);}
.cr-price-wrap{display:inline-flex;align-items:center;gap:8px;}
.cr-dir{font-size:0.85rem;line-height:1;opacity:0.95;display:inline-flex;align-items:center;justify-content:center;min-width:14px;}
.cr-dir.up{color:var(--cr-accent);}
.cr-dir.down{color:var(--cr-danger);}
.cr-refresh-btn{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,0.6);background:rgba(15,23,42,0.9);color:rgba(226,232,240,0.96);cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;gap:6px;}
.cr-refresh-btn:hover{filter:brightness(1.06);}


/* Live price tick flashes */
@keyframes crFlashUp{0%{background:rgba(34,197,94,0.0);}35%{background:rgba(34,197,94,0.16);}100%{background:rgba(34,197,94,0.0);}}
@keyframes crFlashDown{0%{background:rgba(239,68,68,0.0);}35%{background:rgba(239,68,68,0.16);}100%{background:rgba(239,68,68,0.0);}}
.cr-price{border-radius:10px;padding:2px 6px;display:inline-flex;align-items:center;}
.cr-price.cr-flash-up{animation:crFlashUp 420ms ease-out;}
.cr-price.cr-flash-down{animation:crFlashDown 420ms ease-out;}

/* v0.2.9 coin details stats + news */
.coinrankz-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;margin-bottom:16px;}
.coinrankz-stat-card{background:rgba(15,23,42,0.96);border:1px solid rgba(148,163,184,0.45);border-radius:16px;padding:12px 12px;box-shadow:0 14px 30px rgba(15,23,42,0.7);}
.coinrankz-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(148,163,184,0.95);margin-bottom:6px;}
.coinrankz-stat-value{font-size:1.05rem;font-weight:600;color:rgba(226,232,240,0.98);}
.coinrankz-stat-sub{margin-top:4px;font-size:.78rem;color:rgba(148,163,184,0.9);}
.coinrankz-section-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;margin-bottom:10px;}
.coinrankz-section-title h2{margin:0;font-size:1.05rem;letter-spacing:-0.01em;}
.coinrankz-news-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.coinrankz-news-item{background:rgba(15,23,42,0.96);border:1px solid rgba(148,163,184,0.45);border-radius:16px;padding:12px 12px;transition:transform 180ms ease-out, filter 180ms ease-out;}
.coinrankz-news-item:hover{transform:translateY(-1px);filter:brightness(1.04);}
.coinrankz-news-title{margin:0;font-size:.95rem;font-weight:600;line-height:1.25;}
.coinrankz-news-meta{margin-top:6px;font-size:.78rem;color:rgba(148,163,184,0.9);display:flex;gap:10px;flex-wrap:wrap;}
@media (max-width: 900px){.coinrankz-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 560px){.coinrankz-stats-grid{grid-template-columns:1fr;}}

/* v0.3.1 user dashboard */
.cr-dashboard{margin-top:18px;}
.cr-card{background:rgba(15,23,42,0.96);border:1px solid rgba(148,163,184,0.45);border-radius:16px;padding:14px;box-shadow:0 14px 30px rgba(15,23,42,0.7);}
.cr-card + .cr-card{margin-top:12px;}
.cr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cr-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:900px){.cr-grid,.cr-grid-3{grid-template-columns:1fr;}}
.cr-field{display:flex;flex-direction:column;gap:6px;}
.cr-field input,.cr-field select{padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,0.55);background:rgba(2,6,23,0.9);color:rgba(226,232,240,0.98);outline:none;}
.cr-field input:focus,.cr-field select:focus{border-color:rgba(56,189,248,0.9);box-shadow:0 0 0 1px rgba(56,189,248,0.2);}
.cr-btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,0.55);background:rgba(15,23,42,0.9);color:rgba(226,232,240,0.98);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;}
.cr-btn.primary{border:none;background:linear-gradient(to right,#22c55e,#22d3ee);color:#020617;}
.cr-btn.danger{border-color:rgba(248,113,113,0.6);color:#fecaca;}
.cr-btn:disabled{opacity:.6;cursor:not-allowed;}
.cr-muted{color:rgba(148,163,184,0.9);}
.cr-table-small{width:100%;border-collapse:collapse;font-size:.9rem;}
.cr-table-small th,.cr-table-small td{padding:10px 10px;border-bottom:1px solid rgba(255,255,255,0.06);}
.cr-table-small th{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(148,163,184,0.95);font-weight:500;text-align:left;}

/* v0.3.2 homepage My Lists tab */
.cr-home-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;margin-bottom:12px;}
.cr-tab{padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.55);background:rgba(15,23,42,0.8);color:rgba(226,232,240,0.96);cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:8px;}
.cr-tab.is-active{border-color:rgba(34,211,238,0.8);box-shadow:0 0 0 1px rgba(34,211,238,0.12) inset;}
.cr-home-pane{display:none;}
.cr-home-pane.is-active{display:block;}
.cr-suggest{position:relative;}
.cr-suggest-list{position:absolute;left:0;right:0;top:100%;z-index:30;background:rgba(2,6,23,0.98);border:1px solid rgba(148,163,184,0.55);border-radius:14px;margin-top:6px;max-height:260px;overflow:auto;box-shadow:0 20px 40px rgba(2,6,23,0.7);}
.cr-suggest-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.cr-suggest-item:hover{filter:brightness(1.08);}
.cr-suggest-left{display:flex;align-items:center;gap:10px;min-width:0;}
.cr-suggest-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cr-suggest-symbol{font-size:.8rem;color:rgba(148,163,184,0.95);}

/* v0.3.4 UI fixes */
.coinrankz-cta span{white-space:nowrap;}
.coinrankz-cta{min-width:112px;justify-content:center;}
.cr-home-tabs{align-items:center;}
.cr-tab{white-space:nowrap;line-height:1;min-height:36px;display:inline-flex;align-items:center;}
.cr-tab a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}

/* v0.3.7: dashboard coin links */
.cr-coin-link{color:inherit;text-decoration:none;}
.cr-coin-link:hover{text-decoration:underline;}

/* v0.3.10: header badge single-line */
.coinrankz-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.coinrankz-badge-text{
  white-space:nowrap;
}

/* v0.3.11 account form */
.cr-dashboard .cr-card form{
  margin-top:10px;
}
.cr-dashboard .cr-card label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}
.cr-dashboard .cr-card input[type="text"],
.cr-dashboard .cr-card input[type="email"],
.cr-dashboard .cr-card input[type="password"]{
  width:100%;
  max-width:520px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,0.25);
  background:rgba(15,23,42,0.35);
  color:rgba(226,232,240,0.98);
  outline:none;
}
.cr-dashboard .cr-card input[type="text"]:focus,
.cr-dashboard .cr-card input[type="email"]:focus,
.cr-dashboard .cr-card input[type="password"]:focus{
  border-color:rgba(34,211,238,0.55);
  box-shadow:0 0 0 3px rgba(34,211,238,0.14);
}
.cr-dashboard .cr-card .cr-form-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:flex-end;
}
.cr-dashboard .cr-card button,
.cr-dashboard .cr-card input[type="submit"],
.cr-dashboard .cr-card .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.25);
  background:linear-gradient(90deg, rgba(52,211,153,0.95), rgba(34,211,238,0.9));
  color:rgba(2,6,23,0.95);
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.cr-dashboard .cr-card a.cr-chip{
  white-space:nowrap;
}
.cr-dashboard .cr-card .cr-muted{
  color:rgba(203,213,225,0.75);
}
@media (max-width: 640px){
  .cr-dashboard .cr-card input[type="text"],
  .cr-dashboard .cr-card input[type="email"],
  .cr-dashboard .cr-card input[type="password"]{
    max-width:100%;
  }
  .cr-dashboard .cr-card .cr-form-row{
    flex-direction:column;
    align-items:stretch;
  }
  .cr-dashboard .cr-card button,
  .cr-dashboard .cr-card input[type="submit"],
  .cr-dashboard .cr-card .button{
    width:100%;
  }
}

/* v0.3.13 customizer */
:root{--coinrankz-logo-size:40px;}
.coinrankz-logo-badge{
  width:var(--coinrankz-logo-size);
  height:var(--coinrankz-logo-size);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.coinrankz-logo-badge img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.coinrankz-logo-badge .custom-logo-link,
.coinrankz-logo-badge .custom-logo{
  width:100%;
  height:100%;
  display:block;
}
.coinrankz-logo-text-sub{white-space:nowrap;}

/* v0.3.14: full API search dropdown */
.coinrankz-search{ position:relative; }
.coinrankz-search-results{
  position:absolute;
  left:0;
  right:0;
  top:46px;
  z-index:50;
}
.coinrankz-search-results-inner{
  border-radius:14px;
  border:1px solid rgba(148,163,184,0.25);
  background:rgba(2,6,23,0.92);
  box-shadow:0 18px 40px rgba(0,0,0,0.35);
  overflow:hidden;
}
.coinrankz-search-item{
  width:100%;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  background:transparent;
  border:0;
  color:rgba(226,232,240,0.95);
  cursor:pointer;
}
.coinrankz-search-item:hover{
  background:rgba(148,163,184,0.12);
}
.coinrankz-search-item-name{
  font-weight:700;
}
.coinrankz-search-item-sym{
  font-size:12px;
  color:rgba(203,213,225,0.7);
}

/* v0.3.15: Top Coins dropdown */
.coinrankz-menu{ position:relative; display:inline-flex; align-items:center; }
.coinrankz-dropdown{
  position:absolute;
  top:44px;
  left:0;
  min-width:180px;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,0.25);
  background:rgba(2,6,23,0.92);
  box-shadow:0 18px 40px rgba(0,0,0,0.35);
  display:none;
  z-index:80;
}
.coinrankz-menu:hover .coinrankz-dropdown,
.coinrankz-menu:focus-within .coinrankz-dropdown{
  display:block;
}
.coinrankz-dropdown a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color:rgba(226,232,240,0.95);
  text-decoration:none;
  font-weight:600;
}
.coinrankz-dropdown a:hover{
  background:rgba(148,163,184,0.12);
}

/* v0.3.18: mobile horizontal scroll for market table */
.coinrankz-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.coinrankz-table{
  min-width:720px;
}
@media (max-width: 640px){
  .coinrankz-table{ min-width: 680px; }
}

/* v0.3.21: force % and market cap columns visible on mobile (with horizontal scroll) */
@media (max-width: 720px){
  .coinrankz-table th:nth-child(4), .coinrankz-table td:nth-child(4),
  .coinrankz-table th:nth-child(5), .coinrankz-table td:nth-child(5){
    display: table-cell !important;
  }
}

/* CoinRankz Pagination */
.coinrankz-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:14px 0;
}

.coinrankz-pagination .cr-page-btn{
  border:1px solid rgba(148,163,184,0.35);
  background:rgba(15,23,42,0.25);
  color:rgba(226,232,240,0.95);
  padding:8px 12px;
  border-radius:12px;
  font-weight:600;
  cursor:pointer;
}

.coinrankz-pagination .cr-page-btn:disabled{
  opacity:0.5;
  cursor:not-allowed;
}

.coinrankz-pagination .cr-page-label{
  font-weight:700;
  opacity:0.9;
}

/* --- Live tick indicator (2dp) --- */
.cr-live-dot{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:999px;
  margin-left:8px;
  opacity:0.25;
  background: currentColor;
  transform: translateY(-1px);
}
.cr-live-dot.up{ animation: crDotUp 450ms ease-out; }
.cr-live-dot.down{ animation: crDotDown 450ms ease-out; }
@keyframes crDotUp{ 0%{ opacity:0.9; transform: translateY(-1px) scale(1.35);} 100%{ opacity:0.25; transform: translateY(-1px) scale(1);} }
@keyframes crDotDown{ 0%{ opacity:0.9; transform: translateY(-1px) scale(1.35);} 100%{ opacity:0.25; transform: translateY(-1px) scale(1);} }

/* --- Live tick indicator (2dp) --- */
.cr-live-dot{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:999px;
  margin-left:8px;
  opacity:0.25;
  background: currentColor;
  transform: translateY(-1px);
}
.cr-live-dot.up{ animation: crDotUp 450ms ease-out; }
.cr-live-dot.down{ animation: crDotDown 450ms ease-out; }
@keyframes crDotUp{
  0%{ opacity:0.9; transform: translateY(-1px) scale(1.35); }
  100%{ opacity:0.25; transform: translateY(-1px) scale(1.0); }
}
@keyframes crDotDown{
  0%{ opacity:0.9; transform: translateY(-1px) scale(1.35); }
  100%{ opacity:0.25; transform: translateY(-1px) scale(1.0); }
}


/* Live tick styling */
.cr-price-up{font-weight:700;}
.cr-price-down{font-weight:700;}
.cr-arrow{display:inline-block;min-width:14px;margin-right:6px;opacity:.9}
.cr-pos{font-weight:700;}
.cr-neg{font-weight:700;}