/* Enquiry form – isolated & safe */
/* DEBUG TEST — DO NOT SKIP 
body::before {
  content: "ENQUIRY CSS LOADED";
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: red;
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  z-index: 99999;
}
  */
/* =====================================
   ENQUIRY FORM – FINAL SAFE STYLING
   Works with Bootstrap & existing theme
   No layout / size changes
   ===================================== */

/* Inputs & textarea */
/* =====================================
   ENQUIRY FORM – LAYOUT FIX (SAFE)
   Fixes inline / squashed fields
   ===================================== */

/* =====================================
   ENQUIRY FORM – FINAL LAYOUT & SIZE FIX
   Scoped, safe, production confirmed
   ===================================== */

/* Stack fields properly */
/* =====================================
   ENQUIRY FORM – FINAL POLISH
   Shadow + Hover (Safe & Clean)
   ===================================== */

/* Text fields & textarea */
.enquiry-form input,
.enquiry-form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;

  font-size: 16px;
  padding: 14px 16px;
  line-height: 1.5;

  border-radius: 6px;
  border: 1px solid #ccc;

  /* Drop shadow */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);

  margin-bottom: 16px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Focus effect (professional, not flashy) */
.enquiry-form input:focus,
.enquiry-form textarea:focus {
  border-color: #007bff;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.35);
  outline: none;
}

/* Bigger message box */
.enquiry-form textarea {
  min-height: 140px;
  resize: vertical;
}

/* Submit button */
.enquiry-form button {
  display: inline-block;
  margin: 12px auto 0 auto;
  padding: 12px 32px;

  font-size: 16px;
  border-radius: 6px;
  border: none;
  cursor: pointer;

  /* Button shadow */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);

  transition: background-color 0.2s ease,
              box-shadow 0.2s ease,
              transform 0.15s ease;
}

/* Hover effect */
.enquiry-form button:hover {
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.35);
  transform: translateY(-1px);
}

/* Click feedback */
.enquiry-form button:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}