/* ===================== ENQUIRY POPUP STYLES (Professional) ===================== */

.enquiry-overlay{
  display:none;
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  background:rgba(15,25,20,0.72) !important;
  backdrop-filter:blur(3px);
  z-index:999999 !important;
  align-items:flex-start;
  justify-content:center;
  padding:40px 16px;
  overflow-y:auto;
  margin:0 !important;
}
.enquiry-overlay.active{
  display:flex !important;
}

.enquiry-modal{
  background:#fff;
  width:100%;
  max-width:440px;
  border-radius:14px !important;
  box-shadow:0 25px 60px rgba(0,0,0,0.35) !important;
  overflow:hidden;
  margin:auto;
  animation:enquiryPop .3s cubic-bezier(.2,.8,.3,1.2);
  font-family:'Segoe UI', Roboto, Arial, sans-serif;
}
@keyframes enquiryPop{
  from{ transform:translateY(20px) scale(.96); opacity:0; }
  to{ transform:translateY(0) scale(1); opacity:1; }
}

/* ---------- Header ---------- */
.enquiry-header{
  position:relative;
  padding:26px 28px 22px;
  background:linear-gradient(135deg,#274b7a 0%,#1a3a63 55%,#153058 100%) !important;
  color:#fff !important;
}
.enquiry-header h2{
  margin:0;
  font-size:21px;
  font-weight:700;
  letter-spacing:.2px;
}
.enquiry-header .enquiry-subtitle{
  display:block;
  margin-top:6px;
  font-size:13px;
  font-weight:400;
  color:rgba(255,255,255,0.78);
}
.enquiry-close{
  position:absolute;
  top:16px;
  right:16px;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(255,255,255,0.15);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s ease, transform .2s ease;
}
.enquiry-close:hover{
  background:rgba(255,255,255,0.3);
  transform:rotate(90deg);
}

/* ---------- Body ---------- */
.enquiry-body{
  padding:26px 28px 24px;
}
.enquiry-field{
  margin-bottom:18px;
}
.enquiry-field label{
  display:block;
  margin-bottom:7px;
  font-size:12.5px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#274b7a;
}
.enquiry-field input,
.enquiry-field select{
  width:100%;
  padding:12px 14px;
  border:1.5px solid #dfe3e8;
  border-radius:8px;
  font-size:14.5px;
  color:#222;
  background:#f9fafb;
  box-sizing:border-box;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  font-family:inherit;
}
.enquiry-field input::placeholder{
  color:#9aa2ab;
}
.enquiry-field input:focus,
.enquiry-field select:focus{
  outline:none;
  border-color:#e97c1e;
  background:#fff;
  box-shadow:0 0 0 3px rgba(233,124,30,0.15);
}
.enquiry-field select{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%23274b7a' stroke-width='2' fill='none' fill-rule='evenodd'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
  cursor:pointer;
}

.enquiry-error{
  display:block;
  color:#e5484d;
  font-size:12px;
  font-weight:500;
  margin-top:5px;
  min-height:14px;
}

/* ---------- Footer ---------- */
.enquiry-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  border-top:1px solid #eef0f2;
  padding-top:18px;
  margin-top:6px;
  flex-wrap:wrap;
}
.enquiry-msg{
  flex:1;
  font-size:13px;
  font-weight:500;
}
.enquiry-msg.success{ color:#1f9254; }
.enquiry-msg.error{ color:#e5484d; }

.btn-close-gray,
.btn-send-blue{
  padding:11px 22px;
  border:none;
  border-radius:8px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.btn-close-gray{
  background:#eef0f2;
  color:#555;
}
.btn-close-gray:hover{ background:#e2e5e9; }

.btn-send-blue{
  background:linear-gradient(135deg,#f0912e,#e2691a) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(226,105,26,0.35) !important;
}
.btn-send-blue:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(226,105,26,0.45);
}
.btn-send-blue:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* ---------- Scrollbar polish (webkit) ---------- */
.enquiry-overlay::-webkit-scrollbar{ width:8px; }
.enquiry-overlay::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.25);
  border-radius:10px;
}

@media(max-width:480px){
  .enquiry-overlay{ padding:20px 12px; }
  .enquiry-modal{ max-width:100%; }
  .enquiry-header{ padding:22px 20px 18px; }
  .enquiry-body{ padding:22px 20px 20px; }
}