.elementor-24354 .elementor-element.elementor-element-668f4120{--display:flex;--min-height:100vh;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:5;}.elementor-24354 .elementor-element.elementor-element-668f4120:not(.elementor-motion-effects-element-type-background), .elementor-24354 .elementor-element.elementor-element-668f4120 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EDEC;}.elementor-24354 .elementor-element.elementor-element-2ff2ddf > .elementor-widget-container{margin:100px 0px 35px 0px;}.elementor-24354 .elementor-element.elementor-element-2ff2ddf{text-align:center;}.elementor-24354 .elementor-element.elementor-element-2ff2ddf .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:600;color:#4A3A33;}.elementor-24354 .elementor-element.elementor-element-196c6615 > .elementor-widget-container{margin:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-196c6615 *//* =========================
FORCE REMOVE DEFAULT UM STYLE
========================= */
.custom-auth-ui .um input,
.custom-auth-ui .um-button {
  all: unset;
}

/* =========================
WRAPPER (keep your popup feel)
========================= */
.custom-auth-ui .um {

  max-width: 420px;
  margin: auto;
  padding: 35px;

  border-radius: 20px;

  background: linear-gradient(
    135deg,
  #d8b58b 0%,
  #e1c9af 35%,
  #efe3d6 70%,
  #fbf7f3 100%
  );

  box-shadow: 
    0 14px 28px rgba(0,0,0,0.25),
    0 10px 10px rgba(0,0,0,0.22);
}


/* =========================
INPUT FIELD (MODERN GOLD STYLE)
========================= */
.custom-auth-ui .um-form input.um-form-field {

  background: linear-gradient(180deg,#f9f5ef 0%,#efe6dc 100%);

  border: 1px solid rgba(210,185,155,0.5) !important;
  border-radius: 14px !important;
  padding: 18px 18px !important;
  min-height: 50px !important;

  box-shadow:
    0 6px 18px rgba(168,140,110,0.28),
    inset 0 1px 3px rgba(0,0,0,0.05) !important;

  transition: all 0.3s ease !important;
}

/* FOCUS */
.custom-auth-ui .um-form input.um-form-field:focus {

  border-color: #c9a67b !important;

  box-shadow:
    0 0 0 3px rgba(201,166,123,0.25),
    0 12px 30px rgba(168,140,110,0.80) !important;
}

/* BUTTON WRAPPER GAP FIX */
.custom-auth-ui .um-col-alt {
  margin-top: -8px !important;
}

/* =========================
BUTTON (YOUR GOLD STYLE)
========================= */
.custom-auth-ui .um-button {
  display: block;
  width: 100%;
  padding: 16px 20px !important;
  border: 2px solid #b89264 !important;
  border-radius: 14px !important;
 background: linear-gradient(
    180deg,
    #d8b58b 0%,
    #b89264 100%
  ) !important;

  color: #fff !important;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(168,140,110,0.25) !important;
  transition: all 0.3s ease;
}

/* HOVER */
.custom-auth-ui .um-form input.um-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(168,140,110,0.65) !important;
}

/* ACTIVE CLICK */
.custom-auth-ui .um-form input.um-button:active {
  transform: scale(0.98);
}

/* =========================
TEXT ABOVE INPUT
========================= */
.custom-auth-ui .um-form-description {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

/* REDUCE GAP BETWEEN FIELDS */
.custom-auth-ui .um-field {
  margin-bottom: -5px !important;
}


/* =========================
FONT MATCH
========================= */
.custom-auth-ui {
  font-family: 'Poppins', sans-serif;
}

/* BUTTON WRAPPER GAP FIX */
.custom-auth-ui .um-col-alt {
  margin-top: 8px !important;
}


/* APPLE EYE */
.custom-auth-ui .apple-eye {

  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);

  width: 18px;
  height: 18px;

  color: #9a9a9a; /* soft gray */

  opacity: 0.6;
  cursor: pointer;

  transition: all 0.25s ease;
}

/* HOVER (gold like your theme) */
.custom-auth-ui .apple-eye:hover {
  color: #b89264;
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}

/* SVG STYLE (IMPORTANT) */
.custom-auth-ui .apple-eye svg {
  width: 100%;
  height: 100%;

  fill: none !important; /* remove black fill */
  stroke: currentColor !important;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* HIDE BY DEFAULT */
.custom-auth-ui .apple-eye {
  opacity: 0;
  pointer-events: none;
}

/* SHOW WHEN USER TYPES */
.custom-auth-ui .apple-eye.visible {
  opacity: 0.6;
  pointer-events: auto;
}

/* SLASH TOGGLE */
.custom-auth-ui .apple-eye .eye-slash {
  opacity: 0;
}

.custom-auth-ui .apple-eye.active .eye-slash {
  opacity: 1;
}

/* INPUT SPACE */
.custom-auth-ui .um-form input.um-form-field {
  padding-right: 45px !important;
}

/* TOP DESCRIPTION TEXT FIX */
.custom-auth-ui .um-field-block div {

  color: #3c3c3c !important;   /* darker */
  font-weight: 600 !important; /* bold */
  font-size: 16px !important;

  line-height: 1.5;
  text-align: center;

  margin-bottom: 16px !important;
}/* End custom CSS */