/*
 * 通知の配色・余白・見出し文字サイズは指定資料の toast-message.css から移植。
 * CF7が更新する既存の上部通知に適用し、通知用JSは追加しない。
 */
.wpcf7[data-wpcf7-id] > .screen-reader-response {
--toast-grid-template-columns: auto 1fr 1.125rem;
--toast-padding-top: .375rem;
--toast-padding-right: .375rem;
--toast-padding-bottom: .375rem;
--toast-padding-left: .75rem;
position: static;
overflow: hidden;
clip: auto;
clip-path: none;
height: auto;
width: calc(100% - var(--x-padding-secondary-left) - var(--x-padding-secondary-right));
box-sizing: border-box;
margin: 2.25rem auto;
padding-top: var(--toast-padding-top);
padding-right: var(--toast-padding-right);
padding-bottom: var(--toast-padding-bottom);
padding-left: var(--toast-padding-left);
border: 0;
display: grid;
grid-template-columns: var(--toast-grid-template-columns);
align-items: center;
background-color: var(--color-error-secondary);
color: var(--color-error-primary);
font-weight: 500;
font-variation-settings: "wght" 500;
}

.wpcf7[data-wpcf7-id] > .screen-reader-response:not(:has([role="status"]:not(:empty), li)) {
display: none;
}

.wpcf7[data-wpcf7-id] > .screen-reader-response > p {
grid-column: 2;
grid-row: 1;
margin: 0;
font-size: .75rem;
line-height: 1.5;
font-weight: 300;
font-variation-settings: "wght" 300;
}

.wpcf7[data-wpcf7-id] > .screen-reader-response > ul {
grid-column: 2;
grid-row: 2;
margin: 0;
padding: 0;
list-style: none;
}

.wpcf7[data-wpcf7-id] > .screen-reader-response a {
color: inherit;
}

/* 標準CSSの隠しフィールド処理を維持し、同じ通知を二重に表示しない。 */
.wpcf7 .hidden-fields-container,
.wpcf7 [name="wana"],
.wpcf7 form .wpcf7-response-output {
display: none;
}

/* 2025-v1のフォーム幅（variable-layoutのsecondary指定）と通知幅を揃える。 */
.wpcf7 #contact-form {
--chapter-x-padding-left: 0px;
--chapter-x-padding-right: 0px;
--section-child-margin-left: 0px;
--section-child-margin-right: 0px;
box-sizing: border-box;
width: calc(100% - var(--x-padding-secondary-left) - var(--x-padding-secondary-right));
margin-inline: auto;
}