/* Behavioural styles for the static/PHP edition. Visual styles come unchanged
   from the original compiled Next.js stylesheet. */

html:not(.js) [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

header.site-header-scrolled,
header.site-menu-open {
  border-bottom-color: rgb(255 255 255 / 0.08) !important;
  background: rgb(8 5 17 / 0.82) !important;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

button[aria-controls='mobile-menu'][aria-expanded='true'] > span > span:first-child {
  transform: translateY(7px) rotate(45deg);
}

button[aria-controls='mobile-menu'][aria-expanded='true'] > span > span:nth-child(2) {
  opacity: 0;
}

button[aria-controls='mobile-menu'][aria-expanded='true'] > span > span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

.php-field-error {
  margin-top: 0.375rem;
  color: #fca5a5;
  font-size: 0.75rem;
  font-weight: 500;
}

.php-form-status {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border: 1px solid;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
}

.php-form-status[data-kind='success'] {
  border-color: rgb(171 147 247 / 0.35);
  background: rgb(109 67 234 / 0.12);
  color: #e5defd;
}

.php-form-status[data-kind='error'] {
  border-color: rgb(248 113 113 / 0.35);
  background: rgb(239 68 68 / 0.1);
  color: #fecaca;
}

.php-form-status > span:first-child {
  flex-shrink: 0;
  font-weight: 700;
}

/* WordPress integration and accessible interaction states. */

html:not(.js) [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

header.site-header-scrolled,
header.site-menu-open {
  border-bottom-color: rgb(255 255 255 / 0.08) !important;
  background: rgb(8 5 17 / 0.82) !important;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

button[aria-controls='mobile-menu'][aria-expanded='true'] > span > span:first-child {
  transform: translateY(7px) rotate(45deg);
}

button[aria-controls='mobile-menu'][aria-expanded='true'] > span > span:nth-child(2) {
  opacity: 0;
}

button[aria-controls='mobile-menu'][aria-expanded='true'] > span > span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgb(171 147 247 / 0.9) !important;
  outline-offset: 3px !important;
}

button[disabled] {
  cursor: wait !important;
}

.php-field-error {
  margin-top: 0.375rem;
  color: #fca5a5;
  font-size: 0.75rem;
  font-weight: 500;
}

.php-form-status {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border: 1px solid;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
}

.php-form-status[data-kind='success'] {
  border-color: rgb(171 147 247 / 0.45);
  background: rgb(109 67 234 / 0.16);
  color: #f0ebff;
}

.php-form-status[data-kind='error'] {
  border-color: rgb(248 113 113 / 0.5);
  background: rgb(239 68 68 / 0.13);
  color: #fee2e2;
}

.php-form-status > span:first-child {
  flex-shrink: 0;
  font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}