@charset "UTF-8";
/* CSS Document */

/* --- Modal Demande de prix (léger et autonome) --- */
#askBackdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index: 1000000 !important;}
#askModal{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(520px,94vw);background:#fff;border-radius:12px;
  box-shadow:0 20px 50px rgba(0,0,0,.2);z-index: 1000001 !important;}

#askModal header{padding:14px 18px;border-bottom:1px solid #eee;font-weight:700;font-size:20px}
#askModal .sub{margin-top:4px;font-size:14px;color:#777;font-weight:500}
#askModal .content{padding:14px 18px}
#askModal .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#askModal label{font-size:13px;color:#555}
#askModal input[type="text"],
#askModal input[type="email"],
#askModal input[type="tel"],
#askModal input[type="number"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}
#askModal .row{margin:8px 0}
#askModal .muted{font-size:12px;color:#777}
#askModal footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid #eee}
#askClose{position:absolute;right:10px;top:8px;border:none;background:transparent;font-size:22px;cursor:pointer;line-height:1}

#askToast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);
  background:#1f7a1f;color:#fff;padding:10px 14px;border-radius:8px;display:none;z-index:10000}
#askModal textarea{
  width:100%;
  padding:10px;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:14px;
  min-height:84px;   /* optionnel, pour ~4 lignes */
  resize:vertical;   /* l'utilisateur peut étirer */
}

/* Le bouton peut réutiliser ta classe .bouton2 ; pas de style ici */