/* BTC Learn Hub – Addon styles v1.0.4 */

/* Typography */
.btc-title, .btc-pillar-title { line-height: 1.35; font-weight: 700; margin: 8px 0 0; color: #f5901a !important }
.btc-title { font-size: 1em !important; color: #f5901a !important;} /* force override theme H2 size */
.btc-pillar-title { font-size: 1.15rem !important; } /* enforce 1.15rem */

/* Wrapper */
.btc-hub-wrap { background: #FFFFFF; }

/* Sections */
.btc-section { margin: 20px 0 8px; }

/* Intro Accordion */
.btc-intro {
  border-radius: 14px;
  border: 1px solid rgba(247,147,26,.35);
  background: linear-gradient(180deg, rgba(255,247,240,.9), rgba(255,255,255,.9));
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 8px 10px;
}
.btc-intro > summary {
  list-style: none;
  cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  font-weight: 700; color:#0f172a;
}
.btc-intro > summary::-webkit-details-marker { display:none; }
.btc-intro > summary:after {
  content: '▼';
  font-size: .8rem; opacity: .6; margin-left: auto; transition: transform .2s ease;
}
.btc-intro[open] > summary:after { transform: rotate(-180deg); }
.btc-intro-body { padding: 8px 4px 6px; color:#334155; font-size: .98rem; }
.btc-intro-body p { margin: .4rem 0 .6rem; }

/* Pillars */
.btc-pillars { display:grid; gap:16px; grid-template-columns: repeat(3,1fr); }
@media (max-width: 549px){ .btc-pillars { grid-template-columns: 1fr; } }
.btc-pillar { display:block; text-decoration:none; color:inherit; }
.btc-pillar-thumb { position:relative; display:block; border-radius:12px; overflow:hidden; background:#e2e8f0; }
.btc-ratio { display:block; width:100%; }
.btc-pillar-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .25s ease, filter .25s ease; }
.btc-pillar:hover .btc-pillar-thumb img { transform: scale(1.035); filter: brightness(0.98) saturate(1.05); }

/* Subhub icon boxes (6) */
.btc-subhub-grid { display:grid; gap:16px; grid-template-columns: repeat(6,1fr); }
@media (max-width: 1024px){ .btc-subhub-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 549px){ .btc-subhub-grid { grid-template-columns: repeat(2,1fr); } }
.btc-subhub { display:flex; align-items:center; gap:10px; border:1px solid #e5e7eb; border-radius:12px; padding:12px; background:#fff; text-decoration:none; color:inherit; transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease; }
.btc-subhub .icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#ecfeff; }
.btc-icon-img { width:28px; height:28px; object-fit:contain; display:block; }
.btc-subhub .name { font-weight:600; padding-left: 5px !important; line-height: normal !important; } /* per request */
.btc-subhub:hover { background:#F7931A; border-color:#F7931A; color:#fff; box-shadow: 0 10px 22px rgba(2,8,23,.12); }
.btc-subhub:hover .name { color:#fff; }
.btc-subhub:hover .icon { background:#fff; }

/* Subhub sections — improved visuals */
.btc-hub-section { margin-top:22px; padding-top:10px; border-top:1px dashed #e5e7eb; }
.btc-section-head {
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px;
  background: linear-gradient(180deg, #fff7f0, #fff);
  border: 1px solid #ffe1c2;
  border-left: 4px solid #F7931A; /* bitcoin orange accent */
  padding: 10px 12px;
  border-radius: 12px;
}
.btc-section-head h3 { margin:0; font-size: 1.35rem !important; color:#0f172a; }
.btc-view-all { text-decoration:none; font-size:.9rem; color:#0e7490; padding:6px 10px; border:1px solid #bae6fd; background:#ecfeff; border-radius:10px; white-space:nowrap; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.btc-view-all:hover { background:#0ea5e9; color:#fff; border-color:#0ea5e9; }

/* Post grid (image + title) */
.btc-post-grid { display:grid; gap:16px; grid-template-columns: repeat(3,1fr); }
@media (max-width: 849px){ .btc-post-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 549px){ .btc-post-grid { grid-template-columns: repeat(2,1fr); } }
.btc-post-card { display:block; text-decoration:none; color:inherit; border-radius:12px; }
.btc-thumb { position:relative; display:block; border-radius:12px; overflow:hidden; background:#e2e8f0; }
.btc-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .25s ease, filter .25s ease; }
.btc-post-card:hover .btc-thumb img { transform: scale(1.04); filter: brightness(0.98) saturate(1.06); }