/*
Theme Name: ViriHub React Theme
Theme URI: https://virihub-energy.com/
Author: ViriHub Energy
Description: React-powered ViriHub Energy official website for Kinsta WordPress deployment.
Version: 1.0.0
Text Domain: virihub-react-theme
*/

/* Global form contrast: user-entered text must remain legible on the dark site surface. */
body form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
body form textarea,
body form select {
  color: #f4f7f8 !important;
  caret-color: #00c6a8;
}

body form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"])::placeholder,
body form textarea::placeholder {
  color: #98a5af !important;
  opacity: 1;
}

body form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):focus,
body form textarea:focus,
body form select:focus {
  color: #f4f7f8 !important;
  border-color: #00b89c !important;
  outline-color: #00c6a8;
}

body form input:-webkit-autofill,
body form input:-webkit-autofill:hover,
body form input:-webkit-autofill:focus,
body form textarea:-webkit-autofill,
body form select:-webkit-autofill {
  -webkit-text-fill-color: #f4f7f8 !important;
  -webkit-box-shadow: 0 0 0 1000px #222630 inset !important;
  caret-color: #00c6a8;
}

body form select option {
  color: #f4f7f8;
  background: #222630;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("fonts/noto-sans-jp/NotoSansJP-Variable-Subset.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

/* Japanese pages need native Japanese glyphs and real system weights.
 * DingTalk JinBuTi remains the brand face for the other locales. */
html:lang(ja) {
  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Yu Gothic", "Yu Gothic UI", Meiryo, sans-serif;
  --font-serif: "Noto Sans JP", "Hiragino Mincho ProN", "Yu Mincho",
    "YuMincho", serif;
  font-synthesis-weight: none;
}

html:lang(ja) .vh-achievements {
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
}