/* Listy Custom Design Overrides */

/* Header - gradient bottom border + slight bg tint */
.header {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
  border-bottom: 2px solid #4f46e5 !important;
}
.header .stat {
  background-color: #1e1e2f;
  border-bottom: none !important;
}
.header .stat .values {
  color: #c7c9db;
}
.header .stat .values .item strong a,
.header .stat .values .item strong {
  color: #a5b4fc !important;
}
.header .stat .values .tools .item {
  color: #c7c9db;
}
.header .stat .values .tools .item span {
  color: #c7c9db;
}
.header .stat .values .tools .item i {
  color: #a5b4fc;
}
.header .stat .values .submenu {
  background-color: #1e1e2f;
  border: 1px solid #374151;
}
.header .stat .values .submenu .lang {
  color: #c7c9db;
}
.header .stat .values .submenu .lang .code {
  background-color: #374151;
  color: #a5b4fc;
}

/* Nav items - pill shape on hover */
.header .nav .item a {
  border-radius: 8px;
  transition: background-color 0.15s, color 0.15s;
  padding: 6px 14px !important;
}
.header .nav .item a:hover {
  background-color: #eef0ff;
  color: #4f46e5 !important;
}

/* Table - rounded corners, card style */
.table-smart {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  border: none !important;
}
.table-smart .table-smart-items .table-smart-head th {
  background-color: #f3f4f8 !important;
  border-bottom: 2px solid #e0e2ef !important;
  padding-top: 4px;
  padding-bottom: 4px;
}
.table-smart .table-smart-items .item:hover td {
  background-color: #f0f1ff;
}
.table-smart .table-smart-items .item td {
  transition: background-color 0.1s;
}

/* Pairs - pill badges */
.table-smart .table-smart-items .item .pair {
  border-radius: 20px !important;
  font-weight: 600;
  background-color: #eef0ff !important;
  border-color: #c7c9ff !important;
  color: #4f46e5 !important;
  transition: all 0.15s;
}
.table-smart .table-smart-items .item .pair:hover {
  background-color: #4f46e5 !important;
  color: #fff !important;
}

/* Exchange badges in table */
.table-smart .table-smart-items .item .exchanges a {
  border-radius: 8px !important;
  transition: all 0.15s;
}
.table-smart .table-smart-items .item .exchanges a:hover {
  background-color: #eef0ff !important;
  border-color: #4f46e5 !important;
}

/* Pagination - rounded pills */
.smart-table-pages a {
  border-radius: 50px !important;
  transition: all 0.15s;
  min-width: 42px;
}
.smart-table-pages .sel {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #fff !important;
}
.smart-table-pages a:hover {
  background-color: #eef0ff !important;
  border-color: #4f46e5 !important;
}
.smart-table-pages .sel:hover {
  background-color: #3730a3 !important;
}

/* Search input - larger, rounded */
input[type='text'] {
  border-radius: 50px !important;
  padding: 12px 22px !important;
  font-size: 15px !important;
  border: 2px solid #e0e2ef !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}
input[type='text']:focus {
  border-color: #4f46e5 !important;
  box-shadow: 0 0 0 3px rgba(79,70,229,0.12) !important;
}
input[type='submit'] {
  border-radius: 50px !important;
  padding: 12px 24px !important;
  background-color: #4f46e5 !important;
  color: #fff !important;
  font-size: 15px !important;
  transition: background-color 0.15s, transform 0.1s;
}
input[type='submit']:hover {
  background-color: #3730a3 !important;
  transform: translateY(-1px);
}

/* Trends blocks - card style */
.trends .trend .blocks {
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  border: 1px solid #e0e2ef !important;
  background: #fff;
}
.trends .trend .item .addition {
  border-radius: 20px !important;
  background-color: #eef0ff;
  border-color: #c7c9ff !important;
  color: #4f46e5;
  font-weight: 700;
}
.trends .trend .item:hover .addition {
  background-color: #4f46e5 !important;
  color: #fff !important;
}

/* Discount badges */
.discount a {
  border-radius: 8px !important;
  background-color: #fef3c7 !important;
  border-color: #f59e0b !important;
  color: #92400e !important;
  font-weight: 600;
}
.discount a:hover {
  background-color: #fde68a !important;
}
.discount i {
  color: #f59e0b !important;
}

/* Footer - match header dark bar */
.bottom {
  background-color: #1e1e2f !important;
  border-top: none !important;
  color: #c7c9db;
  padding: 20px 0 !important;
}
.bottom strong {
  color: #a5b4fc;
}

/* Trade promo banner */
.trade .tool-trade,
.trade-3 .tool-trade {
  border-radius: 12px !important;
  border: 1px solid #e0e2ef !important;
  background: linear-gradient(135deg, #f8f9ff 0%, #eef0ff 100%);
}
.trade .tool-trade .exclusive,
.trade-3 .tool-trade .exclusive {
  background-color: #fafbff !important;
  color: #4f46e5 !important;
  border-radius: 4px;
}

/* Article cards */
.articles .item {
  border-radius: 16px !important;
  transition: transform 0.2s, box-shadow 0.2s;
}
.articles .item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(79,70,229,0.12) !important;
}
.articles .item .teaser {
  border-radius: 12px !important;
}

/* Paragraph heading */
.paragraph h1, .paragraph h2 {
  font-weight: 700 !important;
  color: #1e1e2f !important;
  letter-spacing: -0.02em;
}

/* Exchange logos in trends - colored border */
.trends .trend .item .logo {
  border-color: #c7c9ff !important;
  background: #fff;
}

/* Table block (exchanges page) */
.table-block .head th {
  background-color: #f3f4f8 !important;
}

/* Sub menu dropdown */
.sub-light {
  border-radius: 12px !important;
  border: 1px solid #e0e2ef;
}