/* ============================= */
/* MODAL BACKDROP */
/* ============================= */

.ed-modal{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:rgba(10,15,35,.65);
  backdrop-filter:blur(14px);

  opacity:0;
  visibility:hidden;

  transition:.4s;
  z-index:9999;
}

.ed-modal.show{
  opacity:1;
  visibility:visible;
}


/* ============================= */
/* MODAL BOX (FIXED + NO SCROLL) */
/* ============================= */

.ed-modal-box{

  width:900px;
  max-width:95%;

  /* ✅ AUTO HEIGHT (NO SCROLL) */
  height:auto;
  max-height:unset;
  overflow:visible;

  display:flex;
  flex-direction:row;

  border-radius:18px;

  background:rgba(255,255,255,.95);

  box-shadow:0 30px 70px rgba(0,0,0,.35);

  transform:scale(.9) translateY(40px);
  opacity:0;

  transition:.45s cubic-bezier(.22,1,.36,1);

  position:relative;
}

.ed-modal.show .ed-modal-box{
  transform:scale(1) translateY(0);
  opacity:1;
}


/* ============================= */
/* LEFT PANEL */
/* ============================= */

.ed-left{

  width:40%;
  padding:30px; /* reduced */

  color:white;

  background:linear-gradient(160deg,#020617,#0f172a,#1e293b);

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ed-badge{
  background:rgba(255,255,255,.15);
  display:inline-block;
  padding:6px 12px;
  border-radius:20px;
  font-size:13px;
  margin-bottom:14px;
}

.ed-title{
  font-size:26px;
  margin-bottom:10px;
}

.ed-title span{
  color:#60a5fa;
}

.ed-desc{
  opacity:.9;
  line-height:1.5;
  margin-bottom:18px;
}

.ed-contact p{
  margin-bottom:8px;
}


/* ============================= */
/* RIGHT FORM AREA */
/* ============================= */

.ed-right{

  width:60%;
  padding:28px; /* reduced */

  background:#f8fafc;

  /* ❌ NO SCROLL */
  overflow:visible;
}


/* ============================= */
/* FORM TITLE */
/* ============================= */

.ed-form-title{
  font-size:22px;
  margin-bottom:12px;
}


/* ============================= */
/* FORM */
/* ============================= */

.ed-label{
  display:block;
  margin-bottom:10px; /* reduced */
  font-size:13px;
}

.ed-input,
.ed-select{

  width:100%;
  padding:10px;

  border-radius:8px;
  border:1px solid rgba(0,0,0,.15);

  margin-top:4px;

  font-size:13px;

  transition:.25s;
  box-sizing:border-box;
}


/* INPUT FOCUS EFFECT */

.ed-input:focus,
.ed-select:focus{

  border-color:#6366f1;

  box-shadow:
  0 0 0 3px rgba(99,102,241,.15),
  0 0 10px rgba(99,102,241,.25);

  outline:none;
}


/* ============================= */
/* SELECT GROUP */
/* ============================= */

.ed-select-group{
  display:flex;
  gap:8px; /* reduced */
}

.ed-select-group select{
  flex:1;
  min-width:0;
}


/* ============================= */
/* SUBMIT BUTTON */
/* ============================= */

.ed-submit-btn{

  width:100%;

  padding:12px;

  border:none;
  border-radius:10px;

  background:linear-gradient(90deg,#3b82f6,#9333ea);

  color:white;

  font-size:15px;
  font-weight:600;

  cursor:pointer;

  transition:.3s;

  box-shadow:0 8px 20px rgba(79,70,229,.30);
}

.ed-submit-btn:hover{

  transform:translateY(-2px);

  box-shadow:
  0 14px 30px rgba(79,70,229,.45),
  0 0 14px rgba(147,51,234,.45);
}


/* ============================= */
/* CLOSE BUTTON */
/* ============================= */

.ed-close{

  position:absolute;
  top:12px;
  right:15px;

  font-size:26px;
  cursor:pointer;

  color:#333;

  transition:.3s;
}

.ed-close:hover{
  transform:rotate(90deg);
}


/* ============================= */
/* GLOBAL FIX */
/* ============================= */

.ed-modal *{
  max-width:100%;
  box-sizing:border-box;
}


/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

  .ed-modal-box{
    flex-direction:column;
    width:92%;
    height:auto;
  }

  .ed-left{
    display:none;
  }

  .ed-right{
    width:100%;
    padding:18px;
  }

  .ed-label{
    margin-bottom:10px;
  }

  .ed-input,
  .ed-select{
    font-size:14px;
    padding:10px;
  }

  .ed-select-group{
    flex-direction:column;
    gap:8px;
  }

  .ed-submit-btn{
    padding:12px;
  }

  .ed-close{
    top:10px;
    right:12px;
    font-size:24px;
  }

}


/* ============================= */
/* INLINE FIELD (2 COLUMN SUPPORT) */
/* ============================= */

.ed-select-group > div{
  flex:1;
}