/* Vixen paper-and-ink theme for Listmonk's PUBLIC pages (confirm,
   subscribed, unsubscribe, manage prefs). Matches vixen.rs.

   Paste into Listmonk admin → Settings → Appearance → Public → "Custom CSS".
   It loads after Listmonk's Milligram base (/public/static/style.css), so
   these rules win. Set the logo + favicon in the same Appearance panel
   (stable R2 URLs — the dodeca site cache-busts/transcodes its own /img/):
     Logo URL:    https://static.vixen.rs/fox.png
     Favicon URL: https://static.vixen.rs/favicon-32.png

   NB: Listmonk has been known to cache custom.css after the first save — if a
   change doesn't show, hard-refresh; the ?v=AssetVersion bumps on restart. */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

body {
    background: #ece8df;
    color: #3d3a32;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
}

/* The content card */
.container.wrap {
    max-width: 560px;
    margin: 40px auto;
    padding: 36px 40px;
    background: #f7f5f0;
    border: 1.5px solid #15140f;
    border-radius: 6px;
    box-shadow: 2px 2px 0 #15140f;
}

/* Logo */
.header { margin-bottom: 20px; }
.header .logo img { width: 44px; height: 44px; display: block; }

/* Type */
h1, h2, h3 {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #15140f;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0 0 16px;
}
h2 { font-size: 24px; }
p, label, li { color: #3d3a32; }
a { color: #15140f; text-decoration: underline; text-decoration-color: #ec9520; text-underline-offset: 2px; }
a:hover { color: #ec9520; }

/* Buttons (Milligram .button is blue by default) */
.button, button, input[type="submit"] {
    background: #ec9520 !important;
    color: #15140f !important;
    font-family: 'Geist', sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    border: 1.5px solid #15140f;
    border-radius: 6px;
    box-shadow: 2px 2px 0 #15140f;
    height: auto;
    padding: 11px 20px;
}
.button.button-outline, .button-outline {
    background: transparent !important;
    color: #15140f !important;
}

/* Form fields */
input[type="text"], input[type="email"] {
    border: 1.5px solid #15140f !important;
    border-radius: 6px;
    background: #f7f5f0;
    color: #15140f;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
}

/* Kill "Powered by listmonk" */
footer.container { display: none !important; }

/* Lead-out CTA injected by public.js */
.vx-followup {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px dashed #8a8479;
}
.vx-followup .eyebrow {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #8a8479;
    margin-bottom: 10px;
}
.vx-followup .links { display: flex; gap: 10px; flex-wrap: wrap; }
.vx-followup .links a {
    display: inline-block;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 13px;
    text-decoration: none;
    color: #15140f;
    border: 1.5px solid #15140f;
    border-radius: 6px;
    box-shadow: 2px 2px 0 #15140f;
    padding: 7px 12px;
}