/* EGM Mailing — Listmonk public pages: admin login + subscriber pages (unsubscribe, preferences, opt-in).
   Settings → Appearance → Public CSS. Applied by apply-branding.mjs. Logo comes from app.logo_url. */
:root { --egm-red: #E30613; --egm-red-dark: #A3000F; --egm-red-soft: #FDECEE; --egm-ink: #111827; --egm-line: #E5E7EB; }

body { background: #F6F7F9; color: var(--egm-ink); font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
a { color: var(--egm-red); }
a:hover { color: var(--egm-red-dark); }

.wrap { background: #fff; border: 1px solid var(--egm-line); border-top: 4px solid var(--egm-red); border-radius: 12px; box-shadow: 0 12px 32px rgba(17, 24, 39, .06); }
.header { border-bottom: 1px solid var(--egm-line); }
.header .logo img { width: 150px !important; max-width: 150px !important; height: auto !important; max-height: none !important; }

.button { background: var(--egm-red); border-color: var(--egm-red); color: #fff; border-radius: 8px; font-weight: 600; }
.button:hover { background: var(--egm-red-dark); border-color: var(--egm-red-dark); color: #fff; }
.button.button-outline { background: #fff; color: var(--egm-red); border-color: var(--egm-red); }
.button.button-outline:hover { background: var(--egm-red-soft); color: var(--egm-red-dark); }

input[type="text"], input[type="email"], input[type="password"], select { border-radius: 8px; border-color: var(--egm-line); }
input:focus, select:focus { border-color: var(--egm-red); box-shadow: 0 0 0 3px rgba(227, 6, 19, .15); outline: none; }

/* Admin login */
.login h2 { font-size: 0; margin-bottom: 1.25rem; }
.login h2::before { content: "EGM Mailing"; display: block; font-size: 1.5rem; font-weight: 700; color: var(--egm-ink); }
.login h2::after { content: "Connexion à l'espace newsletter"; display: block; font-size: .9rem; font-weight: 400; color: #6B7280; margin-top: .25rem; }
.login .button { width: 100%; }
/* Listmonk's reset link is built on app.root_url (egm.tn), where /admin is the shop admin: hidden. Reset: docs/NEWSLETTER-LISTMONK.md */
.login .center.small { display: none; }

/* Footer: no "Propulsé par listmonk" */
footer.container { font-size: 0; }
footer.container a { display: none; }
footer.container::after { content: "EGM · egm.tn"; font-size: .8rem; color: #9CA3AF; }