/*
Theme Name: SWELL CHILD (Aqua Forest Blog)
Template: swell
Version: 1.0.0
Description: aqua-forest.com 用の SWELL 子テーマ。管理元: Ventures リポジトリ sites/aqua-forest-blog/wp/themes/swell_child/
*/

/* ── 配色（ベース・メイン・アクセントの3色） ───────────────── */
:root {
    --aqua-main: #177c8c;   /* 深い水色（旧テーマの水色を白地で読める濃さに） */
    --aqua-accent: #41bed1; /* 旧テーマの水色。面・線のみ（白文字は載せない） */
    --aqua-tint: #f0fbfd;
}

/* サイドバー「このブログについて」 */
.aqua-about {
    padding: 16px;
    background: var(--aqua-tint);
    border-top: 3px solid var(--aqua-accent);
    border-radius: 6px;
}
.aqua-about a {
    color: var(--aqua-main);
    font-weight: 700;
}

/* 記事下の運営元への案内 */
.aqua-soho-link {
    margin-top: 2em;
    padding: 16px 20px;
    background: var(--aqua-tint);
    border-left: 4px solid var(--aqua-accent);
    border-radius: 4px;
    font-size: .95em;
}
.aqua-soho-link a {
    color: var(--aqua-main);
    font-weight: 700;
}

/* 見出しを日本語の文節で折り返す（対応ブラウザのみ） */
.c-postTitle__ttl,
.p-postList__title {
    word-break: auto-phrase;
}

/* 検索ボタンをメイン色に */
.wp-block-search__button {
    background: var(--aqua-main);
    border-color: var(--aqua-main);
    color: #fff;
}

/* 古い記事の注意書き（mu-plugin が本文の先頭に出す）。色だけに頼らず文章で伝える */
.post_content .aqua-old-notice {
    margin: 0 0 2em;
    padding: 12px 16px;
    background: #fffbe8;
    border-left: 4px solid #e0b400;
    border-radius: 4px;
    font-size: .9em;
    color: #5c4a00;
}

/* ── お問い合わせフォーム（Contact Form 7） ───────────────── */
.wpcf7 .aqua-form-row label {
    display: block;
    font-weight: 700;
}
.wpcf7 .aqua-form-row input[type="text"],
.wpcf7 .aqua-form-row input[type="email"],
.wpcf7 .aqua-form-row input[type="tel"],
.wpcf7 .aqua-form-row input[type="url"],
.wpcf7 .aqua-form-row textarea {
    width: 100%;
    margin-top: .4em;
    padding: .7em .8em;
    border: 1px solid #c9cfc4;
    border-radius: 6px;
    background: #fff;
    font-weight: 400;
}
.wpcf7 .aqua-req,
.wpcf7 .aqua-opt {
    display: inline-block;
    margin-left: .4em;
    padding: 0 .5em;
    border-radius: 3px;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.7;
    vertical-align: middle;
}
/* 必須は色に加えて文字（必須）でも示す */
.wpcf7 .aqua-req {
    background: #b3261e;
    color: #fff;
}
.wpcf7 .aqua-opt {
    background: #e8e8e3;
    color: #555;
}
.wpcf7 .aqua-form-submit {
    text-align: center;
}
.wpcf7 .aqua-form-submit input[type="submit"] {
    min-width: 240px;
    padding: 1em 2.4em;
    border: none;
    border-radius: 999px;
    background: var(--aqua-main);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}