/* =========================================================
   NLS V200 — complements
   Devises, paliers Ko-fi, capture e-mail, banniere de langue
   Palette reprise du theme : fond #030609, or #c8a86b, texte #aa9e8b
   ========================================================= */

/* --- Equivalence de devise a cote des prix en CHF --- */
.nls-fx{
  display:inline-block;
  margin-left:6px;
  font:400 .62em/1 "Cormorant Garamond",Georgia,serif;
  letter-spacing:.04em;
  color:#8d8272;
  white-space:nowrap;
  vertical-align:middle;
}

/* --- Paliers Ko-fi : titre + description dans chaque case --- */
.s33-vip-list.nls-tiers span{
  display:block;
  padding:13px 14px;
  line-height:1.45;
}
.s33-vip-list.nls-tiers strong{
  display:block;
  margin-bottom:5px;
  font:500 13px/1.3 "Cinzel",serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#d2b77f;
}

/* --- Bloc de capture e-mail --- */
.nls-optin{
  border-top:1px solid rgba(200,168,107,.16);
  border-bottom:1px solid rgba(200,168,107,.16);
  background:linear-gradient(180deg,rgba(9,13,18,.75),rgba(3,6,9,.9));
  padding:clamp(38px,6vw,68px) 20px;
}
.nls-optin-inner{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.nls-optin-kicker{
  display:block;
  margin-bottom:14px;
  font:400 12px/1 "Cinzel",serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#c8a86b;
}
.nls-optin h2{
  margin:0 0 12px;
  font:500 clamp(25px,3.6vw,36px)/1.22 "Cinzel",serif;
  color:#efe4d2;
}
.nls-optin p{
  margin:0 auto 26px;
  max-width:560px;
  font:400 17px/1.6 "Cormorant Garamond",Georgia,serif;
  color:#aa9e8b;
}
.nls-optin-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.nls-optin-form input[type=email]{
  flex:1 1 300px;
  max-width:380px;
  padding:14px 16px;
  border:1px solid rgba(200,168,107,.3);
  background:rgba(3,6,9,.8);
  color:#efe4d2;
  font:400 16px/1 "Cormorant Garamond",Georgia,serif;
}
.nls-optin-form input[type=email]::placeholder{color:#6f6759}
.nls-optin-form input[type=email]:focus{
  outline:none;
  border-color:rgba(200,168,107,.7);
  box-shadow:0 0 0 3px rgba(200,168,107,.12);
}
.nls-optin-form button{
  padding:14px 26px;
  border:1px solid rgba(200,168,107,.55);
  background:rgba(200,168,107,.14);
  color:#ead09a;
  font:400 12px/1 "Cinzel",serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}
.nls-optin-form button:hover{
  background:rgba(200,168,107,.26);
  border-color:rgba(200,168,107,.85);
}
.nls-optin-fine{
  margin:16px 0 0;
  font-size:14px;
  color:#7a7264;
}
.nls-optin-done{
  display:none;
  padding:18px;
  border:1px solid rgba(200,168,107,.35);
  color:#ead09a;
  font:400 17px/1.5 "Cormorant Garamond",Georgia,serif;
}
.nls-optin.is-done .nls-optin-form,
.nls-optin.is-done .nls-optin-fine{display:none}
.nls-optin.is-done .nls-optin-done{display:block}
.nls-optin-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- Banniere de suggestion de langue --- */
.nls-langhint{
  display:none;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
  padding:11px 18px;
  border-bottom:1px solid rgba(200,168,107,.2);
  background:rgba(6,10,14,.96);
  font:400 15px/1.4 "Cormorant Garamond",Georgia,serif;
  color:#c3b8a5;
  text-align:center;
}
.nls-langhint.is-visible{display:flex}
.nls-langhint a{
  color:#ead09a;
  border-bottom:1px solid rgba(234,208,154,.5);
  text-decoration:none;
}
.nls-langhint button{
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.15);
  background:none;
  color:#8d8272;
  font:400 11px/1 "Cinzel",serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}

@media (max-width:640px){
  .nls-optin-form input[type=email],
  .nls-optin-form button{flex:1 1 100%;max-width:none}
  .nls-fx{display:block;margin:4px 0 0}
}