/*
 Theme Name: Yelly Child
 Template: yelly
 Version: 1.0
*/

/* =========================================================
   CRYPTO COLOR SYSTEM
   ========================================================= */

:root {
  /* Light theme = growth */
  --crypto-accent: #16a34a;        /* green */
  --crypto-accent-hover: #15803d;
}

body.dark {
  /* Dark theme = fall */
  --crypto-accent: #dc2626;        /* red */
  --crypto-accent-hover: #b91c1c;
}

/* =========================================================
   GLOBAL LINK STYLING (CONTENT + SIDEBAR ONLY)
   ========================================================= */

.coin-page a,
.widget a {
  color: var(--crypto-accent);
}

.coin-page a:hover,
.widget a:hover {
  color: var(--crypto-accent-hover);
}

/* =========================================================
   SINGLE COIN PAGE
   ========================================================= */

/* ---------- TradingView chart ---------- */

.coin-page .coin-chart {
  margin: 48px 0;
}

.coin-page .tv-chart {
  width: 100% !important;
  height: 560px !important;
  min-height: 560px !important;
  border-radius: 16px;
  overflow: hidden;
  background: #f5f6fa;
  position: relative;
}

body.dark .coin-page .tv-chart {
  background: #0f131a;
}

/* Placeholder */
.coin-page .chart-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  opacity: .6;
}

/* Mobile */
@media (max-width: 768px) {
  .coin-page .tv-chart {
    height: 380px !important;
    min-height: 380px !important;
  }
}

/* ---------- Content spacing ---------- */

.coin-page .coin-content {
  margin-top: 56px;
}

/* ---------- Safety overrides ---------- */

.coin-page iframe,
.coin-page .tv-widget-chart {
  min-height: inherit !important;
}

.coin-page section {
  clear: both;
}

/* =========================================================
   COIN FACTS (KEY FACTS + MARKET OVERVIEW)
   ========================================================= */

.coin-facts {
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.25rem 1.4rem;
  border-radius: 14px;
  background: #f7f9fc;
  border: 1px solid rgba(0,0,0,.06);
}

body.dark .coin-facts {
  background: #141a22;
  border-color: rgba(255,255,255,.08);
}

/* Title */
.coin-facts .widget-title {
  margin-bottom: 1rem;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .01em;
}

/* Grid */
.coin-facts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: .75rem;
}

/* Fact card */
.coin-facts-grid > div {
  padding: .75rem .9rem .85rem;
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.03),
    rgba(0,0,0,.015)
  );
}

body.dark .coin-facts-grid > div {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.03)
  );
}

/* Label */
.coin-facts dt {
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  opacity: .55;
  margin-bottom: .25rem;
}

/* Value */
.coin-facts dd {
  margin: 0;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--crypto-accent);
}

/* Links */
.coin-facts a {
  text-decoration: none;
  border-bottom: 1px dashed currentColor;
}

.coin-facts a:hover {
  opacity: .85;
}

/* =========================================================
   LATEST COINS (LINK STYLE, NOT BUTTON)
   ========================================================= */

.widget.widget_crypto_latest_coins {
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.25rem 1.4rem;
  border-radius: 14px;
  background: #f7f9fc;
  border: 1px solid rgba(0,0,0,.06);
}

body.dark .widget.widget_crypto_latest_coins {
  background: #141a22;
  border-color: rgba(255,255,255,.08);
}

/* Header */
.widget.widget_crypto_latest_coins .widget-header {
  margin-bottom: 1rem;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .01em;
  background: none;
  padding: 0;
  color: #111;
}

body.dark .widget.widget_crypto_latest_coins .widget-header {
  color: #fff;
}

/* List */
.widget.widget_crypto_latest_coins ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget_crypto_latest_coins li {
  margin-bottom: .4rem;
}

.widget.widget_crypto_latest_coins li:last-child {
  margin-bottom: 0;
}

/* Link */
.widget.widget_crypto_latest_coins a {
  display: inline;
  padding: 0;
  border-radius: 0;
  background: none;
  font-weight: 600;
  font-size: .9rem;
  text-decoration: none;
  color: var(--crypto-accent);
  border-bottom: 1px dashed rgba(0,0,0,.15);
  transition: color .15s ease, border-color .15s ease;
}

body.dark .widget.widget_crypto_latest_coins a {
  border-bottom-color: rgba(255,255,255,.25);
}

.widget.widget_crypto_latest_coins a:hover {
  color: var(--crypto-accent-hover);
  border-bottom-color: currentColor;
}

/* =========================================================
   CRYPTO COLOR SYSTEM (WP Dark Mode – FINAL)
   ========================================================= */

/* Light theme = growth */
:root {
  --crypto-accent: #16a34a;        /* green */
  --crypto-accent-hover: #15803d;
}

/* WP Dark Mode active = fall */
html[data-wp-dark-mode-active],
body[data-wp-dark-mode-active],
[data-wp-dark-mode-active] {
  --crypto-accent: #dc2626;        /* red */
  --crypto-accent-hover: #b91c1c;
}

/* =========================================================
   Force crypto link colors over WP Dark Mode
   ========================================================= */

/* Dark mode: override WP Dark Mode link color */
[data-wp-dark-mode-active] .coin-page a,
[data-wp-dark-mode-active] .widget a {
  color: var(--crypto-accent) !important;
}

[data-wp-dark-mode-active] .coin-page a:hover,
[data-wp-dark-mode-active] .widget a:hover {
  color: var(--crypto-accent-hover) !important;
}

/* =========================================================
   WP Dark Mode — override link colors (FINAL FIX)
   ========================================================= */

/* Dark mode: force crypto red instead of blue */
html[data-wp-dark-mode-active],
body[data-wp-dark-mode-active],
[data-wp-dark-mode-active] {
  --wpdm-link-color: var(--crypto-accent);
  --wpdm-link-hover-color: var(--crypto-accent-hover);
}

