.elementor-1495 .elementor-element.elementor-element-ac1ef49{--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-1495 .elementor-element.elementor-element-b64d82e{--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-1495 .elementor-element.elementor-element-95d2b32{width:auto;max-width:auto;text-align:start;}.elementor-1495 .elementor-element.elementor-element-95d2b32.elementor-element{--align-self:flex-start;}.elementor-1495 .elementor-element.elementor-element-95d2b32 img{width:100%;height:45px;}.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-1495 .elementor-element.elementor-element-53b1a0c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1495 .elementor-element.elementor-element-53b1a0c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1495 .elementor-element.elementor-element-53b1a0c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1495 .elementor-element.elementor-element-53b1a0c .elementor-icon-list-text{transition:color 0.3s;}.elementor-1495 .elementor-element.elementor-element-97eaab2{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1495 .elementor-element.elementor-element-20031b5{--display:flex;}.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 );}.elementor-1495 .elementor-element.elementor-element-f603416 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;font-style:normal;letter-spacing:2px;color:var( --e-global-color-688e3cc );}.elementor-1495 .elementor-element.elementor-element-4036a2c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:400;font-style:normal;color:var( --e-global-color-a7f553f );}.elementor-1495 .elementor-element.elementor-element-2f6b5d6{text-align:center;}.elementor-1495 .elementor-element.elementor-element-d6cff78{--display:flex;}.elementor-1495 .elementor-element.elementor-element-df50e52 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;font-style:normal;letter-spacing:2px;color:var( --e-global-color-688e3cc );}.elementor-1495 .elementor-element.elementor-element-4126ae1 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1495 .elementor-element.elementor-element-4126ae1 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:400;font-style:normal;color:var( --e-global-color-a7f553f );}.elementor-1495 .elementor-element.elementor-element-d2259e0 > .elementor-widget-container{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1495 .elementor-element.elementor-element-9af13f0{text-align:center;}@media(max-width:767px){.elementor-1495 .elementor-element.elementor-element-4036a2c .elementor-heading-title{font-size:32px;}.elementor-1495 .elementor-element.elementor-element-4126ae1 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for html, class: .elementor-element-b86ab6d *//* Posisi relatif untuk area password UM */
.um-register .um-field-type_password .um-field-area,
.um-register .um-field-type_password .um-field-area .um-field-value {
    position: relative !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9af13f0 *//* ====================================================
   FIX COLOR LINK SWITCHER & GUEST LINK
   ==================================================== */

/* 1. Paksa Teks "Masuk di sini" Berwarna Emas GlowMerald */
#form-register .switch-to-login,
#form-register a.switch-to-login,
.auth-switch a {
  color: #C5A059 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#form-register .switch-to-login:hover,
#form-register a.switch-to-login:hover,
.auth-switch a:hover {
  color: #A0751F !important;
  text-decoration: underline !important;
}

/* 2. Styling Tautan "Lanjut sebagai tamu" */
.auth-guest,
#form-register a.auth-guest {
  display: block !important;
  text-align: center !important;
  margin-top: 10px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.8rem !important;
  color: #8C8275 !important;
  text-decoration: underline !important;
}

.auth-guest:hover,
#form-register a.auth-guest:hover {
  color: #2C2C2A !important;
}/* End custom CSS */
/* Start custom CSS *//* ====================================================
   1. KERANGKA SPLIT SCREEN & LAYOUT UTAMA
   ==================================================== */
@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');

.auth-page {
  display: flex !important;
  min-height: 100vh !important;
  width: 100% !important;
  margin: 0 !important;
}

.auth-visual {
  width: 45% !important;
  background-color: #123E2A !important;
  color: #FDFBF7 !important;
  padding: 60px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
  overflow: hidden !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;
  margin: 0 !important;
}

.auth-perks li {
  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;
}

.auth-form-wrap {
  width: 55% !important;
  background-color: #FDFBF7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 20px !important;
  box-sizing: border-box !important;
}

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

/* Jarak Judul & Subtitle */
.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-top: 0 !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-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.25 !important;
}

.auth-lead {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important;
  color: #777 !important;
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  line-height: 1.5 !important;
}

/* ====================================================
   2. FORM INPUT & LABEL (LOGIN & REGISTER)
   ==================================================== */
.elementor-field-group 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;
}

