/* port-fixes.css — loaded last on every page.
 * Small corrections on top of the theme sheets copied from the live WordPress site.
 * See docs/design-review-2026-10-17.md for the live-vs-port comparison behind each rule.
 */

/* Footer phone icon: anchored to the number itself.
 * The theme placed the icon at a fixed distance from the right edge of the centred
 * address block (right: 72px / 194px), so its position depended on how wide the
 * number renders in the visitor's font (Yu Mincho on Windows, Hiragino on Apple,
 * a fallback serif on Android). Hanging it off the number keeps the same look
 * (icon touching the number, same height) in every font and at every width. */
.footer-bottom-center:after {
  content: none;
}
.bottom-right-tel {
  position: relative;
}
.bottom-right-tel:before {
  content: url(/img/tel.svg);
  position: absolute;
  left: -17px;
  top: 0;
}
@media screen and (max-width: 768px) {
  .bottom-right-tel:before {
    top: 2px;
  }
}

/* Contact / thanks: the short rule before 「採用をお考えの企業様」.
 * The theme centres it vertically on the whole <h2>, and the <h2> wraps the entire
 * form, so on the live site the rule floats beside the middle of the form
 * (next to 件名). Centre it on the subtitle's first line instead. */
.contact-subtitle:before {
  top: 14px; /* half of the 28px line-height */
}
@media screen and (max-width: 768px) {
  .contact-subtitle:before {
    top: 9.9px; /* half of the 19.8px line-height */
  }
}

/* Contact form field wrapper: same positioning context as Contact Form 7's
 * .wpcf7-form-control-wrap on the live site. */
.form-control-wrap {
  position: relative;
}

/* Thanks pages: the fixed mobile CTA bar (お問い合わせ／転職相談) points back to the form just sent and
 * covers the Calendly booking block on phones — hidden there, as on the form pages (forms.css). */
body:has(.contact-thanks) .footer-button { display: none; }