/* =========================================================
   Sticky sidebar — hard fix for Yelly layouts
   ========================================================= */
@media (min-width: 992px) {

  /* важно: родителю sticky нельзя иметь overflow hidden/auto/scroll */
  .coin-page #secondary {
    overflow: visible !important;
  }

  /* иногда Yelly задаёт transform/filter родителям — это ломает sticky */
  .coin-page #secondary,
  .coin-page #secondary * {
    transform: none;
    filter: none;
  }

  .coin-page #secondary .sidebar-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    overflow: visible;
    align-self: flex-start;
  }

} /* <-- ВАЖНО: закрыли media, раньше тут была ошибка */

/* =========================================================
   Header / Mobile icons
   ========================================================= */

/* Бургер зелёный, при открытии — чёрный */
#masthead .humburger.js-humburger span,
#masthead .humburger.js-humburger span:before,
#masthead .humburger.js-humburger span:after{
  background-color: #16a34a !important;
}

#masthead .humburger.js-humburger.open span,
#masthead .humburger.js-humburger.open span:before,
#masthead .humburger.js-humburger.open span:after{
  background-color: #000 !important;
}

/* Шапка */
.site-header{
  background: #fff !important;
  border-bottom: 1px solid var(--border, #e5e7eb);
}

/* Лупа (span.search-icon) — всегда зелёная, при открытом поиске — красная */
#masthead .search-icon.js-search-icon{
  background-color: transparent !important;
  /* green */
  filter: invert(48%) sepia(94%) saturate(350%) hue-rotate(95deg) brightness(90%) contrast(95%) !important;
}

body.search-open #masthead .search-icon.js-search-icon{
  /* red */
  filter: invert(20%) sepia(83%) saturate(5297%) hue-rotate(350deg) brightness(94%) contrast(112%) !important;
}

/* ===== Desktop: wide header search ===== */
@media (min-width: 992px){

  /* прячем хедер-лупу, оставляем только форму в шапке */
  #masthead .header-search:not(.header-search--desktop){
    display: none !important;
  }

  /* flex для шапки */
  #masthead .site-header-inner{
    display: flex !important;
    align-items: center !important;
    gap: 16px;
  }

  /* контейнер */
  #masthead .header-search--desktop{
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 980px !important;
    margin-left: 16px;
  }

  /* форма */
  #masthead .header-search--desktop .search-form{
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    position: relative !important;
  }

  #masthead .header-search--desktop .search-form label{
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #masthead .header-search--desktop .search-field{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 46px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 14px;
    padding: 0 48px 0 14px;
    background: #fff;
    color: var(--text, #0f172a);
  }

  /* кнопка */
  #masthead .header-search--desktop .search-submit{
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(22,163,74,.10) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* =========================================================
   YearBull Desktop Header (new layout like mock)
   ========================================================= */

@media (min-width: 992px){
  /* Stats row above the main header row */
  #masthead .yb-header-stats-row--desktop{
    margin: 10px 0 12px 0;
    display: flex;
    justify-content: center;
  }

  /* Main desktop header grid */
  #masthead .yb-dh{
    display: grid;
    grid-template-columns: auto auto minmax(280px, 1fr) auto;
    align-items: center;
    gap: 16px;
    width: 100%;
  }

  #masthead .yb-dh__branding{min-width: 180px;}

  /* Menu: keep compact like "Dashboards" */
  #masthead .yb-dh__nav{white-space: nowrap;}

  /* Search centered and wide */
  #masthead .yb-dh__search{min-width: 320px;}
  #masthead .yb-dh__search .search-form{
    width: 100% !important;
    position: relative;
  }
  #masthead .yb-dh__search .search-field{
    height: 48px;
    border-radius: 16px;
    padding: 0 54px 0 16px;
    border: 1px solid var(--border, #e5e7eb);
    background: #fff;
  }
  #masthead .yb-dh__search .search-submit{
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    background: rgba(22,163,74,.10) !important;
    border: 0 !important;
    padding: 0 !important;
  }

  /* Right side: socials + toggle */
  #masthead .yb-dh__right{
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }

  /* Social icons look like green circles */
  #masthead .yb-dh__social a{
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(22,163,74,.14);
    border: 1px solid rgba(22,163,74,.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  #masthead .yb-dh__social a:hover{opacity:.88;}

  /* Ensure any icon inside inherits green */
  #masthead .yb-dh__social a,
  #masthead .yb-dh__social a svg,
  #masthead .yb-dh__social a i{
    color: #16a34a !important;
    fill: currentColor;
  }

  /* Hide desktop burger (we have full menu) */
  #masthead .humburger.js-humburger{display:none !important;}

  /* Desktop toggle sizing aligns with icons */
  #masthead .yb-dh__toggle .wp-dark-mode-switcher{
    margin: 0 !important;
    transform: scale(.92);
    transform-origin: right center;
  }
}

/* ===== Mobile/Overlay: убрать двойную лупу =====
   Обычно 2 лупы = span.search-icon + псевдо-иконка темы на кнопке (::before/::after или background-image).
   Мы оставляем span, а “тематическую” иконку выключаем. */
.search-screen .search-submit::before,
.search-screen .search-submit::after,
.search-screen .search-submit i,
.search-screen .search-submit svg{
  display: none !important;
}

/* если тема рисует вторую лупу background-image на кнопке */
.search-screen .search-submit,
.search-screen .search-submit:hover,
.search-screen .search-submit:active{
  background-image: none !important;
}

/* =========================================================
   SEARCH ICON — FIX: no double icon + active = red
   ========================================================= */

/* 1) Базовый цвет лупы (зелёный) */
#masthead .search-icon.js-search-icon{
  background-color: transparent !important;
  filter: invert(48%) sepia(94%) saturate(350%) hue-rotate(95deg) brightness(90%) contrast(95%) !important;
}

