/* Angelina Secrets Contact Brevo v4.0 — formulaire recalé sur la page droite du livre */
.inge-contact-v3{
  position:relative;
  width:100%;
  max-width:1080px;
  margin:0 auto;
  font-family:Georgia,"Times New Roman",serif;
  color:#4c352d;
}
.inge-contact-v3__visual{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(46,28,20,.18);
  background:#c99572;
}
.inge-contact-v3__image{display:block;width:100%;height:auto}

/* Zone exacte de la page droite du livre — image 1024×1536 */
.inge-contact-v3__book{
  position:absolute;
  z-index:5;
  pointer-events:auto;
  left:49.8%;
  top:53.25%;
  width:42.4%;
  height:37.6%;
  transform:none;
}
.inge-contact-v3__form{
  position:relative;
  z-index:6;
  pointer-events:auto;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-family:Georgia,"Times New Roman",serif;
}
.inge-contact-v3__row{display:contents}

/* Champs transparents exactement superposés aux cadres imprimés */
.inge-contact-v3 input[type="text"],
.inge-contact-v3 input[type="email"],
.inge-contact-v3 select,
.inge-contact-v3 textarea{
  position:absolute;
  box-sizing:border-box;
  margin:0;
  border:1px solid transparent;
  background:rgba(255,248,237,.035);
  color:#4b3028;
  border-radius:7px;
  padding:.28em .55em;
  font:italic clamp(8px,.92vw,14px)/1.2 Georgia,"Times New Roman",serif;
  outline:none;
  box-shadow:none;
}
.inge-contact-v3 input::placeholder,
.inge-contact-v3 textarea::placeholder{color:transparent}
.inge-contact-v3 select:invalid{color:transparent}
.inge-contact-v3 select option{color:#4b3028;background:#fff8ef}
.inge-contact-v3 input:focus,
.inge-contact-v3 select:focus,
.inge-contact-v3 textarea:focus{
  background:rgba(255,248,237,.72);
  border-color:rgba(167,104,82,.45);
  box-shadow:0 0 0 2px rgba(184,112,96,.11);
}

/* Coordonnées relevées directement sur les cadres de la nouvelle image */
.inge-contact-v3__prenom{left:3.0%;top:16.6%;width:43.2%;height:7.2%}
.inge-contact-v3__nom{left:50.1%;top:16.6%;width:43.2%;height:7.2%}
.inge-contact-v3__email{left:3.0%;top:30.0%;width:90.3%;height:7.7%}
.inge-contact-v3__sujet{left:3.0%;top:43.2%;width:90.3%;height:7.8%;appearance:none;-webkit-appearance:none}
.inge-contact-v3__message{left:3.0%;top:57.8%;width:90.3%;height:20.4%;resize:none;line-height:1.35}

/* Bouton rose déjà dessiné dans l'image : bouton HTML invisible mais cliquable par-dessus */
.inge-contact-v3__submit{
  position:absolute;
  left:5.8%;
  top:79.6%;
  width:72.4%;
  height:9.2%;
  border:0;
  border-radius:999px;
  background:transparent;
  color:transparent;
  padding:0;
  cursor:pointer;
  z-index:15;
  pointer-events:auto;
}
.inge-contact-v3__submit:hover{background:rgba(255,255,255,.08)}
.inge-contact-v3__submit:focus-visible{outline:2px solid #ff0a78;outline-offset:2px}
.inge-contact-v3__submit:disabled{opacity:.55;cursor:wait}

/* Mentions sous le bouton, dans le bas de la page du livre */
.inge-contact-v3__consent{
  position:absolute;
  left:4.0%;
  width:91%;
  display:flex;
  align-items:flex-start;
  gap:4px;
  margin:0;
  color:#5f453c;
  font:normal clamp(5px,.52vw,8px)/1.15 Arial,Helvetica,sans-serif;
  z-index:12;
  cursor:pointer;
  pointer-events:auto;
}
.inge-contact-v3__privacy{top:89.3%}
.inge-contact-v3__newsletter{top:93.0%}
.inge-contact-v3__consent input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  margin:0 3px 0 0!important;
  position:static!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.inge-contact-v3__consent span{cursor:pointer;pointer-events:auto}
.inge-contact-v3__links{
  position:absolute;
  left:3%;
  top:97.2%;
  width:90%;
  text-align:center;
  font:normal clamp(4px,.46vw,7px)/1.05 Arial,Helvetica,sans-serif;
}
.inge-contact-v3__links a{color:#65473f;text-decoration:underline;text-underline-offset:2px}
.inge-contact-v3__error{
  position:absolute;
  left:3%;
  bottom:-5.5%;
  width:90%;
  color:#8e2626;
  font:600 clamp(6px,.55vw,9px)/1.2 Arial,Helvetica,sans-serif;
  text-align:center;
}

/* Les pourcentages suivent automatiquement l'image sur tablette. */
@media (max-width:820px) and (min-width:601px){
  .inge-contact-v3{max-width:760px}
  .inge-contact-v3__consent{font-size:5px}
}

/* Popup */
.inge-contact-v3__modal[hidden]{display:none!important}
.inge-contact-v3__modal{position:fixed;inset:0;z-index:999999;background:rgba(25,15,12,.56);display:flex;align-items:center;justify-content:center;padding:20px}
.inge-contact-v3__modal-card{position:relative;max-width:520px;width:min(92vw,520px);background:#fff7ef;border:1px solid rgba(121,78,63,.18);border-radius:20px;padding:34px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35);font-family:Arial,Helvetica,sans-serif}
.inge-contact-v3__modal-card h3{font-family:Georgia,serif;font-size:30px;margin:0 0 16px;color:#6d433b}
.inge-contact-v3__modal-card p{font-size:17px;line-height:1.65;margin:0 0 22px}
.inge-contact-v3__close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#6d433b}
.inge-contact-v3__ok{border:0;border-radius:999px;background:#b96f67;color:#fff;padding:12px 25px;font-weight:700;cursor:pointer}

/* Tablette : le formulaire reste dans le livre tant que la taille le permet */
@media (max-width:820px) and (min-width:601px){
  .inge-contact-v3{max-width:760px}
  .inge-contact-v3__book{left:50.5%;top:57.15%;width:45.5%;height:46.2%}
  .inge-contact-v3__consent{font-size:5.5px}
}

/* Mobile : même univers, mais livre agrandi pour garder le formulaire réellement utilisable */
@media (max-width:600px){
  .inge-contact-v3__visual{
    overflow:visible;
    border-radius:14px;
    background:#f2dfce;
    box-shadow:0 16px 42px rgba(46,28,20,.16);
    padding-bottom:18px;
  }
  .inge-contact-v3__image{border-radius:14px 14px 0 0}
  .inge-contact-v3__book{
    position:relative;
    left:auto;top:auto;
    width:calc(100% - 28px);
    height:auto;
    transform:none;
    margin:-2px auto 0;
    padding:34px 18px 20px;
    border-radius:5px 5px 16px 16px;
    background:
      linear-gradient(rgba(255,250,240,.95),rgba(248,234,216,.97)),
      repeating-linear-gradient(0deg,rgba(124,86,61,.035) 0 1px,transparent 1px 5px);
    box-shadow:inset 0 0 30px rgba(108,71,49,.08),0 10px 28px rgba(67,40,28,.10);
  }
  .inge-contact-v3__book:before{
    content:"Écrivez-moi… ♡";
    display:block;
    margin:-16px 0 18px;
    text-align:center;
    color:#5c3d33;
    font:italic 29px/1.1 Georgia,"Times New Roman",serif;
  }
  .inge-contact-v3__form{position:relative;height:auto;display:flex;flex-direction:column;gap:11px}
  .inge-contact-v3__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .inge-contact-v3 input[type="text"],
  .inge-contact-v3 input[type="email"],
  .inge-contact-v3 select,
  .inge-contact-v3 textarea,
  .inge-contact-v3__consent,
  .inge-contact-v3__submit,
  .inge-contact-v3__links,
  .inge-contact-v3__error{
    position:static;width:100%;height:auto;left:auto;top:auto;bottom:auto;
  }
  .inge-contact-v3 input[type="text"],.inge-contact-v3 input[type="email"],.inge-contact-v3 select,.inge-contact-v3 textarea{
    background:rgba(255,250,242,.72);
    border:1px solid rgba(122,82,65,.27);
    color:#4b3028;
    border-radius:8px;
    padding:12px 13px;
    font:italic 15px/1.25 Georgia,"Times New Roman",serif;
  }
  .inge-contact-v3 input::placeholder,.inge-contact-v3 textarea::placeholder{color:#7a5a4e}
  .inge-contact-v3 select:invalid{color:#7a5a4e}
  .inge-contact-v3 textarea{min-height:135px;resize:vertical}
  .inge-contact-v3__privacy{display:flex}
  .inge-contact-v3__newsletter{display:flex}
  .inge-contact-v3__consent{font:normal 12px/1.35 Arial,Helvetica,sans-serif}
  .inge-contact-v3__submit{min-height:46px;background:#b96f67;color:#fff;font:italic 700 15px/1 Georgia,"Times New Roman",serif}
  .inge-contact-v3__links{font:normal 11px/1.3 Arial,Helvetica,sans-serif}
  .inge-contact-v3__error{font:600 12px/1.3 Arial,Helvetica,sans-serif}
}

@media(max-width:400px){.inge-contact-v3__row{grid-template-columns:1fr}.inge-contact-v3__book{padding-left:14px;padding-right:14px}}