.elementor-941 .elementor-element.elementor-element-a5c5307{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-941 .elementor-element.elementor-element-5b4dd20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );}.elementor-941 .elementor-element.elementor-element-0aa04b2{width:auto;max-width:auto;text-align:start;}.elementor-941 .elementor-element.elementor-element-0aa04b2.elementor-element{--align-self:flex-start;}.elementor-941 .elementor-element.elementor-element-0aa04b2 img{height:45px;object-fit:contain;object-position:top left;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-941 .elementor-element.elementor-element-4393ec8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-941 .elementor-element.elementor-element-4393ec8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-941 .elementor-element.elementor-element-4393ec8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-941 .elementor-element.elementor-element-4393ec8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-941 .elementor-element.elementor-element-24b3a90{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-941 .elementor-element.elementor-element-9aaf8ce{--display:flex;--min-height:420px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

/* --- MAIN CONTAINER SPLIT SCREEN --- */
.auth-page {
  display: flex !important;
  min-height: 100vh !important;
  width: 100% !important;
  margin: 0 !important;
}

/* --- KIRI: GREEN BRANDING --- */
.auth-visual {
  width: 45% !important;
  background-color: #123E2A !important;
  color: #FDFBF7 !important;
  padding: 60px !important;
  box-sizing: border-box !important;
}

.auth-quote, .auth-quote .elementor-heading-title {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  font-size: 2.2rem !important;
  line-height: 1.3 !important;
  color: #FDFBF7 !important;
}

.auth-perks {
  list-style: none !important;
  padding: 0 !important;
}

.auth-perks li, .auth-perks .elementor-icon-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important;
  color: #FDFBF7 !important;
}

/* --- KANAN: KREM FORM CONTAINER --- */
.auth-form-wrap {
  width: 55% !important;
  background-color: #FDFBF7 !important;
  padding: 60px !important;
  box-sizing: border-box !important;
}

.auth-form {
  width: 100% !important;
  max-width: 420px !important;
}

.auth-eyebrow, .auth-eyebrow .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #C5A059 !important;
  margin-bottom: 8px !important;
}

.auth-title, .auth-title .elementor-heading-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  margin: 0 0 6px 0 !important;
}

.auth-lead, .auth-lead .elementor-widget-container {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important;
  color: #777 !important;
  margin-bottom: 25px !important;
}

/* ====================================================
   OVERRIDE MODIFIKASI SHORTCODE ULTIMATE MEMBER (UM)
   ==================================================== */

/* Clean UM Container */
.um-login .um {
  max-width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Styling Label Input UM */
.um-login .um-field-label label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #8C8275 !important;
  margin-bottom: 6px !important;
  display: block !important;
  font-weight: 500 !important;
}

/* Input Fields UM (Username & Password) */
.um-login .um-field-area input[type="text"],
.um-login .um-field-area input[type="password"] {
  width: 100% !important;
  background-color: #FFFDF8 !important;
  border: 1px solid #D1C9BD !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important;
  color: #333333 !important;
  box-sizing: border-box !important;
  outline: none !important;
  height: auto !important;
  transition: all 0.2s ease !important;
}

/* Focus State Input UM (Emas Glow) */
.um-login .um-field-area input[type="text"]:focus,
.um-login .um-field-area input[type="password"]:focus {
  border-color: #C5A059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.25) !important;
}

/* Checkbox "Ingat Saya" UM */
.um-login .um-field-type_checkbox label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  color: #555555 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}

.um-login .um-field-type_checkbox input[type="checkbox"] {
  accent-color: #C5A059 !important;
  width: 16px !important;
  height: 16px !important;
}

/* Link Lupa Password di Form UM */
.um-login .um-field-area-response a,
.um-login a.um-link {
  color: #C5A059 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.um-login a.um-link:hover {
  text-decoration: underline !important;
}

/* Tombol Submit UM (Masuk) */
.um-login .um-col-alt, 
.um-login .um-field-submit {
  margin-top: 15px !important;
}

.um-login input[type="submit"].um-button,
.um-login input[type="submit"] {
  width: 100% !important;
  background-color: #C5A059 !important;
  color: #2C2C2A !important;
  padding: 14px !important;
  border-radius: 4px !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.um-login input[type="submit"].um-button:hover,
.um-login input[type="submit"]:hover {
  background-color: #A0751F !important;
  color: #FFFFFF !important;
}

/* Sembunyikan Tombol Register Bawaan UM (Karena Lu Udah Punya Link Custom di Bawah) */
.um-login a.um-button.um-alt {
  display: none !important;
}

/* Override Blue Background Browser Autofill */
.um-login input:-webkit-autofill,
.um-login input:-webkit-autofill:hover, 
.um-login input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #FFFDF8 inset !important;
  -webkit-text-fill-color: #333333 !important;
}

