@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Bebas+Neue&display=swap');

#btc-halving-widget *,
#btc-halving-widget *::before,
#btc-halving-widget *::after { box-sizing:border-box; margin:0; padding:0; }

#btc-halving-widget {
    background:#04040e;
    color:#ccc;
    font-family:'Space Mono','Courier New',monospace;
    padding:28px 22px;
    border-radius:12px;
    max-width:980px;
    margin:0 auto 24px;
}

#btc-halving-widget .bhp-eyebrow {
    font-size:9px; color:#F7931A; letter-spacing:4px; margin-bottom:5px; text-transform:uppercase;
}
#btc-halving-widget .bhp-title {
    font-family:'Bebas Neue','Arial Black',sans-serif;
    font-size:clamp(28px,5vw,52px); letter-spacing:3px;
    background:linear-gradient(130deg,#F7931A,#FFD06F);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text; line-height:1; margin-bottom:4px;
}
#btc-halving-widget .bhp-divider {
    height:1px;
    background:linear-gradient(90deg,transparent,#F7931A55,transparent);
    margin:14px 0 20px;
}

/* Info cards */
#btc-halving-widget .bhp-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; }
#btc-halving-widget .bhp-info-card { background:rgba(255,255,255,0.02); border-radius:6px; padding:12px 14px; border:1px solid transparent; border-left-width:3px; }
#btc-halving-widget .bhp-card-label { font-size:8px; color:#555577; letter-spacing:1.5px; margin-bottom:6px; text-transform:uppercase; }
#btc-halving-widget .bhp-card-value { font-family:'Bebas Neue','Arial Black',sans-serif; font-size:15px; letter-spacing:1px; margin-bottom:4px; line-height:1.3; }
#btc-halving-widget .bhp-card-sub   { font-size:9px; color:#44446a; line-height:1.7; }

/* Stat cards */
#btc-halving-widget .bhp-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin-bottom:18px; }
#btc-halving-widget .bhp-stat-card { background:rgba(255,255,255,0.018); border-radius:6px; padding:11px 13px; border:1px solid rgba(255,255,255,0.04); }
#btc-halving-widget .bhp-stat-label { font-size:8px; color:#44446a; letter-spacing:2px; margin-bottom:5px; text-transform:uppercase; }
#btc-halving-widget .bhp-stat-value { font-family:'Bebas Neue','Arial Black',sans-serif; font-size:18px; letter-spacing:1px; }
#btc-halving-widget .bhp-stat-sub   { font-size:9px; color:#44446a; margin-top:3px; }

/* Controles */
#btc-halving-widget .bhp-controls   { display:flex; gap:8px; align-items:center; margin-bottom:12px; flex-wrap:wrap; }
#btc-halving-widget .bhp-ctrl-label { font-size:9px; color:#888; letter-spacing:2px; }
#btc-halving-widget .bhp-btn        { background:transparent; border:1px solid #222244; color:#555577; padding:5px 12px; font-size:9px; letter-spacing:1px; border-radius:4px; cursor:pointer; font-family:'Space Mono','Courier New',monospace; transition:all .15s; text-transform:uppercase; }
#btc-halving-widget .bhp-btn:hover  { border-color:#F7931A44; color:#F7931A88; }
#btc-halving-widget .bhp-btn.active { background:rgba(247,147,26,.12); border-color:#F7931A88; color:#F7931A; }

/* ── Contenedor chart con altura fija ── */
#btc-halving-widget .bhp-chart-wrap {
    background:rgba(0,0,0,0.3);
    border:1px solid #111130;
    border-radius:10px;
    /* padding-left amplio para las etiquetas del eje Y,
       padding-bottom amplio para las etiquetas del eje X */
    padding:12px 12px 48px 72px;
    margin-bottom:16px;
    position:relative;
    height:520px;
}
/* El canvas ocupa 100% del contenedor */
#btc-halving-widget .bhp-chart-wrap canvas {
    display:block !important;
    width:100% !important;
    height:100% !important;
}

/* Leyenda */
#btc-halving-widget .bhp-legend      { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:18px; }
#btc-halving-widget .bhp-legend-item { display:flex; align-items:center; gap:7px; font-size:9px; color:#888; }

/* Disclaimer */
#btc-halving-widget .bhp-disclaimer { padding:10px 14px; background:rgba(255,61,107,.03); border:1px solid rgba(255,61,107,.08); border-radius:6px; font-size:9px; color:#555; line-height:2; }
#btc-halving-widget .bhp-disclaimer .warn { color:#ff3d6b88; }

@media(max-width:580px){
    #btc-halving-widget .bhp-info-grid { grid-template-columns:1fr; }
    #btc-halving-widget { padding:18px 12px; }
    #btc-halving-widget .bhp-chart-wrap { height:380px; padding-left:58px; padding-bottom:40px; }
}

/* ── Model toggle buttons ── */
#btc-halving-widget .bhp-ctrl-sep {
    width: 1px;
    height: 18px;
    background: #222244;
    margin: 0 4px;
}
#btc-halving-widget .bhp-btn-model.active {
    background: rgba(255,255,255,0.06);
    border-color: var(--mc, #F7931A);
    color: var(--mc, #F7931A);
    box-shadow: 0 0 8px -2px var(--mc, #F7931A);
}
#btc-halving-widget .bhp-btn-model:hover {
    border-color: var(--mc, #F7931A);
    color: var(--mc, #F7931A);
    opacity: 0.8;
}
/* Info grid 2x2 → expand to 4 cols on wider screens for new cards */
@media(min-width:640px){
    #btc-halving-widget .bhp-info-grid { grid-template-columns: 1fr 1fr; }
}