/*
|--------------------------------------------------------------------------
| Coinshub Pro UI - Stable Fix
|--------------------------------------------------------------------------
*/

:root {
    --ch-bg: #f4f7fb;
    --ch-panel: #ffffff;
    --ch-dark: #101418;
    --ch-text: #111827;
    --ch-muted: #64748b;
    --ch-border: rgba(15, 23, 42, .10);
    --ch-yellow: #ffc107;
    --ch-green: #16a34a;
    --ch-red: #ef4444;
    --ch-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

body {
    background: var(--ch-bg) !important;
    color: var(--ch-text);
}

/* Full-width container */
@media (min-width: 1200px) {
    .container {
        max-width: 1380px !important;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1540px !important;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1680px !important;
    }
}

/* Header */
.preheader,
.header {
    background: linear-gradient(180deg, #0f141a 0%, #111820 100%) !important;
    color: #fff !important;
}

.preheader a,
.header a,
.header .nav-link {
    color: rgba(255,255,255,.92) !important;
}

.header .navbar {
    padding-top: 16px;
    padding-bottom: 16px;
}

.header .navbar-brand img {
    max-height: 56px;
}

.header .nav-link {
    font-weight: 800;
    padding: 10px 13px !important;
    border-radius: 999px;
}

.header .nav-link:hover {
    background: rgba(255,255,255,.08);
}

/* Smaller page title */
.page-title {
    padding: 38px 0 34px !important;
    background: linear-gradient(135deg, #ffc107 0%, #ffcf33 100%) !important;
}

.page-title h1 {
    font-size: clamp(26px, 2.1vw, 36px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.6px !important;
    margin-bottom: 10px !important;
    font-weight: 900 !important;
}

.page-title h6,
.page-title p {
    font-size: 14px !important;
    line-height: 1.65 !important;
    max-width: 860px !important;
    margin-left: auto;
    margin-right: auto;
}

.page-title .btn,
.page-title .btn-lg {
    padding: 9px 18px !important;
    font-size: 14px !important;
}

/* Homepage dashboard */
.coinshub-dashboard-pro {
    padding: 34px 0 28px;
}

.coinshub-dashboard-pro * {
    box-sizing: border-box;
}

.coinshub-dashboard-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 22px;
    margin-bottom: 18px;
}

.coinshub-kicker {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255, 193, 7, .16);
    color: #8a5a00;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.coinshub-dashboard-head h2 {
    margin: 10px 0 6px;
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 900;
    letter-spacing: -.8px;
    color: #111827;
}

.coinshub-dashboard-head p {
    margin: 0;
    color: var(--ch-muted);
    max-width: 780px;
    line-height: 1.65;
}

.coinshub-dashboard-actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

/* Metric cards */
.coinshub-metric-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.coinshub-metric-card {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border: 1px solid var(--ch-border);
    border-radius: 18px;
    padding: 16px;
    box-shadow: var(--ch-shadow);
}

.coinshub-metric-card span {
    display: block;
    color: var(--ch-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.coinshub-metric-card strong {
    display: block;
    margin: 6px 0 4px;
    font-size: 22px;
    font-weight: 950;
    color: #0f172a;
}

.coinshub-metric-card small {
    color: #94a3b8;
    font-size: 12px;
}

/* Dashboard grid */
.coinshub-dashboard-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    gap: 14px;
    align-items: stretch;
}

.coinshub-panel {
    background: #fff;
    border: 1px solid var(--ch-border);
    border-radius: 20px;
    padding: 18px;
    box-shadow: var(--ch-shadow);
    overflow: hidden;
}

.coinshub-panel-large {
    grid-row: span 2;
}

.coinshub-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.coinshub-panel-title h3,
.coinshub-panel h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 950;
    color: #111827;
}

.coinshub-panel-title a {
    color: #8a5a00;
    font-size: 12px;
    font-weight: 900;
}

/* Rows */
.coinshub-mini-table {
    display: grid;
    gap: 8px;
}

.coinshub-asset-row,
.coinshub-rank-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #111827 !important;
    text-decoration: none !important;
    border: 1px solid rgba(15, 23, 42, .05) !important;
    line-height: 1.35 !important;
}

.coinshub-asset-row:hover,
.coinshub-rank-row:hover {
    background: #fff7d6 !important;
}

.coinshub-asset-name {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

/* Critical fix: prevent huge coin images */
.coinshub-dashboard-pro img,
.coinshub-asset-name img {
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    object-fit: contain !important;
    border-radius: 999px !important;
    margin: 0 !important;
    flex: 0 0 26px !important;
}

.coinshub-asset-name b,
.coinshub-rank-row span {
    font-weight: 900;
    color: #111827;
}

.coinshub-asset-name em,
.coinshub-rank-row em {
    color: var(--ch-muted);
    font-style: normal;
    font-size: 12px;
    margin-left: 4px;
}

.coinshub-up {
    color: var(--ch-green) !important;
    font-weight: 950;
}

.coinshub-down {
    color: var(--ch-red) !important;
    font-weight: 950;
}

.coinshub-tool-panel p,
.coinshub-whale-panel p {
    color: var(--ch-muted);
    line-height: 1.65;
    margin: 10px 0 16px;
}

.coinshub-whale-panel {
    background: linear-gradient(180deg, #111827 0%, #1f2937 100%) !important;
    color: #fff !important;
}

.coinshub-whale-panel h3 {
    color: #fff !important;
}

.coinshub-whale-panel p {
    color: rgba(255,255,255,.72) !important;
}

.coinshub-whale-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.coinshub-whale-tags span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.86);
    font-size: 12px;
    font-weight: 800;
}

/* Tables */
.table,
.dataTable,
#coins-info-table {
    width: 100% !important;
    background: #fff;
    border: 1px solid var(--ch-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--ch-shadow);
}

