/* ── TILAMAIL Public Page Branding ───────────────────────────── */
:root {
  --tila-plum:    #2B103A;
  --tila-purple:  #4B1B6B;
  --tila-magenta: #C0267B;
  --tila-fuchsia: #E23AAE;
  --tila-gold:    #D6A84F;
  --tila-charcoal:#17121F;
  --tila-cream:   #FFF8EE;
}

body {
  background: #FFF8EE !important;
  color: #17121F !important;
}

a {
  color: #C0267B !important;
  text-decoration-color: rgba(192,38,123,0.35);
}
a:hover {
  color: #4B1B6B !important;
  text-decoration-color: rgba(75,27,107,0.5);
}

/* ── Header / Logo ─────────────── */
.header {
  background: #2B103A !important;
  padding: 22px 32px !important;
  border-bottom: 3px solid #D6A84F !important;
}
/* Hide the default listmonk SVG */
.header .logo img { display: none !important; }
/* Inject TILAMAIL text brand */
.header .logo a::before {
  content: 'TILAMAIL';
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.55em;
  font-weight: normal;
  color: #FFFFFF;
  letter-spacing: 5px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}
.header .logo a {
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

/* ── Buttons ───────────────────── */
.button,
button[type="submit"],
input[type="submit"] {
  background: #C0267B !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 2px !important;
  letter-spacing: 1px;
  font-size: 1em !important;
  cursor: pointer;
  transition: background 0.15s ease;
}
.button:hover,
button[type="submit"]:hover {
  background: #E23AAE !important;
  color: #ffffff !important;
}

/* ── Inputs ────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  border-color: #d0c0dc !important;
  background: #fff !important;
  color: #17121F !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #C0267B !important;
  box-shadow: 0 0 0 3px rgba(192,38,123,0.12) !important;
  outline: none !important;
}
input[type="checkbox"] { accent-color: #C0267B; }

/* ── Labels & Headings ─────────── */
label { color: #2B103A !important; }
h1, h2, h3, h4, h5 {
  color: #2B103A !important;
  font-family: Georgia, serif !important;
  font-weight: normal !important;
}

/* ── Login card ────────────────── */
.login {
  background: #FFFFFF !important;
  border: 1px solid #e8ddf0 !important;
  border-top: 3px solid #C0267B !important;
  border-radius: 4px !important;
  padding: 40px !important;
  box-shadow: 0 2px 16px rgba(43,16,58,0.10) !important;
}

/* ── Subscription form container ─ */
.wrap { max-width: 680px; margin: 0 auto; }
.subscription-form,
.center.section {
  background: #ffffff;
  border-radius: 4px;
  padding: 32px;
  box-shadow: 0 1px 8px rgba(43,16,58,0.07);
}

/* ── "Powered by listmonk" footer ─ hide it ── */
footer.container,
footer.container * { display: none !important; }

/* ── Archive page ──────────────── */
.post-list a { color: #2B103A !important; }
.post-list a:hover { color: #C0267B !important; }
.post-meta { color: #9b6fc0 !important; font-size: 0.85em; }

/* ── Success / info messages ───── */
.success-message,
.notification.is-success {
  background: rgba(192,38,123,0.08) !important;
  border-left: 3px solid #C0267B !important;
  color: #2B103A !important;
}

/* ── Misc ──────────────────────── */
hr { border-color: rgba(214,168,79,0.35) !important; }
::selection { background: rgba(192,38,123,0.2); }