/* Dark UAC override for gold hero */
.gv2-hero .uac-link { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
.gv2-hero .uac-link:hover { border-color:var(--teal); background:rgba(255,255,255,.1); }
.gv2-hero .uac-avatar { border-color:rgba(255,255,255,.2); }
.gv2-hero .uac-avatar-ph { background:rgba(255,255,255,.12); color:var(--gold-light); }
.gv2-hero .uac-name { color:var(--border-soft); }

/* Structural wrappers — class-coverage audit caught 5 used-but-unstyled. */
.gv2-price-display { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.gv2-cur-hidden { display: none; }
.gv2-cur-toggle-wrap { display: flex; justify-content: center; margin-top: 12px; }
.gv2-editorial-more { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.gv2-editorial-more.is-open { max-height: 2000px; }
.gv2-zakat-content { display: flex; flex-direction: column; gap: 12px; }

/* ── Top breadcrumb strip (gray bar) ── */
.gv2-crumb-bar { background: #eef1f8; padding: 14px 0; font-size: 13px; color: #475569; border-bottom: 1px solid #e2e8f0; }
.gv2-crumb-link { color: #475569; text-decoration: none; }
.gv2-crumb-sep  { margin: 0 8px; opacity: .5; }

/* ── Author strip overrides on dark hero ── */
.gv2-hero .uac-strip { border-bottom-color: rgba(255,255,255,.1); }
.gv2-hero .uac-strip-sep { background: rgba(255,255,255,.15); }

/* ── Chart container skeleton ── */
.gv2-chart-figure    { margin: 0; }
.gv2-chart-container { height: 340px; background: rgba(0,0,0,.2); border-radius: 12px; }
.gv2-noscript-msg    { padding: 1rem; color: rgba(255,255,255,.65); }

/* ── Market-hours flag icon ── */
.gv2-market-flag img { border-radius: 3px; }

/* ── Broker logo img sizing ── */
.gv2-broker-logo img { object-fit: contain; }

/* ── Editorial content "read more" collapse ── */
.gv2-editorial--collapsed { max-height: 400px; overflow: hidden; position: relative; }
.gv2-editorial-fade { height: 60px; background: linear-gradient(to bottom, transparent, #fff); margin-top: -60px; position: relative; pointer-events: none; }
.gv2-read-more-btn { display: block; width: 100%; padding: 12px; background: var(--bg, #f5f7fb); border: 1px solid var(--border, #e2e8f0); border-radius: 10px; font-family: inherit; font-size: 14px; font-weight: 700; color: var(--navy, #0a1f44); cursor: pointer; margin-top: 12px; }
.gv2-read-more-btn:hover, .gv2-read-more-btn:focus-visible { background: var(--teal-bg, #EBF7F7); border-color: var(--teal, #0E7C7B); }

/* ── Technical analysis panel head — icon + heading row ── */
.gv2-tech-head-title { display: flex; align-items: center; }

/* ── Mobile breakpoints ── */
@media (max-width: 768px) {
    .gv2-chart-container { height: 260px; }
    .gv2-crumb-bar { padding: 10px 0; font-size: 12px; }
    .gv2-read-more-btn { padding: 10px; font-size: 13px; }
    .gv2-zakat-content { gap: 8px; }
    .gv2-cur-toggle-wrap { margin-top: 8px; }
}

@media (max-width: 480px) {
    .gv2-chart-container { height: 210px; border-radius: 8px; }
    .gv2-crumb-bar { padding: 8px 0; font-size: 11px; }
    .gv2-crumb-sep { margin: 0 4px; }
    .gv2-read-more-btn { font-size: 13px; padding: 9px; }
    .gv2-editorial--collapsed { max-height: 300px; }
}