/* Tripbase branding for Listmonk public pages (subscribe, unsubscribe, manage, optin).
   Pushed to Listmonk via: LISTMONK_ADMIN_PASSWORD=xxx python3 pipeline/scripts/brand_listmonk.py */

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

/* --- Base typography --- */
body,
.wrap,
input,
button,
select,
textarea {
  font-family: 'Nunito', Arial, sans-serif !important;
  color: #4d4d4d;
}

h1, h2, h3, h4 {
  color: #151515 !important;
  font-weight: 800 !important;
}

/* --- Links --- */
a {
  color: #0199a8 !important;
}
a:hover {
  color: #01CEE2 !important;
}

/* --- Primary buttons --- */
.button,
.btn-primary,
button[type="submit"],
input[type="submit"] {
  background-color: #01CEE2 !important;
  border-color: #01CEE2 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', Arial, sans-serif !important;
  transition: background-color 0.2s ease;
}
.button:hover,
.btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #0199a8 !important;
  border-color: #0199a8 !important;
}

/* --- Secondary / outline buttons --- */
.btn-secondary,
.btn-outline-primary {
  color: #01CEE2 !important;
  border-color: #01CEE2 !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', Arial, sans-serif !important;
}
.btn-secondary:hover,
.btn-outline-primary:hover {
  background-color: #01CEE2 !important;
  color: #ffffff !important;
}

/* --- Form inputs --- */
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
  border-color: #01CEE2 !important;
  box-shadow: 0 0 0 2px rgba(1, 206, 226, 0.2) !important;
  outline: none !important;
}

/* --- Checkbox / radio accent --- */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #01CEE2;
}

/* --- Alert / notice boxes --- */
.alert-success,
.notification.is-success {
  border-left-color: #01CEE2 !important;
}

/* --- Soften "Powered by listmonk" footer --- */
footer.container,
.footer .powered-by,
.wrap > footer,
a[href="https://listmonk.app"] {
  opacity: 0.3 !important;
}

/* --- Page background --- */
body {
  background-color: #f7f9fa !important;
}