/*
Theme Name:   Astra Child for 空氣美爽
Theme URI:    https://www.mizuma-base.pro/
Description:  Astra Pro 連動 子テーマ for 空氣美爽（mizuma-base.pro）。jQuery 遅延（WPコア除外）／Schema 出力抑制／theme.json による軽量カスタマイズを同梱。v1.3.0：cocoon-shim.php 削除（投稿本文に Cocoon 系ショートコードが 1 件も存在しないことを Step6 調査で実証）。
Author:       室長 / starex.solutions.jp
Author URI:   https://www.mizuma-base.pro/
Template:     astra
Version:      1.3.0
Requires at least: 6.0
Tested up to: 6.9.4
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child-mizumabase
Tags:         astra, child-theme, automotive, local-business
*/

/* ==========================================================
 * Brand Tokens（空氣美爽）
 * 出張型カーディテーリング／カーエアコンクリーニング
 * 設計：アクセント＝清潔感のあるアクアブルー、本文＝高コントラスト
 * ========================================================== */
:root {
    --kbs-color-primary: #0a8aa3;        /* アクアブルー（清潔感） */
    --kbs-color-primary-dark: #066b80;
    --kbs-color-accent: #f4a300;          /* 注意喚起・CTA（オレンジ） */
    --kbs-color-text: #1f2937;            /* 本文 */
    --kbs-color-text-muted: #4b5563;      /* キャプション */
    --kbs-color-bg: #ffffff;
    --kbs-color-bg-alt: #f4f7f9;          /* セクション交互背景 */
    --kbs-color-border: #d8dde3;
    --kbs-radius-sm: 4px;
    --kbs-radius-md: 8px;
    --kbs-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);
    --kbs-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);
    --kbs-maxwidth-content: 1140px;
}

/* ==========================================================
 * Phase 1: 親テーマを尊重しつつ、最小限の整形のみ
 *   - 本格的なレイアウト調整は Phase 2 で実装
 *   - ここでは「明らかに崩れる箇所」を補正する程度に留める
 * ========================================================== */

/* 出張型ビジネス特有：CTA ボタン（電話・予約）の視認性確保 */
.kbs-cta,
.kbs-cta a {
    display: inline-block;
    padding: 0.75em 1.4em;
    background-color: var(--kbs-color-accent);
    color: #fff;
    text-decoration: none;
    border-radius: var(--kbs-radius-md);
    font-weight: 700;
    box-shadow: var(--kbs-shadow-sm);
    transition: transform .15s ease, box-shadow .15s ease;
}
.kbs-cta:hover,
.kbs-cta a:hover {
    transform: translateY(-1px);
    box-shadow: var(--kbs-shadow-md);
}

/* Cocoon 互換シム由来クラスの最小スタイル（cocoon-shim.php と対応） */
.kbs-shim-box {
    border: 1px solid var(--kbs-color-border);
    background: var(--kbs-color-bg-alt);
    border-radius: var(--kbs-radius-md);
    padding: 1em 1.25em;
    margin: 1em 0;
}
.kbs-shim-box-info    { border-left: 4px solid var(--kbs-color-primary); }
.kbs-shim-box-warning { border-left: 4px solid var(--kbs-color-accent); }
.kbs-shim-box-alert   { border-left: 4px solid #c0392b; }

.kbs-shim-sitecard {
    display: block;
    border: 1px solid var(--kbs-color-border);
    border-radius: var(--kbs-radius-md);
    padding: .8em 1em;
    margin: 1em 0;
    background: #fff;
    color: var(--kbs-color-text);
    text-decoration: none;
}
.kbs-shim-sitecard:hover {
    background: var(--kbs-color-bg-alt);
}

/* ==========================================================
 * 旧 Cocoon クラス名のフォールバック（最小限）
 * 161 件のコンテンツが元 CSS なしでも崩壊しないよう、
 * Cocoon の代表的クラスへ最低限のスタイルを当てる
 * ========================================================== */
.blogcard,
.internal-blogcard,
.blogcard-wrap {
    border: 1px solid var(--kbs-color-border);
    border-radius: var(--kbs-radius-md);
    padding: .75em 1em;
    margin: 1em 0;
    background: #fff;
    text-decoration: none;
}
.blogcard:hover,
.internal-blogcard:hover {
    background: var(--kbs-color-bg-alt);
}
.cocoon-toc,
.toc {
    border: 1px solid var(--kbs-color-border);
    background: var(--kbs-color-bg-alt);
    padding: 1em 1.25em;
    margin: 1.5em 0;
    border-radius: var(--kbs-radius-md);
}

/* ==========================================================
 * リンク hover（theme.json の :hover 疑似クラスは WP 6.1+ なので
 *   互換性のためここで定義する）
 * ========================================================== */
a:hover {
    color: var(--kbs-color-primary-dark);
}

/* ==========================================================
 * アクセシビリティ・スキップリンク
 * ========================================================== */
.skip-link.screen-reader-text:focus {
    background: var(--kbs-color-primary-dark);
    color: #fff;
    z-index: 100000;
}