/*
Theme Name: Lightning Child Sample
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* 1. ボタンを丸くして親しみやすく */
.vk_button_link {
    border-radius: 50px !important;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.vk_button_link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* 2. セクション（カバーブロックなど）の上下余白を調整 */
.wp-block-cover, .vk_outer {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/* 3. ヘッダーのお問い合わせボタンを強調 */
/* メニュー設定でCSSクラスに 'nav-btn' を付けた場合のデザイン */
.nav-btn a {
    background-color: #008D8D;
    color: #fff !important;
    border-radius: 50px;
    padding: 10px 24px !important;
    margin-top: -5px; /* 位置微調整 */
}
.nav-btn a:hover {
    background-color: #007070;
    opacity: 1 !important;
}

/* 4. 入力フォームのデザイン調整（Contact Form 7） */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
    border-radius: 8px !important;
    background-color: #f9fafb !important;
    border: 1px solid #ddd !important;
    padding: 12px !important;
    width: 100%;
}