.elementor-field-group input[type="text"],
.elementor-field-group input[type="email"],
.elementor-field-group input[type="password"] {
  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-shadow: none !important;
}

.elementor-field-group input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FFFDF8 inset !important;
  -webkit-text-fill-color: #333333 !important;
}

/* Button Submit */
.elementor-button {
  width: 100% !important;
  background-color: #C5A059 !important;
  padding: 14px !important;
  border-radius: 4px !important;
  border: none !important;
}

.elementor-button .elementor-button-text {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  color: #2C2C2A !important;
}

/* ====================================================
   3. FORCE FIX TOTAL CHECKBOX REGISTER (PEMBUNUH BUG)
   ==================================================== */
#form-register {
  display: none;
}

/* Matikan float bawaan Elementor */
#form-register .elementor-field-type-checkbox *,
#form-register .elementor-field-type-acceptance * {
  float: none !important;
}

/* Bikin wrapper checkbox & label sejajar horizontal */
#form-register .elementor-field-subgroup,
#form-register .elementor-field-option {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Paksa Checkbox berbentuk kotak presisi di kiri */
#form-register input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  cursor: pointer !important;
}

/* Teks Syarat dan Ketentuan di Kanan Checkbox */
#form-register .elementor-field-subgroup label,
#form-register .elementor-field-option label,
#form-register .elementor-field-type-checkbox label,
#form-register .elementor-field-type-acceptance label {
  display: inline !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.8rem !important;
  color: #666666 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Link Emas di dalam S&K */
#form-register .elementor-field-type-checkbox a,
#form-register .elementor-field-type-acceptance a {
  color: #C5A059 !important;
  text-decoration: underline !important;
}

/* ====================================================
   4. LINK BOTTOM SWITCHER
   ==================================================== */
.auth-switch {
  margin-top: 22px !important;
  margin-bottom: 8px !important;
  text-align: center !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  color: #666666 !important;
}

.auth-switch a {
  color: #C5A059 !important;
  font-weight: 600 !important;
}

.auth-guest, a.auth-guest {
  display: block !important;
  text-align: center !important;
  margin-top: 6px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.8rem !important;
  color: #8C8275 !important;
  text-decoration: underline !important;
}

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


/* ====================================================
   FIX TERAKHIR: INGAT SAYA & EYEBROW REGISTER
   ==================================================== */

/* 1. PAKSA UBAH "REMEMBER ME" JADI "INGAT SAYA" */
.elementor-widget-login .elementor-field-type-checkbox label,
.elementor-widget-login .elementor-field-type-checkbox .elementor-field-option label {
  font-size: 0 !important; /* Sembunyiin teks asli 'Remember me' */
  visibility: hidden !important;
}

.elementor-widget-login .elementor-field-type-checkbox label::before,
.elementor-widget-login .elementor-field-type-checkbox .elementor-field-option label::before {
  content: "Ingat saya" !important; /* Ganti pakai teks Indonesia */
  font-size: 0.85rem !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #4A4A4A !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  visibility: visible !important;
  display: inline-block !important;
  margin-left: 6px !important;
}

/* 2. FIX JARAK EYEBROW & JUDUL KHUSUS FORM REGISTER */
#form-register .auth-eyebrow,
#form-register .auth-eyebrow .elementor-heading-title,
#form-register .elementor-widget-heading.auth-eyebrow {
  margin-top: 0 !important;
  margin-bottom: 12px !important; /* Bikin jarak bernafas ke Judul */
  line-height: 1.2 !important;
}

#form-register .auth-title,
#form-register .auth-title .elementor-heading-title,
#form-register .elementor-widget-heading.auth-title {
  margin-top: 0 !important;
  margin-bottom: 14px !important; /* Jarak pas ke subtitle/lead */
  line-height: 1.25 !important;
}

#form-register .auth-lead,
#form-register .auth-lead .elementor-heading-title {
  margin-top: 0 !important;
  margin-bottom: 28px !important; /* Jarak pas ke input form pertama */
}