.table thead th,
.dataTable thead th,
#coins-info-table thead th {
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .35px;
    font-weight: 900 !important;
}

.table tbody td,
.dataTable tbody td,
#coins-info-table tbody td {
    padding: 14px !important;
    vertical-align: middle !important;
}

.table tbody tr:hover,
.dataTable tbody tr:hover,
#coins-info-table tbody tr:hover {
    background: #fff8db !important;
}

/* General buttons */
.btn {
    border-radius: 12px !important;
    font-weight: 900 !important;
}

.btn-warning {
    background: linear-gradient(135deg, #ffc107 0%, #ffdb57 100%) !important;
    border-color: #ffc107 !important;
    color: #111 !important;
}

.btn-dark {
    background: #111827 !important;
    border-color: #111827 !important;
}

/* Exchange visit button */
.exchange-visit-btn {
    border-radius: 999px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap;
}

/* Footer */
.footer {
    background: #101418 !important;
    color: rgba(255,255,255,.82) !important;
    margin-top: 60px;
}

.footer a,
.footer h5 {
    color: #fff !important;
}

/* Responsive */
@media (max-width: 1200px) {
    .coinshub-metric-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .coinshub-dashboard-grid {
        grid-template-columns: 1fr 1fr;
    }

    .coinshub-panel-large {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .coinshub-dashboard-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .coinshub-dashboard-actions {
        width: 100%;
    }

    .coinshub-dashboard-actions .btn {
        flex: 1;
    }

    .coinshub-metric-grid,
    .coinshub-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .coinshub-panel-large {
        grid-column: auto;
    }

    .page-title h1 {
        font-size: 26px !important;
    }
}

/* Revive ads: two slots in one row */
.coinshub-ad-grid-2x {
    width: 100%;
    max-width: 1540px;
    margin: 30px auto 36px;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: center;
    justify-content: center;
}

.coinshub-ad-grid-2x .coinshub-ad-slot {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 110px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .06);
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
}

/* Make Revive injected elements stay inside their slot */
.coinshub-ad-grid-2x .coinshub-ad-slot ins,
.coinshub-ad-grid-2x .coinshub-ad-slot iframe,
.coinshub-ad-grid-2x .coinshub-ad-slot img {
    display: block !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* If the creative is 728px wide, keep it centered instead of overlapping */
.coinshub-ad-grid-2x .coinshub-ad-slot iframe {
    width: 100% !important;
    max-width: 728px !important;
}

@media (max-width: 1200px) {
    .coinshub-ad-grid-2x {
        max-width: 760px;
        grid-template-columns: 1fr;
    }
}

/* Force Revive two ads in one row */
.row.justify-content-center > .coinshub-ad-grid-2x,
.coinshub-ad-grid-2x {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 28px auto 36px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 100% !important;
}

.coinshub-ad-grid-2x .coinshub-ad-slot {
    flex: 0 1 728px !important;
    width: 728px !important;
    max-width: calc(50% - 9px) !important;
    min-width: 0 !important;
    min-height: 110px !important;
    border-radius: 14px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.coinshub-ad-grid-2x .coinshub-ad-slot ins,
.coinshub-ad-grid-2x .coinshub-ad-slot iframe,
.coinshub-ad-grid-2x .coinshub-ad-slot img,
.coinshub-ad-grid-2x .coinshub-ad-slot div {
    max-width: 100% !important;
}

.coinshub-ad-grid-2x .coinshub-ad-slot iframe,
.coinshub-ad-grid-2x .coinshub-ad-slot img {
    display: block !important;
    margin: 0 auto !important;
}

@media (max-width: 1500px) {
    .coinshub-ad-grid-2x {
        max-width: 728px !important;
        flex-direction: column !important;
    }

    .coinshub-ad-grid-2x .coinshub-ad-slot {
        width: 728px !important;
        max-width: 100% !important;
    }
}

/* Force Revive two ads in one row */
.row.justify-content-center > .coinshub-ad-grid-2x,
.coinshub-ad-grid-2x {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 28px auto 36px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 100% !important;
}

.coinshub-ad-grid-2x .coinshub-ad-slot {
    flex: 0 1 728px !important;
    width: 728px !important;
    max-width: calc(50% - 9px) !important;
    min-width: 0 !important;
    min-height: 110px !important;
    border-radius: 14px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.coinshub-ad-grid-2x .coinshub-ad-slot ins,
.coinshub-ad-grid-2x .coinshub-ad-slot iframe,
.coinshub-ad-grid-2x .coinshub-ad-slot img,
.coinshub-ad-grid-2x .coinshub-ad-slot div {
    max-width: 100% !important;
}

.coinshub-ad-grid-2x .coinshub-ad-slot iframe,
.coinshub-ad-grid-2x .coinshub-ad-slot img {
    display: block !important;
    margin: 0 auto !important;
}

@media (max-width: 1500px) {
    .coinshub-ad-grid-2x {
        max-width: 728px !important;
        flex-direction: column !important;
    }

    .coinshub-ad-grid-2x .coinshub-ad-slot {
        width: 728px !important;
        max-width: 100% !important;
    }
}

/* Homepage without yellow hero: dense data-first layout */
body .coinshub-dashboard-pro {
    padding-top: 26px !important;
}

body .coinshub-dashboard-head {
    margin-top: 0 !important;
}

body .coinshub-dashboard-pro + .container,
body .coinshub-dashboard-pro ~ .container {
    margin-top: 8px !important;
}

/* Keep top ad compact after removing hero */
body .coinshub-ad-grid,
body .coinshub-ad-grid-2x {
    margin-top: 18px !important;
    margin-bottom: 26px !important;
}

/* =========================================================
   Global: remove old yellow landing hero blocks
   Applies to:
   /, /exchanges, /top-gainer-coins, /top-loser-coins,
   /calculator, /watchlist, /news
   ========================================================= */
body > .page-title,
.page-title.py-3,
div.page-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* After removing hero, pull content up and make layout dense */
body {
    background: #f4f7fb !important;
}

.header + .page-title + .py-4,
.header + .py-4,
.page-title + .py-4 {
    margin-top: 18px !important;
}

.coinshub-dashboard-pro {
    padding-top: 24px !important;
}

/* Make each main content page feel like a dense data terminal */
body .container {
    position: relative;
}

@media (min-width: 1400px) {
    body .container {
        max-width: 1560px !important;
    }
}

@media (min-width: 1700px) {
    body .container {
        max-width: 1680px !important;
    }
}

/* =========================================================
   Revive ads: force two 728x90 slots in one row on wide screens
   ========================================================= */
.coinshub-ad-grid,
.coinshub-ad-grid-2x,
.row.justify-content-center > .coinshub-ad-grid,
.row.justify-content-center > .coinshub-ad-grid-2x {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 24px auto 30px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    flex: 0 0 100% !important;
}

.coinshub-ad-slot {
    flex: 0 0 728px !important;
    width: 728px !important;
    max-width: calc(50% - 9px) !important;
    min-width: 0 !important;
    min-height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.coinshub-ad-slot ins,
.coinshub-ad-slot iframe,
.coinshub-ad-slot img,
.coinshub-ad-slot div {
    max-width: 100% !important;
}

.coinshub-ad-slot iframe,
.coinshub-ad-slot img {
    display: block !important;
    margin: 0 auto !important;
}

/* Below 1500px, two 728px banners cannot fit safely */
@media (max-width: 1500px) {
    .coinshub-ad-grid,
    .coinshub-ad-grid-2x {
        max-width: 728px !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .coinshub-ad-slot {
        width: 728px !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* =========================================================
   RSS / News cards: 3 per row
   ========================================================= */

/* Common news section container guessing for CryptoNet templates */
.news-section .row,
.latest-news .row,
.crypto-news .row,
.blog-section .row,
.footer-news .row,
body .container .row:has(.card) {
    align-items: stretch;
}

/* News card polish */
.news-section .card,
.latest-news .card,
.crypto-news .card,
.blog-section .card,
.footer-news .card,
body .container .row .card {
    height: 100%;
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .06) !important;
    overflow: hidden;
}

/* If news cards use Bootstrap columns, keep them dense */
@media (min-width: 992px) {
    .news-section .col-md-4,
    .latest-news .col-md-4,
    .crypto-news .col-md-4,
    .blog-section .col-md-4,
    .footer-news .col-md-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

@media (max-width: 991px) {
    .news-section .col-md-4,
    .latest-news .col-md-4,
    .crypto-news .col-md-4,
    .blog-section .col-md-4,
    .footer-news .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   Dense data-table style
   ========================================================= */
.table,
.dataTable,
#coins-info-table {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.table thead th,
.dataTable thead th,
#coins-info-table thead th {
    padding: 10px 10px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-transform: uppercase;
    letter-spacing: .35px;
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(15, 23, 42, .14) !important;
    white-space: nowrap !important;
}

.table tbody td,
.dataTable tbody td,
#coins-info-table tbody td {
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.table tbody tr,
.dataTable tbody tr,
#coins-info-table tbody tr {
    height: 42px;
}

.table tbody tr:hover,
.dataTable tbody tr:hover,
#coins-info-table tbody tr:hover {
    background: #fff7d6 !important;
}

.table img,
.dataTable img,
#coins-info-table img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    margin-right: 6px !important;
}

/* Make search input feel like a data terminal */
#exchangeSearch,
#coinSearch,
input[type="search"],
.dataTables_filter input {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
}

/* =========================================================
   Dense mode: remove yellow hero across all public pages
   ========================================================= */
body > .page-title,
.page-title.py-3,
div.page-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* After removing hero, reduce vertical gaps */
.header + .page-title + .py-4,
.header + .py-4,
.page-title + .py-4,
.coinshub-dashboard-pro {
    margin-top: 0 !important;
}

.coinshub-dashboard-pro {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* =========================================================
   Ads: shrink spacing on normal pages
   ========================================================= */
.coinshub-ad-grid,
.coinshub-ad-grid-2x,
.row.justify-content-center > .coinshub-ad-grid,
.row.justify-content-center > .coinshub-ad-grid-2x {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 14px auto 18px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex: 0 0 100% !important;
}

.coinshub-ad-slot {
    flex: 0 0 728px !important;
    width: 728px !important;
    max-width: calc(50% - 6px) !important;
    min-width: 0 !important;
    min-height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.coinshub-ad-slot ins,
.coinshub-ad-slot iframe,
.coinshub-ad-slot img,
.coinshub-ad-slot div {
    max-width: 100% !important;
}

.coinshub-ad-slot iframe,
.coinshub-ad-slot img {
    display: block !important;
    margin: 0 auto !important;
}

/* 728+728 cannot fit under 1500px, so stack safely */
@media (max-width: 1500px) {
    .coinshub-ad-grid,
    .coinshub-ad-grid-2x {
        max-width: 728px !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin: 12px auto 16px !important;
    }

    .coinshub-ad-slot {
        width: 728px !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* =========================================================
   Calculator: hide all ad blocks
   ========================================================= */
body.coinshub-page-calculator .coinshub-ad-grid,
body.coinshub-page-calculator .coinshub-ad-grid-2x,
body.coinshub-page-calculator .coinshub-ad-slot,
body.coinshub-page-calculator ins[data-revive-zoneid],
body.coinshub-page-calculator .py-4:has(ins[data-revive-zoneid]),
body.coinshub-page-calculator .row.justify-content-center:has(ins[data-revive-zoneid]) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Calculator should stay compact after removing ads */
body.coinshub-page-calculator .coinshub-calculator-page,
body.coinshub-page-calculator .container {
    margin-top: 12px;
}

/* =========================================================
   RSS / News dense grid
   Desktop wide: 5 per row
   Desktop: 4 per row
   Tablet: 3 per row
   Mobile: 2 / 1 per row
   ========================================================= */
.coinshub-news-dense {
    margin-top: 18px !important;
}

.coinshub-news-dense h2,
.coinshub-news-dense h3 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
    font-weight: 950 !important;
}

.coinshub-news-grid-dense {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 1600px) {
    .coinshub-news-grid-dense {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    .coinshub-news-grid-dense {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .coinshub-news-grid-dense {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    .coinshub-news-grid-dense {
        grid-template-columns: 1fr !important;
    }
}

.coinshub-news-grid-dense > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.coinshub-news-dense .card,
.coinshub-news-grid-dense .card {
    height: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
}

.coinshub-news-dense .card-body,
.coinshub-news-grid-dense .card-body {
    padding: 12px !important;
}

.coinshub-news-dense .card-title,
.coinshub-news-grid-dense .card-title,
.coinshub-news-dense h4,
.coinshub-news-dense h5,
.coinshub-news-grid-dense h4,
.coinshub-news-grid-dense h5 {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

.coinshub-news-dense p,
.coinshub-news-grid-dense p {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #64748b !important;
    margin-bottom: 6px !important;
}

.coinshub-news-dense img,
.coinshub-news-grid-dense img {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

@media (min-width: 1600px) {
    .coinshub-news-dense img,
    .coinshub-news-grid-dense img {
        height: 110px !important;
    }
}

/* =========================================================
   Global dense data feel
   ========================================================= */
.container {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

@media (min-width: 1500px) {
    .container {
        max-width: 1640px !important;
    }
}

.coinshub-dashboard-head {
    margin-bottom: 10px !important;
}

.coinshub-dashboard-head h2 {
    font-size: clamp(22px, 1.7vw, 28px) !important;
    margin-bottom: 4px !important;
}

.coinshub-dashboard-head p {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.coinshub-metric-grid {
    gap: 9px !important;
    margin-bottom: 12px !important;
}

.coinshub-metric-card {
    padding: 12px !important;
    border-radius: 14px !important;
}

.coinshub-metric-card strong {
    font-size: 19px !important;
}

.coinshub-metric-card small,
.coinshub-metric-card span {
    font-size: 11px !important;
}

.coinshub-dashboard-grid {
    gap: 10px !important;
}

.coinshub-panel {
    padding: 12px !important;
    border-radius: 16px !important;
}

.coinshub-panel-title {
    margin-bottom: 8px !important;
}

.coinshub-panel-title h3,
.coinshub-panel h3 {
    font-size: 15px !important;
}

/* Dense tables */
.table,
.dataTable,
#coins-info-table {
    font-size: 12px !important;
    line-height: 1.22 !important;
}

.table thead th,
.dataTable thead th,
#coins-info-table thead th {
    padding: 8px 9px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.table tbody td,
.dataTable tbody td,
#coins-info-table tbody td {
    padding: 7px 9px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.table tbody tr,
.dataTable tbody tr,
#coins-info-table tbody tr {
    height: 36px !important;
}

.table img,
.dataTable img,
#coins-info-table img {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
    margin-right: 5px !important;
}

/* =========================================================
   Coinshub dense RSS / News wall
   Goal: 6 cards per row on wide screens
   ========================================================= */

/* Main RSS/news container used by CryptoNet templates */
.container.pt-3.pb-5:has(.card-deck),
.container.pt-3.pb-5:has(.card) {
    max-width: 1680px !important;
    padding-top: 14px !important;
    padding-bottom: 24px !important;
}

.container.pt-3.pb-5 h2.pb-2,
.container.pt-3.pb-5 h2 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    margin-bottom: 12px !important;
}

/* Override Bootstrap card-deck */
.container.pt-3.pb-5 .card-deck {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

/* Override col-md-4 */
.container.pt-3.pb-5 .card-deck > [class*="col-"],
.container.pt-3.pb-5 .card-deck > .col-md-4 {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Override inline min-height:500px */
.container.pt-3.pb-5 .card-deck .card {
    min-height: 0 !important;
    height: 100% !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Compact image */
.container.pt-3.pb-5 .card-deck .card img {
    width: 100% !important;
    height: 78px !important;
    object-fit: cover !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Compact body */
.container.pt-3.pb-5 .card-deck .card-body {
    padding: 9px 10px 10px !important;
}

/* Date badge */
.container.pt-3.pb-5 .card-deck .badge,
.container.pt-3.pb-5 .card-deck .linking {
    font-size: 10px !important;
    padding: 3px 6px !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
}

/* Title */
.container.pt-3.pb-5 .card-deck .card-title,
.container.pt-3.pb-5 .card-deck h6 {
    font-size: 12px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    margin: 6px 0 !important;
    color: #111827 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Summary */
.container.pt-3.pb-5 .card-deck p {
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: #64748b !important;
    margin-bottom: 8px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Button */
.container.pt-3.pb-5 .card-deck .btn {
    font-size: 11px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

/* View more button / yellow bottom strip compact */
.container.pt-3.pb-5 > .btn,
.container.pt-3.pb-5 .btn-block,
.container.pt-3.pb-5 a.btn-warning {
    min-height: 0 !important;
}

/* Responsive */
@media (max-width: 1500px) {
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 992px) {
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 420px) {
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: 1fr !important;
    }
}

/* Calculator: no ads, dense tool page */
body.coinshub-page-calculator .coinshub-ad-grid,
body.coinshub-page-calculator .coinshub-ad-grid-2x,
body.coinshub-page-calculator .coinshub-ad-slot,
body.coinshub-page-calculator ins[data-revive-zoneid],
body.coinshub-page-calculator .py-4:has(ins[data-revive-zoneid]),
body.coinshub-page-calculator .row.justify-content-center:has(ins[data-revive-zoneid]) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Other pages: smaller ad spacing */
body:not(.coinshub-page-calculator) .coinshub-ad-grid,
body:not(.coinshub-page-calculator) .coinshub-ad-grid-2x {
    margin-top: 10px !important;
    margin-bottom: 14px !important;
}

body:not(.coinshub-page-calculator) .py-4:has(ins[data-revive-zoneid]) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* =========================================================
   Coinshub Dense Intelligence Layout v3
   ========================================================= */

/* Remove all old yellow hero blocks */
body > .page-title,
.page-title.py-3,
div.page-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* No font above 22px in content areas */
body h1,
body h2,
body h3,
.page-title h1,
.coinshub-dashboard-head h2 {
    font-size: 22px !important;
    line-height: 1.22 !important;
}

body h4 {
    font-size: 18px !important;
}

body h5 {
    font-size: 16px !important;
}

body h6 {
    font-size: 14px !important;
}

/* Market intelligence strip on every page */
.coinshub-intel-strip {
    background: #0f1720;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 10px 0;
}

.coinshub-intel-grid {
    display: grid;
    grid-template-columns: 1.45fr repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.coinshub-intel-grid > div {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 12px;
    padding: 9px 10px;
    min-width: 0;
}

.coinshub-intel-grid span {
    display: block;
    color: rgba(255,255,255,.48);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .35px;
    white-space: nowrap;
}

.coinshub-intel-grid strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coinshub-intel-main strong {
    color: #ffc107;
}

/* Normal pages ad spacing: compact */
body:not(.coinshub-page-calculator) .py-4 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body:not(.coinshub-page-calculator) .coinshub-ad-grid,
body:not(.coinshub-page-calculator) .coinshub-ad-grid-2x {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

/* Revive two 728 banners */
.coinshub-ad-grid,
.coinshub-ad-grid-2x,
.row.justify-content-center > .coinshub-ad-grid,
.row.justify-content-center > .coinshub-ad-grid-2x {
    width: 100% !important;
    max-width: 1500px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 0 0 100% !important;
}

.coinshub-ad-slot {
    flex: 0 0 728px !important;
    width: 728px !important;
    max-width: calc(50% - 6px) !important;
    min-height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.coinshub-ad-slot ins,
.coinshub-ad-slot iframe,
.coinshub-ad-slot img,
.coinshub-ad-slot div {
    max-width: 100% !important;
}

@media (max-width: 1500px) {
    .coinshub-ad-grid,
    .coinshub-ad-grid-2x {
        max-width: 728px !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .coinshub-ad-slot {
        width: 728px !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* Calculator: no ads */
body.coinshub-page-calculator .coinshub-ad-grid,
body.coinshub-page-calculator .coinshub-ad-grid-2x,
body.coinshub-page-calculator .coinshub-ad-slot,
body.coinshub-page-calculator ins[data-revive-zoneid],
body.coinshub-page-calculator .py-4:has(ins[data-revive-zoneid]),
body.coinshub-page-calculator .row.justify-content-center:has(ins[data-revive-zoneid]) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* RSS / News: 6 per row, dense but readable */
.container.pt-3.pb-5:has(.card-deck),
.container.pt-3.pb-5:has(.coinshub-rss-grid) {
    max-width: 1680px !important;
    padding-top: 14px !important;
    padding-bottom: 20px !important;
}

.container.pt-3.pb-5 h2.pb-2,
.container.pt-3.pb-5 h2 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
    font-weight: 950 !important;
}

.card-deck.coinshub-rss-grid,
.container.pt-3.pb-5 .card-deck {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

.card-deck.coinshub-rss-grid > [class*="col-"],
.container.pt-3.pb-5 .card-deck > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container.pt-3.pb-5 .card-deck .card {
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
}

.container.pt-3.pb-5 .card-deck .card img {
    width: 100% !important;
    height: 92px !important;
    object-fit: cover !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.container.pt-3.pb-5 .card-deck .card-body {
    padding: 10px !important;
}

.container.pt-3.pb-5 .card-deck .badge {
    font-size: 10px !important;
    padding: 3px 6px !important;
    margin-bottom: 5px !important;
}

.container.pt-3.pb-5 .card-deck .card-title,
.container.pt-3.pb-5 .card-deck h6 {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
    margin: 6px 0 !important;
    color: #111827 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.container.pt-3.pb-5 .card-deck p {
    font-size: 11.5px !important;
    line-height: 1.38 !important;
    color: #64748b !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.container.pt-3.pb-5 .card-deck .btn {
    font-size: 11.5px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
}

.container.pt-3.pb-5 .btn-block,
.container.pt-3.pb-5 > .btn,
.container.pt-3.pb-5 a.btn-warning {
    margin-top: 12px !important;
}

/* News responsive */
@media (max-width: 1500px) {
    .card-deck.coinshub-rss-grid,
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    .card-deck.coinshub-rss-grid,
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 992px) {
    .card-deck.coinshub-rss-grid,
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .card-deck.coinshub-rss-grid,
    .container.pt-3.pb-5 .card-deck {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tables: readable, not tiny */
.table,
.dataTable,
#coins-info-table {
    font-size: 13.5px !important;
    line-height: 1.32 !important;
}

.table thead th,
.dataTable thead th,
#coins-info-table thead th {
    padding: 10px 11px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

.table tbody td,
.dataTable tbody td,
#coins-info-table tbody td {
    padding: 9px 11px !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

.table tbody tr,
.dataTable tbody tr,
#coins-info-table tbody tr {
    height: 42px !important;
}

.table img,
.dataTable img,
#coins-info-table img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

/* Dashboard density */
.coinshub-dashboard-pro {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
}

.coinshub-dashboard-head {
    margin-bottom: 10px !important;
}

.coinshub-metric-grid {
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.coinshub-metric-card {
    padding: 13px !important;
    border-radius: 14px !important;
}

.coinshub-dashboard-grid {
    gap: 10px !important;
}

.coinshub-panel {
    padding: 13px !important;
    border-radius: 16px !important;
}

/* Responsive intel strip */
@media (max-width: 1200px) {
    .coinshub-intel-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .coinshub-intel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}