/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2025 | 05:19:55 */
/* マイアカウントページ（/my-account/）でのみ、該当のブロックを非表示にする */
/* WooCommerceのマイアカウントページには通常 .woocommerce-account クラスが付与される */
.woocommerce-account #block-45 {
    display: none !important;
}

/* 登録フォーム（u-column2 col-2）を完全に非表示にする */
.kt-row-column-wrap .woocommerce .u-column2 {
    display: none !important; 
}

/* ログイン・登録の親要素（u-columns col2-set）を調整 */
.kt-row-column-wrap .woocommerce #customer_login {
    display: block; /* ログインフォームのみ表示 */
    padding: 0;
    margin: 0;
}

/* ログインフォーム（u-column1 col-1）の幅を100%にする */
.kt-row-column-wrap .woocommerce .u-column1 {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

/* ログインボタンのスタイル */
.kt-row-column-wrap .woocommerce-form-login .woocommerce-form-login__submit {
    background-color: #ffc107; /* 明るい黄色 */
    color: #333; /* 文字色は黒に近い色 */
    border: none !important;
    border-radius: 4px; /* 角を少し丸める */
    font-weight: bold;
    padding: 10px 20px;
    width: 100%; /* 幅をフォームいっぱいに広げる */
    text-transform: none; /* 大文字変換を無効化（テーマによっては必要） */
}

/* ホバー時の色の調整 */
.kt-row-column-wrap .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: #ffa000; /* 少し濃い黄色に */
    opacity: 0.9;
}

/* ログインフォーム内のすべての <p> 要素（フォーム行）の上下の余白を削除 */
.woocommerce-form-login.login p.woocommerce-form-row,
.woocommerce-form-login.login p.form-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ログインフォームと登録フォームの上下マージン（margin: 2em 0;）をゼロに上書き */
.woocommerce form.login, 
.woocommerce form.register {
    /* 左右のマージンはそのままに、上下のマージンを0に設定 */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ログインブロックの前後に配置されている空の <p> 要素を非表示にする */
#block-45 .kt-inside-inner-col > p:first-child,
#block-45 .kt-inside-inner-col > p:last-child {
    /* 最初の要素と最後の要素が <p> であり、その中身が空であると想定して非表示 */
    display: none !important;
}