/* ====================================================
   FORCE FIX JARAK EYEBROW TO TITLE (REGISTER & LOGIN)
   ==================================================== */

/* 1. Reset Total Margin Bawaan Elementor pada Eyebrow */
.auth-eyebrow,
.auth-eyebrow .elementor-heading-title,
#form-register .auth-eyebrow,
#form-register .auth-eyebrow .elementor-heading-title {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important; /* Paksa beri jarak ke bawah */
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

/* 2. Paksa Title di Bawahnya untuk Turun & Gak Nempel ke Atas */
.auth-title,
.auth-title .elementor-heading-title,
#form-register .auth-title,
#form-register .auth-title .elementor-heading-title {
  display: block !important;
  margin-top: 14px !important; /* Dorong title turun kebawah */
  margin-bottom: 12px !important;
  line-height: 1.25 !important;
}


/* ====================================================
   FIX BUTTON HOVER, TEKS "MASUK", & FOCUS DEEP GOLD
   ==================================================== */

/* 1. INPUT FIELD FOCUS & FILLED (WARNA DEEP GOLD) */
.elementor-field-group input[type="text"]:focus,
.elementor-field-group input[type="email"]:focus,
.elementor-field-group input[type="password"]:focus,
.elementor-widget-login input[type="text"]:focus,
.elementor-widget-login input[type="password"]:focus {
  background-color: #FFFDF8 !important;
  border-color: #C5A059 !important; /* Border Deep Gold */
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.25) !important; /* Glow Effect Deep Gold */
}

/* 2. PAKSA TEKS TOMBOL LOGIN JADI "MASUK" */
.elementor-widget-login .elementor-button .elementor-button-text {
  font-size: 0 !important;
  visibility: hidden !important;
}

.elementor-widget-login .elementor-button .elementor-button-text::after {
  content: "MASUK" !important;
  font-size: 0.85rem !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  color: #2C2C2A !important;
  visibility: visible !important;
  display: block !important;
  transition: all 0.3s ease !important;
}

/* 3. HOVER EFFECT TOMBOL (LOGIN & REGISTER) */
.elementor-button {
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

/* Hover State Tombol Utama */
.elementor-button:hover {
  background-color: #A0751F !important; /* Gold Gelap Pas Hover */
}

/* Hover State khusus Teks Tombol Login */
.elementor-widget-login .elementor-button:hover .elementor-button-text::after {
  color: #FFFFFF !important; /* Teks berubah putih pas hover */
}

/* Hover State Teks Tombol Form Biasa / Register */
.elementor-button:hover .elementor-button-text {
  color: #FFFFFF !important;
}

/* ====================================================
   FIX BACKGROUND BIRU AUTOFILL (BROWSER OVERRIDE)
   ==================================================== */

/* 1. Tahan Background Krem & Warna Teks Saat Autofill/Diklik */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #FFFDF8 inset !important; /* Timpa warna biru dengan krem */
  -webkit-text-fill-color: #333333 !important; /* Warna teks tetep abu gelap */
  transition: background-color 5000s ease-in-out 0s !important;
}

/* 2. Pastikan Border & Glow Deep Gold Tetep Nyala Pas Focus */
.elementor-field-group input:-webkit-autofill:focus,
.elementor-widget-login input:-webkit-autofill:focus {
  border-color: #C5A059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.25), inset 0 0 0 1000px #FFFDF8 !important;
}

