/*
Theme Name: Kohmyoji
Description: Custom theme for the Kohmyoji temple website.
Version: 1.0.0
Text Domain: kohmyoji
*/

.wpcf7 form p { margin: 0; }
.wpcf7 form .form-row { display: block; padding: 18px 0; border-bottom: 1px solid var(--line); }
.wpcf7 form .form-row > label,
.wpcf7 form .form-row > p > label { display: block; margin-bottom: 6px; color: var(--ink); font-size: 15px; letter-spacing: .12em; }
.wpcf7 form .wpcf7-form-control-wrap { display: block; width: 100%; }
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form select,
.wpcf7 form textarea { width: 100%; min-width: 0; padding: 12px 14px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 0; font: inherit; font-size: 15px; letter-spacing: .04em; }
.wpcf7 form textarea { min-height: 200px; resize: vertical; line-height: 1.8; }
.wpcf7 form input:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus { outline: none; border-color: var(--gold); background: var(--white); }
.wpcf7 form .form-choices { display: flex; flex-wrap: wrap; gap: 10px 24px; padding-top: 12px; }
.wpcf7 form .form-choices label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.wpcf7 form .form-choices input,
.wpcf7 form .form-agree input { accent-color: var(--gold); }
.wpcf7 form .form-agree { margin-top: 28px; text-align: center; font-size: 14px; }
.wpcf7 form .form-submit { display: flex; justify-content: center; margin-top: 24px; }
.wpcf7 form .form-submit input[type="submit"] { padding: 14px 28px; color: var(--white); background: var(--ink); border: 1px solid var(--ink); font: inherit; font-size: var(--fs-sm); letter-spacing: .2em; cursor: pointer; }
.wpcf7 form .form-submit input[type="submit"]:hover { background: var(--gold); border-color: var(--gold); }
.wpcf7 form .wpcf7-not-valid-tip { color: var(--vermilion); font-size: var(--fs-sm); }
.wpcf7 form .wpcf7-response-output { margin: 24px 0 0; padding: 12px 16px; border-color: var(--gold); }

.pagination .nav-links { display: flex; justify-content: center; gap: 8px; }