/*****
Template: mh-magazine
Theme Name: MH Magazine Child
Theme URI: https://www.mhthemes.com/themes/mh/magazine/
Author: MH Themes
Author URI: https://www.mhthemes.com/
Description: MH Magazine is a clean, modern and fully responsive premium magazine WordPress theme for blogs, online magazines, news websites and other editorial projects. The theme includes useful page templates, several custom widgets and advanced theme options including colorpickers with unlimited colors to create your own color scheme.
Version: 3.8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mh-magazine-child
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, threaded-comments, full-width-template, post-formats, translation-ready, rtl-language-support, blog, entertainment, news
*****/

/* 子テーマ: バリエーション select を currentColor 矢印に差し替え */
.woocommerce div.product form.cart .variations select {
    background-color: #fff;
    /* 透け止め。ダークUIにしたいなら #111 等へ */
    color: #222;
    /* 矢印色もこれに追従（currentColor） */

    /* currentColor の矢印SVG（URLエンコード済み） */
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8em center;
    background-size: 1em auto;

    border: 1px solid var(--wc-form-border-color, #ccc);
    border-radius: var(--wc-form-border-radius, 4px);
    padding-right: 2.2em;
    appearance: none;
}

.woocommerce div.product form.cart .variations select option {
    background: #fff;
    /* ダークUIなら #111 等へ */
    color: #222;
    /* 同上 */
}

/* ============================
   WooCommerce Blocks: Cart/Checkout の主要ボタンを統一
   （カート → チェックアウト、チェックアウト → 注文）
   ============================ */

/* Cart の「チェックアウトへ進む」 */
.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
.wc-block-cart .wc-block-components-button__button.is-primary,
/* Checkout の「注文する」 */
.wc-block-components-checkout-place-order-button,
.wc-block-checkout .wc-block-components-button__button.is-primary {
    background-color: var(--wc-primary, #720eec);
    color: var(--wc-primary-text, #fff);
    border: none;
    box-shadow: none;
}

/* ホバー・アクティブ */
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
.wc-block-cart .wc-block-components-button__button.is-primary:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout .wc-block-components-button__button.is-primary:hover {
    filter: brightness(.92);
}

/* キーボードフォーカス（視認性UP） */
.wc-block-cart__submit-button:focus-visible,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus-visible,
.wc-block-cart .wc-block-components-button__button.is-primary:focus-visible,
.wc-block-components-checkout-place-order-button:focus-visible,
.wc-block-checkout .wc-block-components-button__button.is-primary:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* 無効時 */
.wc-block-cart__submit-button[disabled],
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained[disabled],
.wc-block-cart .wc-block-components-button__button.is-primary[disabled],
.wc-block-components-checkout-place-order-button[disabled],
.wc-block-checkout .wc-block-components-button__button.is-primary[disabled],
.wc-block-checkout .wc-block-components-button__button.is-primary[aria-disabled="true"] {
    opacity: .5;
    filter: none;
    cursor: not-allowed;
}