/* INGE Contact Brevo v3.3 — alignement précis sur les lignes 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 dans l'image portrait 1024×1536 */
.inge-contact-v3__book{
  position:absolute;
  z-index:5;
  pointer-events:auto;
  left:50.5%;
  top:57.15%;
  width:45.5%;
  height:46.2%;
  transform:rotate(-.15deg);
  transform-origin:center;
}
.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 : le papier et les cadres imprimés de l'image restent visibles */
.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,.06);
  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);
}

/* Positionnement sur les cadres déjà dessinés dans le livre */
.inge-contact-v3__prenom{left:2.4%;top:6.7%;width:40.5%;height:7.2%}
.inge-contact-v3__nom{left:48.0%;top:6.7%;width:47.0%;height:7.2%}
.inge-contact-v3__email{left:2.4%;top:17.2%;width:92.6%;height:7.2%}
.inge-contact-v3__sujet{left:2.4%;top:28.1%;width:92.6%;height:7.2%;appearance:none;-webkit-appearance:none}
.inge-contact-v3__message{left:2.4%;top:39.3%;width:92.6%;height:22.1%;resize:none;line-height:1.35}

.inge-contact-v3__consent{
  position:absolute;
  left:2.8%;
  width:93%;
  display:flex;
  align-items:flex-start;
  gap:5px;
  margin:0;
  color:#5f453c;
  font:normal clamp(6px,.64vw,10px)/1.25 Arial,Helvetica,sans-serif;
}
.inge-contact-v3__consent input{width:auto;height:auto;margin:1px 0 0;accent-color:#b96f67}
.inge-contact-v3__privacy{top:61.8%}
.inge-contact-v3__newsletter{top:65.8%}
.inge-contact-v3__consent{z-index:12;cursor:pointer;pointer-events:auto}
.inge-contact-v3__consent input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  margin:0 4px 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__submit{
  position:absolute;
  left:2.5%;
  top:70.0%;
  width:94.8%;
  height:7.1%;
  border:0;
  border-radius:999px;
  background:rgba(182,101,91,.09);
  color:rgba(255,255,255,.97);
  padding:0 8px;
  font:italic 700 clamp(7px,.78vw,12px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.01em;
  cursor:pointer;
  z-index:15;
  pointer-events:auto;
  text-shadow:0 1px 2px rgba(97,51,44,.25);
  transition:background .18s ease,transform .18s ease;
}
.inge-contact-v3__submit:hover{background:rgba(182,101,91,.17);transform:translateY(-1px)}
.inge-contact-v3__submit:disabled{opacity:.65;cursor:wait}

.inge-contact-v3__links{
  position:absolute;
  left:1%;
  top:78.1%;
  width:98%;
  text-align:center;
  font:normal clamp(5px,.52vw,8px)/1.1 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:2%;
  bottom:-6.5%;
  width:96%;
  color:#8e2626;
  font:600 clamp(7px,.58vw,9px)/1.2 Arial,Helvetica,sans-serif;
  text-align:center;
}

/* 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}}