/* --- RESET CONTAINER UM --- */
.um-register .um {
    max-width: 100% !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* --- PAKSA ELEMEN WRAPPER SUBMIT AGAR MUNCUL --- */
.um-register .um-col-alt,
.um-register .um-field-submit,
.um-register div.um-field-submit {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin-top: 15px !important;
}

/* --- PAKSA TOMBOL UTAMA (BUAT AKUN) AGAR TAMPIL --- */
.um-register input[type="submit"],
.um-register input[type="submit"].um-button,
.um-register .um-btn-submit {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #c9a25d !important; /* Gold */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 14px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.um-register input[type="submit"]:hover {
    background-color: #b8860b !important; /* Deep Gold saat hover */
}

/* --- HIDE HANYA LINK/TOMBOL LOGIN SEKUNDER --- */
.um-register a.um-button.um-alt,
.um-register .um-button.um-alt {
    display: none !important;
}

/* --- LABEL INPUT (UPPERCASE) --- */
.um-register .um-field-label label {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    color: #8c857b !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

/* --- TAMPILAN AWAL INPUT BOX --- */
.um-register .um-field-area input[type="text"],
.um-register .um-field-area input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    color: #374151 !important;
    height: auto !important;
    outline: none !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* --- EFEK BORDER DEEP GOLD SAAT DIKLIK (FOCUS) --- */
.um-register .um-field-area input[type="text"]:focus,
.um-register .um-field-area input[type="password"]:focus {
    border-color: #b8860b !important;
    box-shadow: 0 0 0 1px #b8860b !important;
    outline: none !important;
}

/* --- CHECKBOX S&K --- */
.um-register .um-field-type_checkbox .um-field-area {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.um-register .um-field-type_checkbox label {
    font-size: 12px !important;
    color: #6b7280 !important;
    line-height: 1.4 !important;
}

/* --- POSISI CONTAINER TOGGLE PASSWORD --- */
.um-register .um-field-type_password .um-field-area {
    position: relative !important;
}

/* ==========================================
   STYLING FORM LOGIN ULTIMATE MEMBER (UM)
   ========================================== */

/* RESET CONTAINER LOGIN */
.um-login .um {
    max-width: 100% !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* HIDE TOMBOL SEKUNDER / REGISTER BAWAAN UM LOGIN */
.um-login .um-button.um-alt, 
.um-login .um-col-alt,
.um-login a.um-button.um-alt {
    display: none !important;
}

/* LABEL INPUT (USERNAME / EMAIL & KATA SANDI) */
.um-login .um-field-label label {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    color: #8c857b !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

/* TAMPILAN AWAL INPUT BOX LOGIN */
.um-login .um-field-area input[type="text"],
.um-login .um-field-area input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    color: #374151 !important;
    height: auto !important;
    outline: none !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* EFEK BORDER DEEP GOLD SAAT DIKLIK (FOCUS) */
.um-login .um-field-area input[type="text"]:focus,
.um-login .um-field-area input[type="password"]:focus {
    border-color: #b8860b !important;
    box-shadow: 0 0 0 1px #b8860b !important;
    outline: none !important;
}

/* PLACEHOLDER */
.um-login .um-field-area input::placeholder {
    color: #b0b0b0 !important;
    font-size: 13px !important;
}

/* CHECKBOX "INGAT SAYA" / "REMEMBER ME" */
.um-login .um-field-type_checkbox .um-field-area {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.um-login .um-field-type_checkbox label {
    font-size: 12px !important;
    color: #6b7280 !important;
}

/* LINK "LUPA PASSWORD?" / "FORGOT PASSWORD?" */
.um-login .um-field-area-response a,
.um-login a.um-link {
    color: #c9a25d !important;
    font-size: 12px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.um-login .um-field-area-response a:hover {
    color: #b8860b !important;
    text-decoration: underline !important;
}

/* TOMBOL MASUK / LOGIN (DEEP GOLD) */
.um-login input[type="submit"],
.um-login input[type="submit"].um-button,
.um-login .um-btn-submit {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #c9a25d !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 14px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    margin-top: 15px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

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

/* POSISI RELATIVE UNTUK AREA PASSWORD */
.um-login .um-field-type_password .um-field-area {
    position: relative !important;
}

/* --- PAKSA KONTANER TOMBOL SUBMIT LOGIN UNTUK TAMPIL --- */
.um-login .um-col-alt,
.um-login .um-field-submit,
.um-login div.um-field-submit,
.um-login .um-button-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin-top: 15px !important;
}

/* --- PAKSA ELEMENT TOMBOL UTAMA LOGIN TAMPIL SAMA SEPERTI FORM REGISTER --- */
.um-login input[type="submit"],
.um-login input[type="submit"].um-button,
.um-login .um-btn-submit,
.um-login button[type="submit"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #c9a25d !important; /* Gold */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 14px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.um-login input[type="submit"]:hover,
.um-login button[type="submit"]:hover {
    background-color: #b8860b !important; /* Deep Gold saat hover */
}/* End custom CSS */