/*
 * t8-common-system/navigation/style.css
 *
 * 更新日: 2026-09-05
 *
 * 役割:
 * - T8サイト共通ナビゲーションのデザインを担当する。
 *
 * メモ:
 * - ホーム / 戻るボタンの共通デザインを管理する。
 * - 各プラグイン固有のナビゲーションデザインは各プラグイン側で管理する。
 * - 常時ダークモードなので雰囲気を合わせる
 */


/* ========================================
 * 共通ナビゲーション
 * ======================================== */

.t8-common-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

    margin: 20px 0;
}


/* ========================================
 * ホーム / 戻るボタン
 * ======================================== */

.t8-common-navigation-home,
.t8-common-navigation-back {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 100px;
    padding: 10px 18px;

    box-sizing: border-box;

    border: 1px solid #555;
    border-radius: 5px;

    background: #2a2a2a;
    color: #ddd;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;
    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* ========================================
 * ホバー
 * ======================================== */

.t8-common-navigation-home:hover,
.t8-common-navigation-back:hover {
    background: #383838;
    color: #fff;
    border-color: #777;
}


/* ========================================
 * スマートフォン
 * ======================================== */

@media (max-width: 600px) {

    .t8-common-navigation {
        gap: 8px;
        margin: 15px 0;
    }

    .t8-common-navigation-home,
    .t8-common-navigation-back {
        min-width: 90px;
        padding: 9px 14px;
        font-size: 13px;
    }

}