
/* =========================================================
   RENZA — PREMIUM REQUEST A CREW
   ELEMENTOR HTML WIDGET SAFE
   ========================================================= */

.rzrequest-premium{
  --rzrq-bg:#F7F6F2;
  --rzrq-white:#FFFFFF;
  --rzrq-navy:#14162F;
  --rzrq-brand:#25265F;
  --rzrq-orange:#F39A1F;
  --rzrq-orange2:#FFAD24;
  --rzrq-text:#17191F;
  --rzrq-muted:#6B6E75;
  --rzrq-line:rgba(20,22,47,.12);

  position:relative;
  overflow:hidden;

  padding:clamp(90px,8vw,130px) 0;

  background:
    linear-gradient(
      180deg,
      #F7F6F2 0%,
      #FFFFFF 100%
    );

  font-family:Inter,Arial,sans-serif;
  color:var(--rzrq-text);

  isolation:isolate;
}

.rzrequest-premium *{
  box-sizing:border-box;
}

.rzrequest-premium a{
  color:inherit;
  text-decoration:none;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.rzrequest-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;

  background-image:
    linear-gradient(
      rgba(20,22,47,.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(20,22,47,.018) 1px,
      transparent 1px
    );

  background-size:90px 90px;
}

.rzrequest-premium::after{
  content:"";
  position:absolute;

  left:-260px;
  bottom:-280px;

  width:650px;
  height:650px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(243,154,31,.10),
      rgba(243,154,31,.025) 42%,
      transparent 72%
    );

  z-index:-2;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.rzrequest-premium__wrap{
  width:min(1380px,92%);
  margin:auto;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.rzrequest-premium__grid{
  display:grid;

  grid-template-columns:
    .82fr 1.18fr;

  gap:24px;

  align-items:stretch;
}


/* =========================================================
   INTRO PANEL
   ========================================================= */

.rzrequest-premium__intro{
  position:relative;

  min-height:100%;

  padding:
    clamp(42px,4.5vw,64px);

  background:
    linear-gradient(
      145deg,
      #14162F 0%,
      #20235A 100%
    );

  color:#fff;

  overflow:hidden;
}

.rzrequest-premium__intro::before{
  content:"";
  position:absolute;

  width:430px;
  height:430px;

  right:-210px;
  top:-210px;

  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
}

.rzrequest-premium__intro::after{
  content:"";
  position:absolute;

  left:0;
  bottom:0;

  width:100%;
  height:4px;

  background:
    linear-gradient(
      90deg,
      var(--rzrq-orange),
      var(--rzrq-orange2)
    );
}


/* EYEBROW */

.rzrequest-premium__eyebrow{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  gap:11px;

  margin-bottom:22px;

  font-size:10px;
  font-weight:750;
  letter-spacing:.20em;
  text-transform:uppercase;

  color:var(--rzrq-orange2);
}

.rzrequest-premium__eyebrow::before{
  content:"";
  width:36px;
  height:2px;

  background:var(--rzrq-orange2);
}


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

.rzrequest-premium__title{
  position:relative;
  z-index:2;

  margin:0;

  max-width:600px;

  font-family:
    "Barlow Condensed",
    "Arial Narrow",
    Arial,
    sans-serif;

  font-size:40px;

  line-height:.87;
  font-weight:800;
  letter-spacing:-.025em;
  text-transform:uppercase;

  /* MAIN HEADING COLOR */
  color:#FFFFFF;
}

.rzrequest-premium__title span{
  /* ACCENT HEADING COLOR */
  color:#FFAD24;
}


/* LEAD */

.rzrequest-premium__lead{
  position:relative;
  z-index:2;

  margin:24px 0 0;

  max-width:510px;

  font-size:15px;
  line-height:1.72;

  color:rgba(255,255,255,.70);
}


/* =========================================================
   REQUEST CHECKLIST
   ========================================================= */

.rzrequest-premium__checklist{
  position:relative;
  z-index:2;

  margin-top:34px;

  display:grid;
  gap:13px;
}

.rzrequest-premium__check{
  display:flex;
  align-items:center;
  gap:13px;

  padding-bottom:13px;

  border-bottom:
    1px solid rgba(255,255,255,.10);

  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;

  color:rgba(255,255,255,.83);
}

.rzrequest-premium__check i{
  width:24px;
  height:24px;

  flex:0 0 24px;

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

  background:rgba(243,154,31,.13);

  border:1px solid rgba(243,154,31,.36);

  color:var(--rzrq-orange2);

  font-style:normal;
  font-size:12px;
}


/* =========================================================
   CONTACT AREA
   ========================================================= */

.rzrequest-premium__contact{
  position:relative;
  z-index:2;

  margin-top:42px;

  padding-top:28px;

  border-top:
    1px solid rgba(255,255,255,.13);
}

.rzrequest-premium__contact-label{
  margin-bottom:13px;

  font-size:9px;
  font-weight:750;
  letter-spacing:.16em;
  text-transform:uppercase;

  color:rgba(255,255,255,.45);
}

.rzrequest-premium__contact a{
  display:block;

  margin-top:8px;

  font-family:
    "Barlow Condensed",
    Arial,
    sans-serif;

  font-size:22px;
  line-height:1;

  font-weight:700;

  color:#fff;

  transition:color .25s ease;
}

.rzrequest-premium__contact a:hover{
  color:var(--rzrq-orange2);
}


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

.rzrequest-premium__form-card{
  padding:
    clamp(34px,4vw,56px);

  background:#fff;

  border:1px solid var(--rzrq-line);

  box-shadow:
    0 28px 70px rgba(20,22,47,.08);
}


/* FORM TOP */

.rzrequest-premium__form-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;

  margin-bottom:30px;

  padding-bottom:24px;

  border-bottom:
    1px solid var(--rzrq-line);
}

.rzrequest-premium__form-top h3{
  margin:0;

  font-family:
    "Barlow Condensed",
    Arial,
    sans-serif;

  font-size:24px;

  line-height:.95;

  text-transform:uppercase;

  color:var(--rzrq-navy);
}

.rzrequest-premium__form-top span{
  font-size:9px;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;

  color:var(--rzrq-orange);
}


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

.rzrequest-premium__form-grid{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:18px;
}

.rzrequest-premium__field{
  display:flex;
  flex-direction:column;
}

.rzrequest-premium__field.full{
  grid-column:1 / -1;
}


/* LABEL */

.rzrequest-premium__field label{
  margin-bottom:8px;

  font-size:9px;
  font-weight:750;

  letter-spacing:.11em;
  text-transform:uppercase;

  color:var(--rzrq-navy);
}


/* INPUTS */

.rzrequest-premium__field input,
.rzrequest-premium__field select,
.rzrequest-premium__field textarea{
  width:100%;

  min-height:52px;

  padding:13px 15px;

  border:
    1px solid
    rgba(20,22,47,.14);

  border-radius:4px;

  background:#FBFAF7;

  color:var(--rzrq-text);

  font-family:Inter,Arial,sans-serif;
  font-size:14px;

  outline:none;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.rzrequest-premium__field textarea{
  min-height:135px;
  resize:vertical;
}


/* PLACEHOLDER */

.rzrequest-premium__field input::placeholder,
.rzrequest-premium__field textarea::placeholder{
  color:#9B9DA2;
}


/* FOCUS */

.rzrequest-premium__field input:focus,
.rzrequest-premium__field select:focus,
.rzrequest-premium__field textarea:focus{
  background:#fff;

  border-color:
    rgba(243,154,31,.75);

  box-shadow:
    0 0 0 3px
    rgba(243,154,31,.09);
}


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

.rzrequest-premium__submit{
  margin-top:24px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.rzrequest-premium__submit-note{
  max-width:360px;

  font-size:10px;
  line-height:1.55;

  color:var(--rzrq-muted);
}

.rzrequest-premium__button{
  min-height:54px;

  padding:15px 26px;

  border:0;

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

  gap:14px;

  cursor:pointer;

  background:
    linear-gradient(
      135deg,
      var(--rzrq-orange),
      var(--rzrq-orange2)
    );

  color:#16110A;

  font-family:Inter,Arial,sans-serif;

  font-size:10px;
  font-weight:800;

  letter-spacing:.11em;
  text-transform:uppercase;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.rzrequest-premium__button:hover{
  transform:translateY(-3px);

  box-shadow:
    0 16px 35px
    rgba(243,154,31,.25);
}


/* =========================================================
   REVEAL
   ========================================================= */

.rzrequest-premium__reveal{
  opacity:0;
  transform:translateY(24px);

  transition:
    opacity .75s ease,
    transform .75s ease;
}

.rzrequest-premium__reveal.is-visible{
  opacity:1;
  transform:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

  .rzrequest-premium__grid{
    grid-template-columns:1fr;
  }

}


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

@media(max-width:700px){

  .rzrequest-premium{
    padding:72px 0;
  }

  .rzrequest-premium__wrap{
    width:calc(100% - 30px);
  }

  .rzrequest-premium__intro{
    padding:38px 24px;
  }

  .rzrequest-premium__title{
    font-size:25px;
    line-height:1.05;
    font-weight:800;
  }

  .rzrequest-premium__form-card{
    padding:30px 20px;
  }

  .rzrequest-premium__form-top h3{
    font-size:20px;
    line-height:1.05;
    font-weight:800;
  }

  .rzrequest-premium__contact a{
    font-size:20px;
    line-height:1.05;
  }

  .rzrequest-premium__form-grid{
    grid-template-columns:1fr;
  }

  .rzrequest-premium__field.full{
    grid-column:auto;
  }

  .rzrequest-premium__form-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .rzrequest-premium__submit{
    flex-direction:column;
    align-items:stretch;
  }

  .rzrequest-premium__button{
    width:100%;
  }

}


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

@media(prefers-reduced-motion:reduce){

  .rzrequest-premium__reveal{
    opacity:1;
    transform:none;
    transition:none;
  }

}

.wpmuji-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
.wpmuji-form-status{display:none;margin-top:18px;padding:13px 15px;border-left:3px solid #F39A1F;background:#f7f6f2;font-size:13px;line-height:1.55}
.wpmuji-form-status.is-show{display:block}.wpmuji-form-status.is-error{border-left-color:#b42318;background:#fff3f2;color:#8a1c13}.wpmuji-form-status.is-success{border-left-color:#198754;background:#f1fbf5;color:#146c43}.rzrequest-premium__button[disabled]{opacity:.65;cursor:wait;transform:none!important}

/* Wp Muji AJAX success/error toast */
.wpmuji-toast{position:fixed;top:24px;right:24px;z-index:999999;width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:42px 1fr 28px;gap:12px;align-items:center;padding:16px 16px;background:#fff;border:1px solid rgba(20,22,47,.12);border-left:4px solid #198754;box-shadow:0 18px 55px rgba(20,22,47,.18);font-family:Inter,Arial,sans-serif;color:#17191F;opacity:0;transform:translateY(-12px);pointer-events:none;transition:.3s ease}
.wpmuji-toast.is-visible{opacity:1;transform:none;pointer-events:auto}.wpmuji-toast.is-error{border-left-color:#b42318}.wpmuji-toast-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef9f2;color:#198754;font-weight:900}.wpmuji-toast.is-error .wpmuji-toast-icon{background:#fff0ef;color:#b42318}.wpmuji-toast strong{display:block;color:#14162F;font-size:14px;margin-bottom:3px}.wpmuji-toast div span{display:block;font-size:12px;line-height:1.45;color:#6B6E75}.wpmuji-toast button{border:0;background:transparent;font-size:22px;line-height:1;color:#6B6E75;cursor:pointer;padding:0}.wpmuji-form-mount:empty{min-height:80px}
@media(max-width:700px){.wpmuji-toast{top:14px;right:16px;left:16px;width:auto}}
