/*
Theme Name: OLTANA-004 Child
Version: 1.0.0
Template: oltana-004
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

/* ダーク背景色の上書き */
.ol-bgcolor-dark .ol-footer__section.ol-fullwidth::before,
.ol-bgcolor-dark .ol-product__section.ol-fullwidth::before,
.ol-bgcolor-dark .ol-product__content {
    background-color: #404040 !important;
}

.ol-bgcolor-dark .ol-contact__content {
    background-color: #404040 !important;
}

/* モバイル下部の固定CV背景の上書き */
@media (max-width: 640px) {
    /* ラッパー全体の背景色を変更 */
    .ol-cvbutton__sp-button {
        background-color: #333 !important;
    }

    /* 左側のボタン */
    .ol-cvbutton__item.ol-cvbutton__left {
        background-color: #333 !important;
    }

    /* 右側のボタン */
    .ol-cvbutton__item.ol-cvbutton__right {
        background-color: #333 !important;
    }
}

/* お問い合わせの送信ボタンカラーを上書き */
.wpcf7 input[type="submit"],
.wpcf7-form input.wpcf7-submit {
    background-color: #333 !important;
    color: #fff !important;  /* 白文字 */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7-form input.wpcf7-submit:hover {
    background-color: #555 !important;  /* ホバー時は少し明るく */
}