/* ============================================================
   header-v2.css — header/footer Phase C Stage 1（h2- 名前空間）
   SCOPE : .h2-trust-link / .h2-nav-item / .h2-dropdown (li,a) / .h2-ticker-slot
   DEPENDS: header.css（--im-* 変数・.global-nav/.gnav-link・PC breakpoint）, base.css（--max-width-site, --font-size-sm）
   NOTE  : header-v2.php 専用。共有CSS無改変・重複定義なし。ドロップダウンはCSSのみ（:hover / :focus-within）でJS不要。
           global-nav 自体が PC専用（SPは display:none）のため h2- 群も自動的にPC限定。
   ============================================================ */

/* ---- 1-A: trust bar リンク化 ---- */
.h2-trust-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--im-gold);
    text-underline-offset: 2px;
    transition: color .2s ease;
}
.h2-trust-link:hover,
.h2-trust-link:focus {
    color: var(--im-gold);
}

/* ---- 1-B: PC グローバルナビ ドロップダウン ---- */
.h2-nav-item {
    position: relative;      /* ドロップダウンのabsolute基準 */
    display: flex;
    align-items: center;
}
.h2-dropdown {
    position: absolute;      /* レイアウトを押し下げない＝CLSゼロ */
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    min-width: 230px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid var(--im-border);
    border-top: 2px solid var(--im-gold);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 24px rgba(26, 26, 26, 0.14);
    opacity: 0;
    visibility: hidden;
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
    z-index: 1300;           /* sticky nav のシャドウ制御と非干渉（navより前面・content上） */
}
.h2-nav-item:hover > .h2-dropdown,
.h2-nav-item:focus-within > .h2-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.h2-dropdown li {
    margin: 0;
}
.h2-dropdown a {
    display: block;
    padding: 9px 20px;
    color: var(--im-text);
    text-decoration: none;
    font-size: var(--font-size-sm);
    white-space: nowrap;
    transition: background .15s ease, color .15s ease;
}
.h2-dropdown a:hover,
.h2-dropdown a:focus {
    background: var(--im-cream);
    color: var(--im-gold-d);
}

/* ---- 1-C: TradingViewティッカー 遅延注入スロット ---- */
/* min-height は現行 header.css `.ticker-widget-slot .tradingview-widget-container { min-height:46px }` に一致（CLS防止） */
.h2-ticker-slot {
    display: block;
    min-height: 46px;
}