/* 2) Когда поиск открыт — лупа красная (и на :active/:focus тоже) */
body.search-open #masthead .search-icon.js-search-icon,
body.search-open #masthead .search-icon.js-search-icon:active,
body.search-open #masthead .search-icon.js-search-icon:focus{
  filter: invert(20%) sepia(83%) saturate(5297%) hue-rotate(350deg) brightness(94%) contrast(112%) !important;
}

/* 3) Убираем “вторую” лупу темы в кнопках поиска (desktop + overlay) */
#masthead .search-submit{
  background-image: none !important;
}

#masthead .search-submit::before,
#masthead .search-submit::after,
#masthead .search-submit svg,
#masthead .search-submit i,
#masthead .search-submit .fa,
#masthead .search-submit .dashicons,
#masthead .search-submit .icon{
  display: none !important;
}

/* 4) Если тема кладёт SVG внутрь кнопки не напрямую — рубим всё, кроме нашего span */
#masthead .search-submit > *:not(.search-icon):not(.screen-reader-text){
  display: none !important;
}
/* PC: клик по иконке должен сабмитить форму, а не открывать оверлей */
@media (min-width: 992px){
  #masthead .header-search--desktop .search-icon.js-search-icon{
    pointer-events: none !important;
  }
}
/* ================================
   FIX: search overlay icon color
   ================================ */

/* 1) Вернуть кнопку без цветного фона (убираем зелёную полосу) */
.search-screen .search-submit{
  background: transparent !important;
  background-color: transparent !important;
}

/* ================================
   SEARCH OVERLAY: ICON ALWAYS RED
   ================================ */

/* убрать фон кнопки */
.search-screen .search-submit{
  background: transparent !important;
  background-color: transparent !important;
}

/* лупа в оверлее — ВСЕГДА КРАСНАЯ */
.search-screen .search-icon.js-search-icon{
  background-color: transparent !important;
  filter: invert(20%) sepia(83%) saturate(5297%)
          hue-rotate(350deg) brightness(94%) contrast(112%) !important;
}

/* YearBull smart search dropdown */
.yb-search-dd{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:9999;
  margin-top:6px;
  display:none;
}

.yb-search-dd.is-open{
  display:block;
}

