/* Yamete marketing overrides — layered after the pristine vendored theme CSS. */

/* WCAG 1.4.3: white on lime (#22be0d) is ~2.49:1. Dark text on the lime actions. */
.w-btn-secondary-lg, .w-btn-secondary-xl, .cta-btn-link, .footer-newsletter-btn, .header-btn { color: var(--dark-300); }
/* ...and keep dark text on :hover too. style.css flips primary/secondary lg+xl to
   white-on-lime on hover (~2.49:1); #06131c on #22be0d is ~8:1. .header-btn is exempt: it
   hovers to green-300 (#13544e, dark), where white text stays legible. */
.w-btn-primary-lg:hover, .w-btn-primary-xl:hover,
.w-btn-secondary-lg:hover, .w-btn-secondary-xl:hover { color: var(--dark-300); }
.header-btn:hover { color: var(--white); }

/* Visible keyboard focus (theme defines only hover). */
a:focus-visible, button:focus-visible, .form-control:focus-visible, .form-select:focus-visible, .navbar-toggler:focus-visible {
  outline: 2px solid var(--lime-300); outline-offset: 2px;
}

/* CMS-uploaded logo cap. */
.logo-img { max-height: 44px; width: auto; }

/* Text wordmark brand (used when no CMS logo image is uploaded). */
.brand-wordmark { font-weight: 800; font-size: 26px; letter-spacing: .3px; line-height: 1; }
.brand-wordmark .brand-jp { color: var(--lime-300, #22be0d); margin-right: .35rem; }

/* Coming-soon store badges: visibly disabled and non-interactive (never a live link). */
.store-badge-soon { opacity: .55; pointer-events: none; }

/* AOS no-JS fallback: reveal everything when JS did not set html.js. */
html:not(.js) [data-aos] { opacity: 1 !important; transform: none !important; }

/* Respect reduced-motion: disable the fade entirely. */
@media (prefers-reduced-motion: reduce) {
  [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}