/**
 * PROJECT: [サイト名]
 * ---------------------------------------
 * [PREFIX RULES]
 * mu-c- : Components (汎用パーツ)
 * mu-p- : Project (固有セクション)
 * mu-u- : Utility (微調整)
 * ---------------------------------------
 * INDEX:
 * 1.0 Variables
 * 2.0 Global
 * 3.0 Components (mu-c-)
 * 4.0 Sections (mu-p-)
 * 5.0 Utility (mu-u-)
 */

/* ==========================================================================
1.0 Variables
========================================================================== */

/* 992px以下で通常のメニューを隠し、オーバーレイ用のボタンを表示する */
@media (max-width: 1024px) {

    /* 通常のメニューコンテナを非表示に */
    .wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    /* ハンバーガーボタンを表示 */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
}

/* 992px以上では強制的に通常メニューを表示し、ボタンを隠す */
@media (min-width: 1025px) {
    .wp-block-navigation__responsive-container {
        display: flex !important;
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }
}

/* ==========================================================================
2.0 Global
========================================================================== */

/* ==========================================================================
3.0 Components
========================================================================== */

/* SnowMonkeyFormsのカスタムCSS */
/* ======================================= */
/* フォームスタイルはLetterにすること */


:root {
    /* 必須ラベルの背景色 */
    --smf-required-lavel-color: #FF5254;
    /* 任意ラベルの背景色 */
    --smf-optional-lavel-color: #9ca3af;
    /* 送信ボタンの背景色 */
    --smf-send-btn-color: #1176d4;
    /* 画面の背景色 */
    --smf-window-backgroud-color: #ffffff;
    /* 通常の文字色 */
    --smf-normal-text-color: #333333;

}

.smf-item__description {
    background: var(--smf-required-lavel-color);
    display: inline-block;
    padding: 0.2rem 0.8rem;
    border-radius: 0.2rem;
    color: var(--smf-window-backgroud-color);
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 0;
    margin-left: 0.5rem;
}

/* 任意ラベルにはnini-btnクラスをつける */
.nini-btn .smf-item__description {
    background: var(--smf-optional-lavel-color);
}

.smf-action .smf-button-control__control[data-action="complete"],
.smf-action .smf-button-control__control[data-action="confirm"] {
    background-image: none;
    background-color: var(--smf-send-btn-color);
    color: var(--smf-window-backgroud-color);
    border-color: transparent;
    border-radius: 0.3rem;
    letter-spacing: 0.2rem;
    font-weight: 500;
    min-width: 200px;
}

.smf-action .smf-button-control__control[data-action="back"] {
    background-color: transparent;
    background-image: none;
    border: none;
    text-decoration: underline;
    text-decoration-color: var(--smf-normal-text-color);
    letter-spacing: 0.2rem;
    font-weight: 500;
}

.smf-form--letter .smf-item__col--label {
    display: flex;
    align-items: center;
}

.smf-form .smf-checkbox-control,
.smf-form .smf-radio-button-control {
    align-items: center;
}

.smf-form .smf-checkbox-control__control,
.smf-form .smf-radio-button-control__control {
    margin-top: 0;
}

/* リキャプチャの非表示 */
.grecaptcha-badge {
    visibility: hidden;
}


/* ==========================================================================
4.0 Sections
========================================================================== */

/* ==========================================================================
5.0 Utility
========================================================================== */

.wp-oembed-blog-card {
    background-color: #ffffff;
}

@media screen and (max-width:1024px) {
    .pu-sp-none {
        display: none;
    }

}