/* fremforge brand override for listmonk public pages.
   Selectors target listmonk v6 default public CSS structure:
   .container .wrap, .header, .logo, .lists, .form, .button.
   Block-comment `!important` is necessary because listmonk's
   built-in style.css ships explicit values for the same selectors. */
:root {
  --ff-page-bg: #FAF9F5;
  --ff-card-bg: #FFFFFF;
  --ff-card-border: #E8E4D6;
  --ff-text: #1F2A1A;
  --ff-text-muted: #3D4A36;
  --ff-accent: #468A2D;
  --ff-accent-hover: #3a7325;
  --ff-divider: #EFEAD8;
}
body {
  background: var(--ff-page-bg) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, sans-serif !important;
  color: var(--ff-text);
}
.container.wrap {
  background: var(--ff-card-bg) !important;
  border-radius: 12px;
  border: 1px solid var(--ff-card-border);
  padding: 32px !important;
  max-width: 560px;
}
.header {
  border-bottom: 1px solid var(--ff-divider) !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
}
.header .logo img {
  max-width: 200px;
  height: auto;
}
/* Primary action — Save, Subscribe, Confirm. Solid fremverk-green. */
.button, button[type="submit"] {
  background: var(--ff-accent) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  border: 1px solid var(--ff-accent) !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  cursor: pointer;
}
.button:hover, button[type="submit"]:hover {
  background: var(--ff-accent-hover) !important;
  border-color: var(--ff-accent-hover) !important;
}

/* Secondary action — outline-only. listmonk uses `.button.button-outline`
   for the export-data / wipe-data "Continue" button on the manage page.
   Visually demoted so the destructive privacy actions don't compete with
   the primary Save button for attention. Green border preserves the
   brand without shouting. */
.button.button-outline,
button.button-outline {
  background: transparent !important;
  color: var(--ff-accent) !important;
  border: 1px solid var(--ff-accent) !important;
}
.button.button-outline:hover,
button.button-outline:hover {
  background: var(--ff-accent) !important;
  color: #FFFFFF !important;
}
a, a:visited {
  color: var(--ff-accent) !important;
}
input[type="text"], input[type="email"], textarea {
  border-radius: 8px !important;
  border: 1px solid var(--ff-card-border) !important;
  padding: 10px 12px !important;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  outline: 2px solid var(--ff-accent);
  outline-offset: -1px;
}