.yb-search-dd__inner{
  background: var(--yb-card, #111);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  overflow:hidden;
}

/* title */
.yb-search-dd__title{
  padding:10px 12px;
  font-size:12px;
  letter-spacing:.3px;
  color:rgba(255,255,255,.7);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* item = обычная ссылка темы */
.yb-search-dd__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  text-decoration:none;
  color: var(--yb-green, var(--crypto-green, var(--accent-color, #22c55e)));
}

/* hover */
.yb-search-dd__item:hover{
  background: rgba(255,255,255,.06);
}

/* ticker badge */
.yb-search-dd__ticker{
  font-size:12px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.8);
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
}

/* smart search item layout */
.yb-search-dd__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.yb-search-dd__meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

/* type badge (Coin / Market) */
.yb-search-dd__type{
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.9);
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
}

.yb-search-dd__type--coin{
  background: rgba(22,163,74,.18);
  border-color: rgba(22,163,74,.35);
}

.yb-search-dd__type--market{
  background: rgba(59,130,246,.18);
  border-color: rgba(59,130,246,.35);
}


@media (max-width: 768px){
  .coin-mobile-widgets{
    margin: 16px 0;
    clear: both;
  }
  .coin-mobile-widgets #crypto_coin_facts-2{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .coin-mobile-widgets .sticky,
  .coin-mobile-widgets .sticky-sidebar,
  .coin-mobile-widgets .is-sticky{
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 768px){
  #crypto_coin_facts-2{
    margin-top:26px; /* регулируй */
  }
}

/* ===== Home Page (page-id-2): true full width content ===== */
body.page-id-2 #primary,
body.page-id-2 .content-area,
body.page-id-2 .site-content,
body.page-id-2 .site-main{
  max-width: none !important;
  width: 100% !important;
}

/* Most themes wrap content in container/wrap/row */
body.page-id-2 .container,
body.page-id-2 .wrap,
body.page-id-2 .row,
body.page-id-2 .content-wrap{
  max-width: none !important;
  width: 100% !important;
}

/* Your table wrapper */
body.page-id-2 .crypto-app,
body.page-id-2 .crypto-wrapper{
  max-width: none !important;
  width: 100% !important;
}

body.page-id-2 .crypto-table{
  width: 100% !important;
}

/* Home fullwidth: keep safe paddings on mobile */
@media (max-width: 860px){
  body.page-id-2 .site-content,
  body.page-id-2 #primary,
  body.page-id-2 .content-area{
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ===============================
   Mobile: table -> cards (no h-scroll)
   =============================== */
@media (max-width: 860px){
  .crypto-wrapper{ overflow-x: visible; }

  .crypto-table{
    border-collapse: separate;
    border-spacing: 0 10px;
  }

  .crypto-table thead{ display:none; }

  .crypto-table tbody tr{
    display:block;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--bg);
    box-shadow: 0 10px 26px rgba(0,0,0,.06);
    overflow:hidden;
  }

  .crypto-table tbody td{
    display:flex;
    justify-content:space-between;
    gap:12px;
    width:100%;
    padding:10px 12px;
    border:0;
    background:transparent;
  }

  .crypto-table tbody td::before{
    content: attr(data-label);
    color: var(--muted);
    font-weight:800;
    font-size:12px;
    flex: 0 0 auto;
    min-width: 84px;
  }

  /* 1) Hide rank row completely (optional, cleaner) */
  .crypto-table tbody td:first-child{ display:none; }

  /* 2) Coin row becomes header inside card */
  .crypto-table tbody td:nth-child(2){
    display:block;
    padding:12px;
    border-bottom:1px solid var(--border);
  }
  .crypto-table tbody td:nth-child(2)::before{ display:none; }

  .coin{ min-width:0; }
  .coin img{ width:26px; height:26px; }

  /* Sparkline: make it fit */
  .sparkline{ width:140px; height:34px; }

  /* tighten chips */
  .yb-bull-score{ padding:3px 8px; }
  .yb-cycle{ padding:3px 8px; }
}
/* Mobile: true edge-to-edge (remove side gutters) */
@media (max-width: 768px){

  #content.site-content.fixed,
  #content.site-content.fixed .site-content-inner,
  #content.site-content.fixed #primary.content-area,
  #content.site-content.fixed #main.site-main,
  #content.site-content.fixed .entry-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}

/* Coin profile hero */
.yb-coin-hero{
  display:flex; gap:16px; align-items:center; justify-content:space-between;
  padding:16px; border:1px solid var(--border, #e5e7eb);
  border-radius:16px; background:var(--bg, #fff);
  margin: 10px 0 18px;
}
.yb-coin-hero__left{display:flex; gap:14px; align-items:center; min-width:0;}
.yb-coin-hero__avatar{width:56px;height:56px;border-radius:999px;overflow:hidden;flex:0 0 auto;border:1px solid var(--border,#e5e7eb);background:rgba(100,116,139,.08);}
.yb-coin-hero__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.yb-coin-hero__ph{width:100%;height:100%;}
.yb-coin-hero__title{min-width:0;}
.yb-coin-hero__h1{font-size:20px;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yb-coin-hero__sym{margin-top:4px;font-weight:700;color:var(--muted,#64748b);}

.yb-coin-hero__badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.yb-hero-badge{padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:rgba(100,116,139,.06);min-width:120px}
.yb-hero-badge__k{font-size:12px;color:var(--muted,#64748b);margin-bottom:4px}
.yb-hero-badge__v{font-weight:800}

@media (max-width: 860px){
  .yb-coin-hero{flex-direction:column;align-items:stretch;}
  .yb-coin-hero__badges{justify-content:flex-start;width:100%;}
  .yb-hero-badge{flex:1 1 45%; min-width:0;}
}

/* =========================
   Coin Profile Header (single coin)
   ========================= */

.coin-page .coin-hero{
  margin: 14px 0 18px;
  padding: 16px 18px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 16px;
  background: var(--bg, #fff);
}

/* top row: left identity + right badges */
.coin-page .coin-hero__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.coin-page .coin-hero__id{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 260px;
}

/* avatar */
.coin-page .coin-hero__logo{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid var(--border, #e5e7eb);
  background: rgba(100,116,139,.08);
  flex: 0 0 auto;
}
.coin-page .coin-hero__logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* title: override theme centering/lines */
.coin-page .coin-hero .entry-title{
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  border: 0 !important;
}
.coin-page .coin-hero .entry-title:before,
.coin-page .coin-hero .entry-title:after{
  display: none !important; /* убираем линию/декор темы */
}
.coin-page .coin-hero .entry-title span{
  font-weight: 700;
  color: var(--muted, #64748b);
  font-size: .85em;
}

/* badges grid */
.coin-page .coin-hero__badges{
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 10px;
  flex: 1 1 520px;
}

.coin-page .coin-badge{
  padding: 10px 12px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 14px;
  background: rgba(100,116,139,.06);
}
.coin-page .coin-badge__k{
  font-size: 12px;
  color: var(--muted, #64748b);
  margin-bottom: 4px;
}
.coin-page .coin-badge__v{
  font-weight: 800;
  font-size: 16px;
}

/* meta row under hero */
.coin-page .coin-hero .entry-meta{
  margin-top: 14px;
}

/* mobile */
@media (max-width: 860px){
  .coin-page .coin-hero__id{min-width: 0; width: 100%;}
  .coin-page .coin-hero__badges{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

/* === Coin hero: YearBull Rank colors === */
.coin-page .coin-badge--rank .yb-rank.rank-green{
  color:#16a34a;
  background:rgba(22,163,74,.12);
  border-color:rgba(22,163,74,.35);
}

.coin-page .coin-badge--rank .yb-rank.rank-amber{
  color:#f59e0b;
  background:rgba(245,158,11,.14);
  border-color:rgba(245,158,11,.40);
}

.coin-page .coin-badge--rank .yb-rank.rank-red{
  color:#dc2626;
  background:rgba(220,38,38,.14);
  border-color:rgba(220,38,38,.40);
}

/* === Coin hero: Bull Score colors === */
.coin-page .coin-badge--bull .coin-badge__v{
  font-weight:800;
}

.coin-page .coin-badge--bull[data-bull="high"] .coin-badge__v{
  color:#16a34a;
}

.coin-page .coin-badge--bull[data-bull="mid"] .coin-badge__v{
  color:#f59e0b;
}

.coin-page .coin-badge--bull[data-bull="low"] .coin-badge__v{
  color:#dc2626;
}

/* === Remove bottom divider in coin hero === */
.coin-page .coin-hero::after,
.coin-page .coin-hero .entry-meta::after{
  display:none !important;
}

.coin-page .coin-hero{
  border-bottom:none !important;
}
/* Coin hero: allow Top-250 pills to look identical */
.coin-page .coin-badge__v{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Coin hero: force Risk badge pill */
.coin-page .coin-badge--risk .yb-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:4px 10px !important;
  border:1px solid var(--border,#e5e7eb) !important;
  border-radius:999px !important;
  background:rgba(100,116,139,.06) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.coin-page .coin-badge--risk .yb-risk-low{
  border-color:rgba(22,163,74,.35) !important;
  color:#16a34a !important;
  background:rgba(22,163,74,.12) !important;
}
.coin-page .coin-badge--risk .yb-risk-med{
  border-color:rgba(245,158,11,.35) !important;
  color:#f59e0b !important;
  background:rgba(245,158,11,.14) !important;
}
.coin-page .coin-badge--risk .yb-risk-high{
  border-color:rgba(220,38,38,.35) !important;
  color:#dc2626 !important;
  background:rgba(220,38,38,.14) !important;
}
/* Coin hero: kill bottom divider line */
.coin-page .coin-hero hr{display:none !important;}
.coin-page .coin-hero .entry-meta{border-bottom:0 !important; box-shadow:none !important;}
.coin-page .coin-hero .entry-meta *{box-shadow:none !important;}

/* Coin hero: remove divider pseudo-element completely */
.coin-page .coin-hero::after{
  content: none !important;
  display: none !important;
}
/* Coin hero: ensure bottom border is visible */
.coin-page .coin-hero{
  border: 1px solid var(--border, #e5e7eb) !important;
  border-bottom: 1px solid var(--border, #e5e7eb) !important;
  background-clip: padding-box;
}
.coin-page .coin-hero{
  box-shadow: none !important;
}
/* =========================
   Coin page spacing fix
   ========================= */

/* 1) Убрать лишний отступ под hero */
.coin-page .coin-hero{
  margin-bottom: 0 !important;
}

/* 2) Задать правильный отступ перед контентом,
      такой же как у карточек сайдбара */
.coin-page .coin-content{
  margin-top: 24px !important; /* ровно как между sidebar cards */
}

/* =========================
   Global color tokens (light/dark)
   ========================= */
:root{
  --yb-bg:#ffffff;
  --yb-bg-soft:#f8fafc;
  --yb-border:#e5e7eb;
  --yb-text:#0f172a;
  --yb-muted:#64748b;
}

@media (prefers-color-scheme: dark){
  :root{
    --yb-bg:#0b1220;
    --yb-bg-soft:#020617;
    --yb-border:#1e293b;
    --yb-text:#e5e7eb;
    --yb-muted:#94a3b8;
  }
}

/* =========================
   Coin hero use global tokens
   ========================= */
.coin-page .coin-hero{
  background: var(--yb-bg) !important;
  border-color: var(--yb-border) !important;
  color: var(--yb-text);
}

.coin-page .coin-badge{
  border-color: var(--yb-border) !important;
  background: rgba(100,116,139,.08) !important;
}

.coin-page .coin-badge__k{
  color: var(--yb-muted) !important;
}

.coin-page .coin-hero .entry-title span{
  color: var(--yb-muted) !important;
}

@media (prefers-color-scheme: light){
  body a,
  body a:visited{
    color:#16a34a !important;
  }

  body a:hover,
  body a:focus{
    color:#15803d !important;
  }
}
/* =========================
   YearBull Dashboard — Theme patch
   Prevent mobile "table -> cards" transform inside .yb-dashboard only
   (keeps theme behavior everywhere else)
   ========================= */
@media (max-width: 860px){
  .yb-dashboard .crypto-table{
    border-collapse: separate;
    border-spacing: 0;
  }
  .yb-dashboard .crypto-table thead{
    display: table-header-group !important;
  }
  .yb-dashboard .crypto-table tbody{
    display: table-row-group !important;
  }
  .yb-dashboard .crypto-table tr{
    display: table-row !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .yb-dashboard .crypto-table th,
  .yb-dashboard .crypto-table td{
    display: table-cell !important;
    align-items: initial !important;
    justify-content: initial !important;
    gap: 0 !important;
  }
  .yb-dashboard .crypto-table td::before{
    content: none !important;
    display: none !important;
  }
}
/* ===== YearBull Mobile Header: WP Dark Mode switch size (60x27) ===== */
@media (max-width: 768px){
  /* Track size */
  .yb-mh-toggle .wp-dark-mode-switch-styled ._track{
    width: 60px !important;
    height: 27px !important;
    border-radius: 999px !important;
  }

  /* Icons blocks (left/right) */
  .yb-mh-toggle .wp-dark-mode-switch-styled ._track ._icon{
    width: 30px !important;
    height: 27px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .yb-mh-toggle .wp-dark-mode-switch-styled ._track ._icon svg{
    width: 14px !important;
    height: 14px !important;
  }

  /* Thumb */
  .yb-mh-toggle .wp-dark-mode-switch-styled ._track ._thumb{
    width: 23px !important;
    height: 23px !important;
    top: 2px !important;
    left: 2px !important;
    border-radius: 999px !important;
  }

  /* Checked state: move thumb to the right (60 - 27 = 33) */
  body.wp-dark-mode-active .yb-mh-toggle .wp-dark-mode-switch-styled ._track ._thumb,
  body.wp-dark-mode-on .yb-mh-toggle .wp-dark-mode-switch-styled ._track ._thumb,
  .yb-mh-toggle .wp-dark-mode-switch-styled.active ._track ._thumb,
  .yb-mh-toggle .wp-dark-mode-switch-styled.is-active ._track ._thumb,
  .yb-mh-toggle .wp-dark-mode-switch-styled.wp-dark-mode-active ._track ._thumb{
    transform: translateX(33px) !important;
  }
}

#yb-coins-wrap .crypto-table td.col-chg24.up,
#yb-coins-wrap .crypto-table td.col-chg30.up {
  color: #16a34a !important;
}

#yb-coins-wrap .crypto-table td.col-chg24.down,
#yb-coins-wrap .crypto-table td.col-chg30.down {
  color: #dc2626 !important;
}

#yb-coins-wrap .crypto-table td.col-chg24.zero,
#yb-coins-wrap .crypto-table td.col-chg30.zero {
  color: #9ca3af !important;
}

#yb-coins-wrap .crypto-table td.col-chg24.ext-up,
#yb-coins-wrap .crypto-table td.col-chg30.ext-up {
  background: rgba(22,163,74,.12);
}

#yb-coins-wrap .crypto-table td.col-chg24.ext-down,
#yb-coins-wrap .crypto-table td.col-chg30.ext-down {
  background: rgba(220,38,38,.12);
}

/* TEXT COLORS (theme sets color: inherit !important, so we also use !important) */
#yb-coins-wrap .crypto-table td.col-chg24.up,
#yb-coins-wrap .crypto-table td.col-chg30.up {
  color: #16a34a !important;
}

#yb-coins-wrap .crypto-table td.col-chg24.down,
#yb-coins-wrap .crypto-table td.col-chg30.down {
  color: #dc2626 !important;
}

/* If you later add class="zero" for 0.00% */
#yb-coins-wrap .crypto-table td.col-chg24.zero,
#yb-coins-wrap .crypto-table td.col-chg30.zero {
  color: #9ca3af !important;
}

/* HIGHLIGHT BACKGROUND (abs >= 15%) — uses ext-up / ext-down classes already produced by the shortcode JS */
#yb-coins-wrap .crypto-table td.col-chg24.ext-up,
#yb-coins-wrap .crypto-table td.col-chg30.ext-up {
  background-color: rgba(22, 163, 74, 0.14) !important;
  background-image: none !important;
}

#yb-coins-wrap .crypto-table td.col-chg24.ext-down,
#yb-coins-wrap .crypto-table td.col-chg30.ext-down {
  background-color: rgba(220, 38, 38, 0.14) !important;
  background-image: none !important;
}

/* Ensure highlight is visible even if theme paints inner wrappers */
#yb-coins-wrap .crypto-table td.col-chg24.ext-up *,
#yb-coins-wrap .crypto-table td.col-chg30.ext-up *,
#yb-coins-wrap .crypto-table td.col-chg24.ext-down *,
#yb-coins-wrap .crypto-table td.col-chg30.ext-down * {
  background: transparent !important;
}

/* Market: meta cards */
.yb-article-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 14px;}
.yb-meta-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:#fff;}
.yb-meta-ico{width:40px;height:40px;border-radius:14px;border:2px solid var(--crypto-accent);background:rgba(22,163,74,.08);flex:0 0 auto;position:relative;display:block;}
.yb-meta-ico:before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:var(--crypto-accent);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;opacity:.95;}
/* Icons (inline SVG via mask) */
.yb-i-user:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.5 4.5 0 1 0-4.5-4.5A4.51 4.51 0 0 0 12 12Zm0 2c-4.1 0-7.5 2.2-7.5 5v1h15v-1c0-2.8-3.4-5-7.5-5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.5 4.5 0 1 0-4.5-4.5A4.51 4.51 0 0 0 12 12Zm0 2c-4.1 0-7.5 2.2-7.5 5v1h15v-1c0-2.8-3.4-5-7.5-5Z'/%3E%3C/svg%3E");}
.yb-i-clock:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm1 10.41V7h-2v6.59l4.7 2.71 1-1.73Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm1 10.41V7h-2v6.59l4.7 2.71 1-1.73Z'/%3E%3C/svg%3E");}
.yb-i-chat:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3v3l4-3h9a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3v3l4-3h9a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z'/%3E%3C/svg%3E");}
.yb-i-cal:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3Zm14 8H3v10h18V10Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3Zm14 8H3v10h18V10Z'/%3E%3C/svg%3E");}

.yb-meta-k{font-size:12px;color:var(--muted,#64748b);margin-bottom:4px;}
.yb-meta-v{font-weight:800;line-height:1.2;}
.yb-meta-v a{color:var(--crypto-accent);text-decoration:none;border-bottom:1px dashed rgba(0,0,0,.15);}
body.dark .yb-meta-item,[data-wp-dark-mode-active] .yb-meta-item{background:#141a22;border-color:rgba(255,255,255,.08);}
body.dark .yb-meta-v,[data-wp-dark-mode-active] .yb-meta-v{color:#fff;}
body.dark .yb-meta-v a,[data-wp-dark-mode-active] .yb-meta-v a{border-bottom-color:rgba(255,255,255,.25);}
.yb-divider{height:1px;background:var(--border,#e5e7eb);margin:10px 0 18px;}
body.dark .yb-divider,[data-wp-dark-mode-active] .yb-divider{background:rgba(255,255,255,.10);}
@media (max-width:980px){.yb-article-meta{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:768px){.yb-article-meta{grid-template-columns:1fr;}}

/* ===== YB Market: force mobile single column layout ===== */
@media (max-width: 900px){
  .yb-market .yb-market__layout{
    display:block !important;
  }
  .yb-market .yb-market__left,
  .yb-market .yb-market__center,
  .yb-market .yb-market__right,
  .yb-market .yb-market__side{
    width:100% !important;
    max-width:none !important;
    float:none !important;
  }
  .yb-market .yb-market__left{margin-bottom:14px !important;}
  .yb-market .yb-market__center{margin-bottom:14px !important;}
  .yb-market .yb-market__right{margin-bottom:0 !important;}
  .yb-market .yb-market__card{width:100% !important;}
}


/* === YearBull: Market page HERO + META tiles + Links collapsible (v2) === */

.yb-market__header{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  border-radius:18px;
}
.yb-market__logo{
  width:64px;
  height:64px;
  border-radius:14px;
  flex:0 0 auto;
  object-fit:cover;
}
.yb-market__title{
  margin:0;
  line-height:1.05;
}

/* Meta tiles (Author / Reading time / Comments / Dates) */
.yb-article-meta{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin:0 0 18px;
}
.yb-meta-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  background:#fff;
  min-height:74px;
}
.yb-meta-k{
  font-size:13px;
  opacity:.75;
  line-height:1.1;
  margin:0 0 4px;
}
.yb-meta-v{
  font-size:18px;
  font-weight:700;
  line-height:1.15;
}
.yb-meta-v a{ text-decoration:none; }

/* Links collapsible */
.yb-collapsible{ padding:0; }
.yb-collapsible__summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 18px;
  cursor:pointer;
  user-select:none;
  font-weight:800;
  font-size:28px;
}
.yb-collapsible__summary::-webkit-details-marker{ display:none; }
.yb-collapsible__chev{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.03);
  position:relative;
  flex:0 0 auto;
}
.yb-collapsible__chev:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  border-right:3px solid rgba(0,0,0,.55);
  border-bottom:3px solid rgba(0,0,0,.55);
  transform:translate(-50%,-60%) rotate(45deg);
}
details[open] .yb-collapsible__chev:before{
  transform:translate(-50%,-40%) rotate(-135deg);
}
.yb-market__card--links .yb-market__socials{
  padding:0 18px 18px;
}

/* Mobile: full-width hero + compact tiles */
@media (max-width: 768px){
  .yb-market__header{
    margin-left:-16px;
    margin-right:-16px;
    border-radius:0;
    padding:14px 16px;
    gap:12px;
  }
  .yb-market__logo{
    width:52px;
    height:52px;
    border-radius:12px;
  }

  .yb-article-meta{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin:0 0 14px;
  }
  .yb-meta-item{
    padding:12px 12px;
    border-radius:14px;
    min-height:64px;
  }
  .yb-meta-v{ font-size:16px; }
  .yb-meta-item:nth-child(4){
    grid-column:1 / -1; /* Dates tile full width */
  }

  .yb-collapsible__summary{
    font-size:22px;
    padding:14px 16px;
  }
  .yb-market__card--links .yb-market__socials{
    padding:0 16px 16px;
  }
}


/* === YB Market: Key Facts mobile tiles (2x2) + icons === */

.yb-kf__tiles{display:none;}
.yb-kf__list{display:block;}
.yb-kf__more{display:none;}

.yb-kf__row{margin:0 0 10px;}
.yb-kf__row:last-child{margin-bottom:0;}
.yb-kf__row strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:4px;}
.yb-kf__row a{color:var(--crypto-accent);text-decoration:none;border-bottom:1px dashed rgba(0,0,0,.18);}
body.dark .yb-kf__row a,[data-wp-dark-mode-active] .yb-kf__row a{border-bottom-color:rgba(255,255,255,.25);}

.yb-kf__tile{
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  background:#fff;
  padding:12px 12px 12px 12px;
  min-height:86px;
}
body.dark .yb-kf__tile,[data-wp-dark-mode-active] .yb-kf__tile{
  background:#141a22;
  border-color:rgba(255,255,255,.08);
}

.yb-kf__head{display:flex;align-items:center;gap:10px;margin:0 0 8px;}

.yb-kf__ico{
  width:32px;height:32px;border-radius:12px;
  border:2px solid var(--crypto-accent);
  background:rgba(22,163,74,.08);
  display:block;
  position:relative;
  flex:0 0 auto;
  margin:0;
}
.yb-kf__ico:before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:16px;height:16px;
  background:var(--crypto-accent);
  -webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
  mask-repeat:no-repeat;mask-position:center;mask-size:contain;
  opacity:.95;
}

/* Icons (mask SVG) */
.yb-kf__ico--rank:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.6 1.7 6.9L12 17.8 5.7 20.7l1.7-6.9L2 9.2l7.1-.6L12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.6 1.7 6.9L12 17.8 5.7 20.7l1.7-6.9L2 9.2l7.1-.6L12 2z'/%3E%3C/svg%3E");}
.yb-kf__ico--year:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2zm14 8H3v10h18V10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2zm14 8H3v10h18V10z'/%3E%3C/svg%3E");}
.yb-kf__ico--vol:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16v2H2V3h2v16zm4-2H6v-7h2v7zm5 0h-2V7h2v10zm5 0h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16v2H2V3h2v16zm4-2H6v-7h2v7zm5 0h-2V7h2v10zm5 0h-2v-4h2v4z'/%3E%3C/svg%3E");}
.yb-kf__ico--url:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.6 13.4a1 1 0 0 0 1.4 1.4l3.5-3.5a3 3 0 0 0-4.2-4.2L9 9.4a1 1 0 1 0 1.4 1.4l2.3-2.3a1 1 0 0 1 1.4 1.4l-3.5 3.5zM13.4 10.6a1 1 0 0 0-1.4-1.4l-3.5 3.5a3 3 0 0 0 4.2 4.2L15 14.6a1 1 0 1 0-1.4-1.4l-2.3 2.3a1 1 0 0 1-1.4-1.4l3.5-3.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.6 13.4a1 1 0 0 0 1.4 1.4l3.5-3.5a3 3 0 0 0-4.2-4.2L9 9.4a1 1 0 1 0 1.4 1.4l2.3-2.3a1 1 0 0 1 1.4 1.4l-3.5 3.5zM13.4 10.6a1 1 0 0 0-1.4-1.4l-3.5 3.5a3 3 0 0 0 4.2 4.2L15 14.6a1 1 0 1 0-1.4-1.4l-2.3 2.3a1 1 0 0 1-1.4-1.4l3.5-3.5z'/%3E%3C/svg%3E");}

.yb-kf__k{font-size:12px;opacity:.7;line-height:1.15;margin:0;}
.yb-kf__v{font-size:18px;font-weight:800;line-height:1.2;margin-top:2px;}
.yb-kf__v,.yb-kf__row{word-break:break-word;}
.yb-kf__link{color:var(--crypto-accent);text-decoration:none;border-bottom:1px dashed rgba(0,0,0,.18);}
body.dark .yb-kf__link,[data-wp-dark-mode-active] .yb-kf__link{border-bottom-color:rgba(255,255,255,.25);}

/* Mobile: remove big paddings around content on single market */
@media (max-width: 768px){
  body.single-market #content.site-content,
  body.single-market .site-content-inner{padding:0 !important;}
}

.yb-kf__summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  margin-top:12px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  background:rgba(0,0,0,.02);
  cursor:pointer;
  user-select:none;
  font-weight:800;
}
body.dark .yb-kf__summary,[data-wp-dark-mode-active] .yb-kf__summary{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}
.yb-kf__summary::-webkit-details-marker{display:none;}
.yb-kf__chev{
  width:26px;height:26px;border-radius:10px;border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.03);
  position:relative;flex:0 0 auto;
}
.yb-kf__chev:before{
  content:"";
  position:absolute;left:50%;top:50%;
  width:9px;height:9px;
  border-right:2px solid rgba(0,0,0,.55);
  border-bottom:2px solid rgba(0,0,0,.55);
  transform:translate(-50%,-60%) rotate(45deg);
}
details[open] .yb-kf__chev:before{transform:translate(-50%,-40%) rotate(-135deg);}

.yb-kf__more-body{padding:12px 2px 2px;}
.yb-kf__more-body .yb-kf__row{padding:10px 12px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff;margin:0 0 10px;}
body.dark .yb-kf__more-body .yb-kf__row,[data-wp-dark-mode-active] .yb-kf__more-body .yb-kf__row{background:#141a22;border-color:rgba(255,255,255,.08);}

@media (max-width:900px){
  .yb-kf__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .yb-kf__list{display:none;}
  .yb-kf__more{display:block;}
  /* Make the left card flush like full width inside content area */
  .yb-market__card--facts{border-radius:18px;}
  .yb-market__card--facts h2{margin-bottom:12px;}
}

/* Market pages: reduce #content side padding on mobile (theme adds big padding) */
@media (max-width:900px){
  body.single-market #content.site-content,
  body.single-market .site-content{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* FIX: desktop header menu default color (keep hover as is) */
@media (min-width: 992px){
  .yb-dh #site-navigation a,
  .yb-dh #site-navigation .menu a,
  .yb-dh #site-navigation .menu li a,
  .yb-dh #site-navigation .removed-link{
    color:#111 !important;
  }
}
/* =========================================================
   YB Trending (shortcode) — mobile fit fix
   ========================================================= */
@media (max-width: 860px){
  .yb-trending-block{max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}
  .yb-trending-grid{max-width:100%;width:100%;box-sizing:border-box;grid-template-columns:1fr !important}
  .yb-trending-card{max-width:100%;width:100%;box-sizing:border-box;min-width:0}
}



/* =========================================================
   YearBull Header — Tablet layout (769px–991px)
   Goal: left branding, centered search, right controls (toggle/burger)
   ========================================================= */
@media (min-width: 769px) and (max-width: 991px){

  /* 3-column header: left branding | center search | right controls */
  #masthead .site-header-inner{
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Center: stats + search */
  #masthead .site-header-inner .header-search--desktop{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  #masthead .site-header-inner .header-search--desktop .yb-header-stats{
    margin: 0 !important;
  }
  #masthead .site-header-inner .header-search--desktop .yb-header-stats__bar{
    width: 100%;
  }

  #masthead .site-header-inner .header-search--desktop .search-form,
  #masthead .site-header-inner .header-search--desktop .search-field{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Right: burger aligned to the edge */
  #masthead .site-header-inner .humburger.js-humburger{
    justify-self: end;
    margin: 0 !important;
  }

  /* Keep tablet header clean: hide full menu + social row (use burger like on mobile) */
  #masthead .site-header-inner #site-navigation,
  #masthead .site-header-inner .header-social{
    display: none !important;
  }

  /* If WP Dark Mode switcher exists in header, don't let it add random margins */
  #masthead .site-header-inner .wp-dark-mode-switcher{
    margin: 0 !important;
  }
}

/* YearBull Home Intro (MBI) */
.yb-home-intro{
  margin: 26px 0 10px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
}

.yb-home-intro__lead{
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
  color: rgba(0,0,0,.86);
}

.yb-home-intro__body{
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(0,0,0,.72);
}

.yb-home-intro__how{
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.yb-home-intro__title{
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
  color: rgba(0,0,0,.70);
}

.yb-home-intro__list{
  margin: 0;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(0,0,0,.72);
}

.yb-home-intro__list li{ margin: 6px 0; }

.yb-home-intro__k{
  display: inline-block;
  padding: 2px 8px;
  margin-right: 6px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,.75);
  vertical-align: 1px;
}

/* Dark mode (basic) */
body.dark .yb-home-intro,
.dark .yb-home-intro{
  border-color: rgba(255,255,255,.10);
  background: rgba(20,20,20,.55);
}
body.dark .yb-home-intro__lead,
.dark .yb-home-intro__lead{ color: rgba(255,255,255,.90); }
body.dark .yb-home-intro__body,
.dark .yb-home-intro__body,
body.dark .yb-home-intro__list,
.dark .yb-home-intro__list{ color: rgba(255,255,255,.75); }
body.dark .yb-home-intro__how,
.dark .yb-home-intro__how{ border-top-color: rgba(255,255,255,.10); }
body.dark .yb-home-intro__title,
.dark .yb-home-intro__title{ color: rgba(255,255,255,.75); }
body.dark .yb-home-intro__k,
.dark .yb-home-intro__k{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.82);
}

@media (max-width: 1023px){
  .yb-home-intro{ padding: 16px 14px 14px; border-radius: 12px; }
}

/* Hero tagline under H1 (centered) */
.yb-hero-tagline{
  margin: 8px auto 0;
  max-width: 100%;
  text-align: center;

  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: rgba(0,0,0,.72);
}

/* Dark mode */
body.dark .yb-hero-tagline,
.dark .yb-hero-tagline{
  color: rgba(255,255,255,.78);
}

@media (max-width: 1023px){
  .yb-hero-tagline{
    font-size: 14px;
    margin-top: 6px;
  }
}