/* public-custom.css · Custom CSS à coller dans Listmonk : Apparence → Public → Custom CSS
 * Restyle les pages publiques Listmonk (opt-in, messages, formulaire, gestion
 * d'abonnement) avec le design system de goumies-creative.com :
 *   - Fontes via Bunny Fonts (Bebas Neue + Montserrat, pas de Google Fonts)
 *   - Bleu #1427ad, noir #000, blanc #FFF
 *   - Fond trame du site (url absolue depuis le site principal)
 */

@import url('https://fonts.bunny.net/css?family=bebas-neue:400|montserrat:400,500,600,700');

:root {
  --gc-blue: #1427ad;
  --gc-black: #000;
  --gc-white: #fff;
}

html, body { margin: 0; padding: 0; min-height: 100vh; }

body {
  background-color: #f5f5f0;
  background-image: url('https://goumies-creative.com/public/assets/Goumies-Creative-catalogue-trame-light.webp');
  background-size: cover;
  background-attachment: fixed;
  font-family: "Montserrat", "Inter", sans-serif;
  color: var(--gc-black);
  line-height: 1.6;
}

.container.wrap {
  background: var(--gc-white);
  border: 3px solid var(--gc-black);
  box-shadow: none;
  padding: 48px;
  margin-top: 80px;
}

h1, h2, h3 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
}

.header { padding-bottom: 0; margin-bottom: 32px; }
.header .logo img { max-width: 180px; }

h2 { font-size: 2.2rem; margin-bottom: 16px; }

.button {
  background: var(--gc-black);
  color: var(--gc-white);
  border: 3px solid var(--gc-black);
  border-radius: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: background .15s, color .15s, border-color .15s;
}
.button:hover { background: var(--gc-white); color: var(--gc-blue); border-color: var(--gc-blue); }

input[type="text"], input[type="email"], input[type="password"], select {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid var(--gc-black);
}
input:focus { border-color: var(--gc-blue); }

a { color: var(--gc-blue); }
a:hover { color: var(--gc-black); }

footer.container { color: #666; }
footer.container a { color: var(--gc-blue); }