/* Responsive Tablet & HP */
@media (max-width: 1024px) {
  .auth-visual { display: none !important; }
  .auth-form-wrap { width: 100% !important; min-height: 100vh !important; padding: 40px 24px !important; }
}

/* FORCE OVERRIDE COLOR LINK (MENGELIMINASI WARNA BIRU BAWAAN) */
.auth-form-wrap a,
.auth-form a,
.auth-switch a,
.auth-switch a:visited,
.auth-switch a:link {
  color: #C5A059 !important; /* Warna Emas GlowMerald */
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.auth-switch a:hover {
  color: #A0751F !important; /* Warna Emas Gelap saat Hover */
  text-decoration: underline !important;
}

/* LINK LANJUT SEBAGAI TAMU */
.auth-guest,
.auth-guest:visited,
.auth-guest:link {
  display: block !important;
  text-align: center !important;
  margin-top: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.8rem !important;
  color: #8C8275 !important; /* Abu-abu Krem Elegan */
  text-decoration: underline !important;
  transition: all 0.2s ease !important;
}

.auth-guest:hover {
  color: #1a1a1a !important; /* Berubah Hitam saat Hover */
}

/* Styling & Posisi Tombol Lihat/Sembunyikan di Form UM */
.um-login .pw-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.um-login .pw-toggle {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  color: #C5A059 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  padding: 0 !important;
  z-index: 5 !important;
}

/* Beri ruang di kanan input agar teks tidak menabrak tombol */
.um-login .pw-wrap input[type="password"],
.um-login .pw-wrap input[type="text"] {
  padding-right: 110px !important;
}

/* Teks 'Daftar Sekarang' Rata Tengah */
.auth-switch {
  margin-top: 24px !important;
  text-align: center !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  color: #666666 !important;
}

.auth-switch a,
.auth-switch a:visited,
.auth-switch a:link {
  color: #C5A059 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.auth-switch a:hover {
  color: #A0751F !important;
  text-decoration: underline !important;
}

/* Container & Link 'Lanjut Sebagai Tamu' Rata Kiri */
.auth-guest-wrap {
  display: flex !important;
  justify-content: flex-start !important; /* Memaksa ke sebelah kiri */
  width: 100% !important;
  margin-top: 16px !important;
}

.auth-guest,
.auth-guest:visited,
.auth-guest:link {
  display: inline-block !important;
  text-align: left !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.8rem !important;
  color: #8C8275 !important;
  text-decoration: underline !important;
  transition: all 0.2s ease !important;
}

.auth-guest:hover {
  color: #1a1a1a !important;
}

/* --- 1. MATIKAN MARGIN & LINK BAWAAN UM YANG BIKIN JARAK BAWAH JAUH --- */
.um-login .um-col-alt a,
.um-login a.um-link-alt,
.um-login .um-post-fields + div a {
  display: none !important;
}

.um-login form {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Jarak tombol MASUK ke elemen bawah */
.um-login .um-col-alt {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  padding: 0 !important;
}

/* --- 2. PAKSA KOTAK CHECKBOX + INGAT SAYA NEMPEL RAPI DI KIRI --- */
.um-login .um-field-checkbox {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 10px 0 20px 0 !important;
  padding: 0 !important;
}

/* Gabungkan kotak centang dan tulisan 'Ingat saya' dalam 1 baris rapat */
.um-login .um-field-checkbox-option {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important; /* Jarak pas antara kotak & teks */
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  color: #777777 !important;
}

/* Posisikan icon/box checkbox agar nempel di sebelah teks */
.um-login .um-field-checkbox-state {
  display: inline-block !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
}

/* --- 3. TEMPELKAN 'Lupa sandi?' DI KANAN SEJAJAR --- */
.um-login .um-field-checkbox::after {
  content: 'Lupa sandi?' !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  color: #C5A059 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  margin-left: auto !important;
}

/* --- 4. RAPATKAN JARAK NAVIGASI BAWAH --- */
.auth-switch {
  margin-top: 10px !important;
  margin-bottom: 8px !important;
  font-size: 0.85rem !important;
}

.auth-guest-wrap {
  margin-top: 0 !important;
  font-size: 0.85rem !important;
}/* End custom CSS */