/*
Theme Name: shiki-so Kadence Child
Theme URI: https://shiki-so.jp
Description: Kadence child theme for shiki-so product site (kintone Flow, Memo Series)
Author: shiki-so
Author URI: https://shiki-so.jp
Template: kadence
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shikiso-kadence-child
*/

/* ========================================
   カスタムブロックスタイル
   ======================================== */

/* ボタンスタイル: Primary Blue */
.wp-block-button.is-style-primary-blue .wp-block-button__link {
    background-color: #007cba;
    color: #ffffff;
}

.wp-block-button.is-style-primary-blue .wp-block-button__link:hover {
    background-color: #005a87;
}

/* ボタンスタイル: Blue Gradient */
.wp-block-button.is-style-blue-gradient .wp-block-button__link {
    background: linear-gradient(90deg, #007cba 0%, #0693e3 100%);
    color: #ffffff;
}

.wp-block-button.is-style-blue-gradient .wp-block-button__link:hover {
    background: linear-gradient(90deg, #005a87 0%, #007cba 100%);
}

/* グループスタイル: Beige Gradient Background */
.wp-block-group.is-style-beige-gradient-bg {
    background: linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%);
    padding: 3rem 2rem;
    border-radius: 8px;
}

/* グループスタイル: Brown Gradient Background */
.wp-block-group.is-style-brown-gradient-bg {
    background: linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%);
    padding: 3rem 2rem;
    border-radius: 8px;
}

/* グループスタイル: Card Style */
.wp-block-group.is-style-card-style {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.wp-block-group.is-style-card-style:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* グループスタイル: Accent Border */
.wp-block-group.is-style-accent-border {
    border-left: 4px solid #007cba;
    padding-left: 1.5rem;
    background-color: #f5f5f5;
    padding: 1.5rem;
    border-radius: 4px;
}

/* 見出しスタイル: With Accent Border */
.wp-block-heading.is-style-with-accent-border {
    border-bottom: 3px solid #cfcabe;
    padding-bottom: 0.5rem;
}

/* 見出しスタイル: Blue Heading */
.wp-block-heading.is-style-blue-heading {
    color: #007cba;
    border-left: 4px solid #007cba;
    padding-left: 1rem;
}

/* 段落スタイル: Large Text */
.wp-block-paragraph.is-style-large-text {
    font-size: 1.25rem;
    line-height: 1.6;
}

/* 段落スタイル: Accent Text */
.wp-block-paragraph.is-style-accent-text {
    color: #007cba;
    font-weight: 600;
}

/* ========================================
   製品別カラーテーマ
   ======================================== */

/* kintone Flow: ブルー系 */
:root {
    --flow-primary: #007cba;
    --flow-accent: #0693e3;
    --flow-dark: #005a87;
    --flow-light: #e6f3fa;
}

/* Memo Series: シアン系 */
:root {
    --memo-primary: #00E0E9;
    --memo-accent: #00C8D0;
    --memo-dark: #009DA4;
    --memo-light: #e0fafb;
}

/* ========================================
   レスポンシブ調整
   ======================================== */

@media (max-width: 768px) {
    .wp-block-group.is-style-beige-gradient-bg,
    .wp-block-group.is-style-brown-gradient-bg {
        padding: 2rem 1.5rem;
    }

    .wp-block-group.is-style-card-style {
        padding: 1.5rem;
    }

    .wp-block-paragraph.is-style-large-text {
        font-size: 1.1rem;
    }
}