/*
Theme Name: Yama Web Design
Theme URI: https://example.com/
Author: Yama Web Design
Description: Yama Web Designのポートフォリオ、料金、お問い合わせを収録したオリジナルテーマです。
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: yama-web-design
*/

:root {
  --font-nemoca-jp: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-nemoca-en: Inter, "Segoe UI", Arial, sans-serif;
}

.admin-bar .nemoca-header {
  top: 32px;
}

.yama-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.nemoca-contact-form__status.is-success {
  color: #24745f;
}

.nemoca-contact-form__status.is-error {
  color: #b53d32;
}

.yama-default-page {
  min-height: 70vh;
  padding: 9rem var(--nemoca-gutter) 5rem;
}

.yama-default-page__inner {
  width: min(100%, 900px);
  margin-inline: auto;
}

.yama-default-page h1 {
  margin-bottom: 2rem;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.2;
}

@media (max-width: 782px) {
  .admin-bar .nemoca-header {
    top: 46px;
  }
}