/* 株式会社ヤマハ化工大阪：WordPress で足した分（書き出し元＝生成スクリプト/build_wp_theme.py・手で直さない）
 * 見た目の正は assets/css/style.css（再現サイト＝Readdy の Tailwind をそのまま）。ここは WordPress と Contact Form 7 の部品の手当てだけ */

/* 出し入れしている部分（hidden 属性）は、flex や grid のクラスが付いていても必ず隠す（再現サイトの mock.css と同じ） */
[hidden] { display: none !important; }

/* Contact Form 7：欄を包む span を消して、欄を再現サイトと同じ並びに置く */
.wpcf7-form .wpcf7-form-control-wrap, .wpcf7-form .wpcf7-acceptance, .wpcf7-form .wpcf7-list-item { display: contents; }
.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; }
.wpcf7 .hidden-fields-container { display: none; border: 0; margin: 0; padding: 0; }
.wpcf7-form > .hidden-fields-container + *, .wpcf7-form > div[style*="display: none"] + * { margin-top: 0 !important; }
.wpcf7-not-valid-tip { display: block; margin-top: .35rem; font-size: 12px; line-height: 1.5; color: #ef4444; }
.wpcf7-form .wpcf7-not-valid { border-color: #f87171 !important; }
.wpcf7-response-output { font-size: 13px; line-height: 1.6; color: #ef4444; text-align: center; }
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output { display: none; }
#construction-method-contact-form .wpcf7-response-output { display: none !important; }
.wpcf7-spinner { display: none; }
.wpcf7 form.submitting button[type="submit"] { opacity: .6; pointer-events: none; }

/* ログインしている時だけ出る管理バーの下に、固定のヘッダーを出す */
.admin-bar header.fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar header.fixed { top: 46px; } }

/* 管理画面で足した固定ページ（page.php）の本文 */
.yk-content { color: #6b7280; font-size: 14px; line-height: 2.2; letter-spacing: .05em; }
.yk-content > * + * { margin-top: 1.2em; }
.yk-content h2 { color: #006978; font-weight: 700; font-size: 18px; margin-top: 2em; }
.yk-content h3 { color: #006978; font-weight: 700; font-size: 15px; margin-top: 1.6em; }
.yk-content a { color: #0097A7; text-decoration: underline; text-underline-offset: 2px; }
.yk-content ul { list-style: disc; padding-left: 1.5em; }
.yk-content ol { list-style: decimal; padding-left: 1.5em; }
.yk-content img { max-width: 100%; height: auto; }