/*
 Theme Name:   Astra Child - Mahadi.my
 Theme URI:    https://mahadi.my
 Description:  Dark editorial theme for Datuk Ir. Ts. Dr. Mahadi Mohamad
 Author:       Mahadi Team
 Template:     astra
 Version:      3.0.0
 Text Domain:  astra-child
*/


/* ===============================
   PREMIUM CONTACT FORM (FINAL)
=============================== */

/* FORM WRAPPER */
.mx-form-wrap .fm-form{
  width:100%;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:2.5rem;
  background:rgba(255,255,255,0.04);
  
}

/* LABEL */
.mx-form-wrap .wdform-label{
  font-family:'DM Mono',monospace;
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}

/* REQUIRED STAR */
.mx-form-wrap .wdform-required{
  color:#c9a96e;
  margin-left:4px;
}

/* INPUT + TEXTAREA */
.mx-form-wrap input,
.mx-form-wrap textarea{
  width:100%;
  padding:.9rem 1rem;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#ffffff;
  font-size:.9rem;
  font-family:'Outfit',sans-serif;
  transition:all .25s ease;
}

/* PLACEHOLDER */
.mx-form-wrap input::placeholder,
.mx-form-wrap textarea::placeholder{
  color:rgba(255,255,255,.25);
}

/* FOCUS */
.mx-form-wrap input:focus,
.mx-form-wrap textarea:focus{
  outline:none;
  border-color:#c9a96e;
  background:rgba(201,169,110,.08);
  box-shadow:0 0 0 1px rgba(201,169,110,.2);
}

/* SPACING */
.mx-form-wrap .wdform_row{
  margin-bottom:1.3rem;
}

/* TEXTAREA */
.mx-form-wrap textarea{
  min-height:140px !important;
  resize:vertical;
}

/* BUTTON */
.mx-form-wrap .button-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.9rem 2.2rem;
  background:#9a7a45;
  color:#ffffff;
  border:none;
  border-radius:8px;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:all .25s ease;
}

/* BUTTON HOVER */
.mx-form-wrap .button-submit:hover{
  background:#c9a96e;
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(201,169,110,.3);
}

/* BUTTON ACTIVE */
.mx-form-wrap .button-submit:active{
  transform:scale(.97);
}

/* REMOVE RESET BUTTON */
.mx-form-wrap .button-reset{
  display:none !important;
}

/* ===============================
   RESPONSIVE FIX
=============================== */

/* Tablet */
@media(max-width:1024px){

  .mx-form-wrap .fm-form{
    padding:2rem;
    border-radius:16px;
  }

  .mx-form-wrap input,
  .mx-form-wrap textarea{
    font-size:.9rem;
  }

}

/* Mobile */
@media(max-width:768px){

  .contact-grid{
    display:block !important;
  }

  .mx-form-wrap .fm-form{
    padding:1.6rem;
    margin-top:2rem;
    border-radius:14px;
  }

  .mx-form-wrap input,
  .mx-form-wrap textarea{
    padding:.8rem .9rem;
  }

  .mx-form-wrap .button-submit{
    width:100%;
    padding:.9rem;
    font-size:.75rem;
  }

}

/* Small Mobile */
@media(max-width:480px){

  .mx-form-wrap .fm-form{
    padding:1.4rem;
  }

  .mx-form-wrap .wdform_row{
    margin-bottom:1.1rem;
  }

  .mx-form-wrap input,
  .mx-form-wrap textarea{
    padding:.75rem .85rem;
  }

}

a:hover, a:focus {
    color: #14532d;
}