/* contact.php */
:root {
  --background: #404040;
  --green: #55705d;
  --panel: #404040;
  --text: #f3fff6;
  --accent: #eda16d;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  font-family: Helvetica, Arial, sans-serif;
  background: var(--background);
  color: var(--text);
}

.nav {
  min-height: 35px;
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.35rem;
  background: var(--green);
}

.nav a,
.button {
  border: 1px solid white;
  border-radius: 6px;
  padding: 5px 9px;
  color: var(--text);
  background: var(--green);
  font-weight: 700;
  text-decoration: none;
}

.nav a { font-size: 0.85rem; padding: 2px 6px; }
.nav a:hover, .nav a:focus-visible { background: #683109; }

main {
  width: 100%;
  flex: 1;
  margin: 0;
  padding: 20px;
  background: var(--panel);
}

h1 { margin: 0 0 8px; font-size: 1.65rem; }
p { line-height: 1.45; }
form { display: grid; gap: 14px; }
label { display: grid; gap: 5px; font-weight: 700; }

input, textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  padding: 10px;
  font: inherit;
  color: #183030;
  background: #f3fff6;
}

textarea { min-height: 140px; resize: vertical; }
.notice, .errors { padding: 11px 12px; border-radius: 6px; }
.notice { background: #365d4c; }
.errors { border: 1px solid #ffd5bd; background: #683109; }
.errors ul { margin: 7px 0 0; padding-left: 22px; }
.button { justify-self: start; padding: 10px 16px; font-size: 1.3rem; font-weight: 400; color: #000; background: var(--accent); cursor: pointer; }
.button:hover, .button:focus-visible { background: #f3b384; }

.website-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 480px) {
  main { padding: 16px; }
}
    nav a.nav-cart,
  nav a.nav-cart:hover,
  nav a.nav-cart:focus-visible { background: #ff7f50; color: white; }