/* Bandeau d'inscription à la lettre d'information (accueils FR/EN/NL/DE) */
.nl-band {
  background: var(--slate, #2d2d2d);
  border-top: 1px solid var(--line, rgba(184,151,58,0.3));
  padding: 56px 80px;
}
.nl-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.nl-kicker {
  font-size: 0.7rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold-light, #d4af5a);
  margin-bottom: 12px;
}
.nl-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 10px;
}
.nl-title em { color: var(--gold-light, #d4af5a); font-style: italic; }
.nl-text {
  font-size: 0.9rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.6);
}
.nl-form { display: flex; gap: 0; }
.nl-form input[type="email"] {
  flex: 1;
  min-width: 0;
  font: inherit;
  font-size: 0.95rem;
  color: #fff;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  border-right: none;
  padding: 14px 18px;
  border-radius: 0;
}
.nl-form input[type="email"]::placeholder { color: rgba(255,255,255,0.4); }
.nl-form input[type="email"]:focus { outline: none; border-color: var(--gold, #b8973a); background: rgba(255,255,255,0.09); }
.nl-form button {
  font: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--charcoal, #1e1e1e);
  background: var(--gold, #b8973a);
  border: 1px solid var(--gold, #b8973a);
  padding: 14px 26px;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
}
.nl-form button:hover, .nl-form button:focus-visible { background: var(--gold-light, #d4af5a); }
.nl-form button[disabled] { opacity: 0.6; cursor: wait; }
.nl-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.nl-note {
  font-size: 0.75rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.4);
  margin-top: 12px;
}
.nl-note a { color: rgba(255,255,255,0.6); }
.nl-msg { font-size: 0.9rem; line-height: 1.6; margin-top: 12px; min-height: 1.6em; }
.nl-msg.ok { color: var(--gold-light, #d4af5a); }
.nl-msg.err { color: #f0a59a; }
.nl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 900px) {
  .nl-band { padding: 48px 24px; }
  .nl-inner { grid-template-columns: 1fr; gap: 24px; }
  .nl-title { font-size: 1.7rem; }
}
@media (max-width: 480px) {
  .nl-form { flex-direction: column; }
  .nl-form input[type="email"] { border-right: 1px solid rgba(255,255,255,0.18); }
  .nl-form button { padding: 14px; }
}

/* Variante claire : formulaire dans le pop-up de bienvenue */
.nl-pop { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line, rgba(184,151,58,0.3)); text-align: center; }
.nl-pop-title { font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold, #b8973a); margin-bottom: 14px; }
.nl-light input[type="email"] { color: var(--charcoal, #1e1e1e); background: #fff; border-color: rgba(30,30,30,0.18); padding: 12px 14px; font-size: 0.9rem; }
.nl-light input[type="email"]::placeholder { color: var(--muted, #6b6560); }
.nl-light input[type="email"]:focus { background: #fff; border-color: var(--gold, #b8973a); }
.nl-light button { color: #fff; padding: 12px 20px; }
.nl-pop .nl-note { color: var(--muted, #6b6560); font-size: 0.72rem; margin-top: 10px; }
.nl-pop .nl-note a { color: var(--muted, #6b6560); }
.nl-pop .nl-msg { margin-top: 10px; min-height: 0; font-size: 0.85rem; }
.nl-pop .nl-msg.ok { color: var(--gold, #b8973a); }
.nl-pop .nl-msg.err { color: #b0402f; }
@media (max-width: 480px) { .nl-light input[type="email"] { border-right: 1px solid rgba(30,30,30,0.18); } }