/* Container formulaire */
.bem-form {
  max-width: 100%;
  margin: 30px auto;
  padding: 25px 30px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-family: "Roboto", "Open Sans", Arial, sans-serif;
}

/* Titres */
.bem-form h2 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 8px;
}

.bem-form input[type=checkbox]{
	width: auto !important;
}
  

/* Champs */
.bem-form input,
.bem-form select,
.bem-form textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  transition: all 0.2s ease;
  background: #fafafa;
}

.bem-form input:focus,
.bem-form select:focus,
.bem-form textarea:focus {
  border-color: #ef4137;
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(217,143,42,0.2);
}

/* Boutons */
.bem-form button {
  background: #ef4137;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  transition: background 0.3s ease;
}

.bem-form button:hover {
  background: #ef2015;
}

/* Petits détails */
.bem-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #444;
}

.bem-form .form-group {
  margin-bottom: 18px;
}

.bem-product-select {
  padding: 6px;
  border: 1px solid #ccc;
  min-width: 250px;
}

#bem-product-preview {
  font-size: 14px;
  color: #333;
}

/* ---- Form devise ---- */
.bem-quote h2{margin-bottom:18px}

/* Grille responsive */
.bem-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:14px;
}
@media (min-width: 720px){
  .bem-grid.cols-2{grid-template-columns: 1fr 1fr}
  .bem-grid.cols-3{grid-template-columns: 1fr 1fr 1fr}
}

/* Champ */
.bem-field label{
  display:block;
  font-weight:600;
  color:#333;
  margin-bottom:6px;
}
.bem-field input,
.bem-field select{
  width:100%;
  padding:11px 12px;
  border:1px solid #cfcfcf;
  border-radius:6px;
  background:#fff;
  transition:border .2s, box-shadow .2s;
}
.bem-field input:focus,
.bem-field select:focus{
  outline:none;
  border-color:#ef4137;
  box-shadow:0 0 0 2px rgba(217,143,42,.18);
}

/* Fieldset (par étage) */
.bem-floor{
  border:1px solid #e7e7e7;
  border-radius:8px;
  padding:14px;
  background:#fafafa;
}
.bem-floor legend{
  font-weight:700;
  color:#444;
  padding:0 6px;
}

/* Inline help */
.bem-help{font-size:12px;color:#666;margin-top:6px}

/* Boutons */
.bem-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.bem-actions .button,
.bem-actions button{
  background:#ef4137;
  color:#fff;
  border:none;
  padding:11px 18px;
  border-radius:6px;
  cursor:pointer;
}
.bem-actions .button:hover,
.bem-actions button:hover{background:#ef2015}

/* Aperçu image de produit sélectionné (si tu utilises le preview JS) */
#bem-product-preview{display:flex;align-items:center;margin-top:6px;gap:10px}
#bem-product-preview img{width:40px;height:40px;object-fit:cover;border:1px solid #ddd;border-radius:4px}

/*.bem-grid {
	background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 10px;
    border-radius: 6px;
}

.bem-floor {
	background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 10px;
    border-radius: 6px;
}*/
.bem-product-select { width: 70% !important; }
.bem_add_product { width: 29% !important;margin-top: -14px; }
.bem-quote-editor .button, .bem-quote-editor button{background:#ef4137;color:#fff;border:none;border-radius:4px;line-height: normal;padding:12px 16px;font-size: 18px;cursor:pointer}
.bem-quote-editor .button:hover, .bem-quote-editor button:hover{background:#ef2015}
.bem-table input[type="number"]{padding:6px 8px;border:1px solid #cfcfcf;border-radius:6px}