/**
 * ミニカートの「カートを見る」ボタン化と「レジに進む」との主従入れ替え
 *
 * default.xml で株主優待サイトの全ページに配信されるため、セレクタはすべて .block-minicart 配下に限定する。
 * 本家テンプレート（Magento_Checkout）・テーマ（Webimpact/WebViewFront）の LESS は変更しない。
 */

/* 「カートを見る」（extraInfo に追加した要素）。margin は width:100% の a ではなく親に付ける（a に付けるとはみ出す） */
.block-minicart .block-content > .actions.sh-minicart-viewcart > .secondary {
    margin: 0 10px 15px;
}

/* サイズは本家「レジに進む」（L サイズボタン）と同値 */
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart {
    display: block;
    /* 本家ボタン mixin 相当。リセット CSS は全要素 border-box ではないため、付け忘れると padding・枠線分はみ出す */
    box-sizing: border-box;
    width: 100%;
    padding: 14px 17px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: center;
    text-decoration: none;
}

/* 本家の a:hover 等がリンク色と下線を当てるため、4状態すべてで文字色・下線を明示する */
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:visited,
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:hover,
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:focus,
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:active {
    color: #fff;
    text-decoration: none;
}

.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:hover,
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:focus,
.block-minicart .block-content > .actions.sh-minicart-viewcart .action.viewcart:active {
    border-color: #777;
    background: #777;
}

/*
 * 本家下部の「カートを見る」を非表示（重複を避ける）
 * extraInfo の展開結果も .block-content の直下に出るため、:not で自分が追加した要素を除外する。
 * 空カート時のリンク（管理画面「カートが空のときのメッセージ」設定時のみ描画）にも当たるが許容とする。
 */
.block-minicart .block-content > .actions:not(.sh-minicart-viewcart) > .secondary {
    display: none;
}

/* ミニカート内の「レジに進む」を白地＋黒枠へ。ID セレクタでミニカート内だけを上書きする（カートページのボタンは対象外） */
.block-minicart #top-cart-btn-checkout {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* テーマが active 背景 #777 を定義しているため、hover だけでなく focus・active も上書きする（押下の瞬間に灰色へ戻さない） */
.block-minicart #top-cart-btn-checkout:hover,
.block-minicart #top-cart-btn-checkout:focus,
.block-minicart #top-cart-btn-checkout:active {
    border: 1px solid #000;
    background: #f5f5f5;
    color: #000;
}