/* F4Pool v4: price/theme/chart readability patch */

/* PROP/SOLO marketing cards are intentionally removed from the homepage. */
.v3-mode-wrap,
#pools.v3-mode-wrap {
  display: none !important;
}

/* Theme controls */
.f4-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 42px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--v3-border, rgba(255,255,255,.12));
  border-radius: 9px;
  background: var(--v3-panel, #0c1015);
  color: var(--v3-text, #f7f8fb);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.f4-theme-toggle:hover { transform: translateY(-1px); border-color: rgba(255,148,24,.55); }
.f4-theme-toggle i { color: var(--v3-orange, #ff9418); }
.f4-theme-floating {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 1200;
  box-shadow: 0 14px 35px rgba(0,0,0,.28);
}
.site-nav .f4-theme-toggle { margin-left: 5px; }
.pool-header-actions .f4-theme-toggle { margin-right: 7px; }

/* Top ALPH price states */
#home-coin-price[data-state="loading"] { font-size: clamp(18px, 2vw, 26px); color: var(--v3-muted); }
#home-coin-price[data-state="error"] { font-size: clamp(17px, 1.8vw, 24px); color: #f59e0b; }

/* Chart labels must remain readable without highlighting. */
#v3PoolChart .ct-label,
.main-pool .ct-chart .ct-label,
.card .ct-chart .ct-label {
  color: #d7dee9 !important;
  fill: #d7dee9 !important;
  opacity: 1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
#v3PoolChart .ct-grid,
.main-pool .ct-chart .ct-grid,
.card .ct-chart .ct-grid {
  stroke: rgba(215,222,233,.18) !important;
  stroke-width: 1px !important;
  stroke-dasharray: 3px !important;
}
#v3PoolChart .ct-series-a .ct-line {
  stroke-width: 3px !important;
  filter: drop-shadow(0 0 5px rgba(255,148,24,.35));
}
#v3PoolChart .ct-series-a .ct-area { fill-opacity: .18 !important; }

/* Smooth theme change without delaying page load. */
body,
.main-index,
.main-pool,
.content-wrapper,
.site-header,
.main-header .navbar,
.main-sidebar,
.card,
.v3-stat,
.v3-panel,
.v3-feature,
.v3-chart-card,
.table,
input,
select,
textarea {
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

/* Light/day theme variables */
html[data-theme="light"] {
  color-scheme: light;
  --v3-bg: #f3f5f8;
  --v3-panel: #ffffff;
  --v3-panel-2: #f8fafc;
  --v3-border: rgba(15,23,42,.14);
  --v3-border-soft: rgba(15,23,42,.09);
  --v3-text: #111827;
  --v3-muted: #5f6b7c;
  --v3-orange: #e87500;
  --v3-orange-soft: rgba(232,117,0,.11);
  --v3-green: #079455;

  --f4-bg: #f3f5f8;
  --f4-bg-soft: #edf1f5;
  --f4-panel: rgba(255,255,255,.98);
  --f4-panel-solid: #ffffff;
  --f4-panel-2: #f8fafc;
  --f4-border: rgba(15,23,42,.14);
  --f4-border-strong: rgba(15,23,42,.24);
  --f4-text: #111827;
  --f4-text-2: #334155;
  --f4-muted: #64748b;
  --f4-orange: #e87500;
  --f4-orange-2: #f59e0b;
  --f4-cyan: #087f8c;
  --f4-green: #079455;
  --f4-red: #d92d20;
  --f4-purple: #6941c6;
  --f4-shadow: 0 18px 48px rgba(15,23,42,.10);
  background: #f3f5f8;
}

html[data-theme="light"] body.f4-app,
html[data-theme="light"] .main-index,
html[data-theme="light"] .main-pool,
html[data-theme="light"] .main-pool .content-wrapper {
  background: #f3f5f8 !important;
  color: #111827 !important;
}
html[data-theme="light"] body.f4-app {
  background-image:
    radial-gradient(circle at 15% -5%, rgba(232,117,0,.10), transparent 31rem),
    radial-gradient(circle at 90% 12%, rgba(8,127,140,.06), transparent 28rem) !important;
}
html[data-theme="light"] body.f4-app::before {
  background-image: linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
}
html[data-theme="light"] .site-header,
html[data-theme="light"] .main-pool .main-header .navbar {
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(15,23,42,.10) !important;
  box-shadow: 0 6px 24px rgba(15,23,42,.06);
}
html[data-theme="light"] .main-pool .main-sidebar {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.11) !important;
}
html[data-theme="light"] .v3-hero {
  background:
    radial-gradient(circle at 50% 15%, rgba(232,117,0,.12), transparent 36%),
    linear-gradient(180deg, rgba(232,117,0,.025), transparent 62%) !important;
}
html[data-theme="light"] .v3-stat,
html[data-theme="light"] .v3-panel,
html[data-theme="light"] .v3-feature,
html[data-theme="light"] .v3-chart-card,
html[data-theme="light"] .main-pool .card,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .panel-default,
html[data-theme="light"] .info-box,
html[data-theme="light"] .table-shell {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.13) !important;
  color: #111827 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.055) !important;
}
html[data-theme="light"] .v3-brand-lockup h1,
html[data-theme="light"] .v3-hero h2,
html[data-theme="light"] .v3-title,
html[data-theme="light"] .v3-stat strong,
html[data-theme="light"] .v3-panel-head h3,
html[data-theme="light"] .v3-row strong,
html[data-theme="light"] .v3-row strong a,
html[data-theme="light"] .v3-feature h3,
html[data-theme="light"] .card-title,
html[data-theme="light"] .content-header > h1,
html[data-theme="light"] .info-box-number,
html[data-theme="light"] .site-brand-wordmark,
html[data-theme="light"] .pool-header-context strong,
html[data-theme="light"] .sidebar-brand-copy strong {
  color: #111827 !important;
}
html[data-theme="light"] .v3-hero p,
html[data-theme="light"] .v3-sub,
html[data-theme="light"] .v3-row span,
html[data-theme="light"] .v3-row small,
html[data-theme="light"] .v3-feature p,
html[data-theme="light"] .card-body,
html[data-theme="light"] .card-category,
html[data-theme="light"] .faq p,
html[data-theme="light"] .faq li,
html[data-theme="light"] .info-box-text,
html[data-theme="light"] .sidebar-footnote,
html[data-theme="light"] .site-nav a,
html[data-theme="light"] .pool-header-kicker {
  color: #526071 !important;
}
html[data-theme="light"] .v3-site-nav a:hover,
html[data-theme="light"] .v3-site-nav a.is-active { color: #111827 !important; }
html[data-theme="light"] .v3-btn:not(.v3-btn-primary),
html[data-theme="light"] .f4-theme-toggle,
html[data-theme="light"] .pool-header-home,
html[data-theme="light"] .sidebar-toggle {
  color: #111827 !important;
  background: #ffffff !important;
  border-color: rgba(15,23,42,.16) !important;
}
html[data-theme="light"] .table,
html[data-theme="light"] .table > tbody > tr > td,
html[data-theme="light"] .table tbody td,
html[data-theme="light"] .table > thead > tr > th,
html[data-theme="light"] table td,
html[data-theme="light"] table th {
  color: #334155 !important;
  border-color: rgba(15,23,42,.10) !important;
}
html[data-theme="light"] .table > tbody > tr:hover { background: rgba(232,117,0,.045) !important; }
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form-control {
  color: #111827 !important;
  background: #ffffff !important;
  border-color: rgba(15,23,42,.18) !important;
}
html[data-theme="light"] #v3PoolChart .ct-label,
html[data-theme="light"] .main-pool .ct-chart .ct-label,
html[data-theme="light"] .card .ct-chart .ct-label {
  color: #334155 !important;
  fill: #334155 !important;
}
html[data-theme="light"] #v3PoolChart .ct-grid,
html[data-theme="light"] .main-pool .ct-chart .ct-grid,
html[data-theme="light"] .card .ct-chart .ct-grid {
  stroke: rgba(51,65,85,.20) !important;
}

@media (max-width: 980px) {
  .site-nav .f4-theme-toggle { display: none; }
  .f4-theme-floating { display: inline-flex; }
}
@media (min-width: 981px) {
  .main-index ~ .f4-theme-floating { display: none; }
}