/* ============================================================
   CONTACT PAGE STYLES — Jimzip
   Matches existing modal + form aesthetic
   ============================================================ */


/* ===== PAGE LAYOUT ===== */

.jmz-contact-page{
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 16px 60px;
}

.jmz-contact-panel{
  width: min(92vw, 570px);
  margin: 24px auto 0;

  background-color: #f2f2f2;
  border: 1px solid #999;
  border: 7px solid rgba(220,220,220,0.3);
  border-radius: 16px;

  box-shadow: 0 16px 48px rgba(0,0,0,0.18);
  padding-bottom: 18px;
}

.jmz-contact-title{
  font-family: "Averia", "SF Pro Text", "Helvetica", "Arial", sans-serif;
  font-size: 1.8em;
  letter-spacing: -0.05em;
  margin: 0 32px;
  padding: 22px 0 10px;
  font-weight: 400;
  color: #262626;
}


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

.jmz-form{
  display: grid;
  gap: 12px;
  padding: 0;
  background: transparent;
}

.jmz-label{
  display: grid;
  text-align: left;
  gap: 6px;
  margin: 0 32px;

  font-family: "Macan", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #262626;
  letter-spacing: -0.02em;
}


/* ===== INPUTS ===== */

.jmz-input{
  display: block;
  width: 100%;
  box-sizing: border-box;

  font-family: "Macan", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #262626;
  line-height: 1.3;

  padding: 0.6em 1.4em 0.5em 0.8em;

  border: none;
  border-radius: 5px;
  background-color: #fff;

  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  transition: 0.2s;
}

.jmz-input:focus{
  outline: none;
  box-shadow: 0 0 1px 3px rgba(59,153,252,0.7);
}

/* Dropdown arrow consistent with site */
select.jmz-input{
  cursor: pointer;
  background-image: url("../images/dropdown-arrow.png");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
}

select.jmz-input:hover{
  background-color: rgb(245,245,245);
}

.jmz-textarea{
  resize: vertical;
  min-height: 170px;
}


/* ===== BUTTONS ===== */

.jmz-form__actions{
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 15ps;
}

.jmz-btn{
  position: relative;
  top: 0;

  min-width: 150px;
  height: 52px;

  border: none;
  border-radius: 5px;
  cursor: pointer;

  font-family: "Averia", "Times New Roman", serif;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: -0.02em;

  color: #fff;
  transition: 0.2s ease-out;
  text-transform: uppercase;
}

.jmz-btn--primary{
  background-color: #f5bf2d;
  background-image: url("../images/button-texture-01.png");
  background-size: cover;
}

.jmz-btn--primary:hover{
  top: -4px;
  box-shadow: 0 5px 15px rgba(3,3,3,0.25);
}

.jmz-btn--primary:active{
  top: 0;
  box-shadow: none;
}

.jmz-btn--ghost{
  background-color: #a5b0ad;
}

.jmz-btn--ghost:hover{
  background-color: #5fc1a4;
  top: -4px;
  box-shadow: 0 5px 15px rgba(3,3,3,0.25);
}

.jmz-btn--ghost:active{
  top: 0;
  box-shadow: none;
}


/* ===== STATUS / FEEDBACK ===== */

.jmz-form__status{
  margin: 2px 32px 0;
  min-height: 18px;

  font-family: "Macan", "Helvetica", "Arial", sans-serif;
  font-size: 0.95em;
  font-weight: 100;
  color: #262626;
}

/* Disable global dropcap on the feedback line */
#jmzFormStatus::first-letter{
  float: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* ===== HONEYPOT ===== */

.jmz-hp{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}


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

@media (max-width: 600px){

  .jmz-contact-panel{
    width: 92vw;
    margin-top: 12px;
  }

  .jmz-contact-title{
    font-size: 1.9em;
    margin: 0 22px;
    padding: 26px 0 22px;
  }

  .jmz-label{
    margin: 0 22px;
    font-size: 1.1em;
  }

  .jmz-form__actions{
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 6px 32px 0;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
}

  .jmz-form__status{
    margin: 2px 22px 0;
  }

  .jmz-btn{
    font-family: "Averia", "Times New Roman", serif;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    min-width: 42%;
    height: 64px;
    font-size: 1.2em;
  }

  .jmz-textarea{
    min-height: 210px;
  }
}


/* ===== REDUCED MOTION ===== */

@media (prefers-reduced-motion: reduce){
  .jmz-btn,
  .jmz-input{
    transition: none;
  }
}