.elementor-4415 .elementor-element.elementor-element-368e932a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-4415 .elementor-element.elementor-element-368e932a:not(.elementor-motion-effects-element-type-background), .elementor-4415 .elementor-element.elementor-element-368e932a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5e19946 );}@media(max-width:1024px){.elementor-4415 .elementor-element.elementor-element-368e932a{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-4415 .elementor-element.elementor-element-368e932a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-1124f471 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ==========================================================
   BAGIAN 1: HALAMAN BELUM LOGIN (LOGIN & REGISTER SEJAJAR)
   ========================================================== */
   

/* Judul Login & Register di luar kotak */
.woocommerce-account .u-columns.col2-set > h2,
.woocommerce-account .col-1 > h2,
.woocommerce-account .col-2 > h2 {
  font-family: 'Montserrat', sans-serif !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-bottom: 20px !important;
  display: block !important;
  text-align: left !important;
}

/* Tata letak 2 kolom sejajar */
.woocommerce-account .u-columns.col2-set {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  float: none !important;
  width: 100% !important;
}

.woocommerce-account .u-columns.col2-set .col-1,
.woocommerce-account .u-columns.col2-set .col-2 {
  flex: 1 1 450px !important;
  max-width: 480px !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kotak putih form Login & Register */
.woocommerce-account form.login,
.woocommerce-account form.register {
  font-family: 'Montserrat', sans-serif !important;
  background: #ffffff !important;
  padding: 40px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  margin: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Label form */
.woocommerce-account form.login label,
.woocommerce-account form.register label {
  color: #316b83 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Kotak Input */
.woocommerce-account form.login .input-text,
.woocommerce-account form.register .input-text {
  width: 100% !important;
  height: 48px !important;
  padding: 0 45px 0 15px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 6px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.woocommerce-account form.login .input-text:focus,
.woocommerce-account form.register .input-text:focus {
  border-color: #316b83 !important;
  box-shadow: 0 0 0 2px rgba(49, 107, 131, 0.15) !important;
}

/* Posisi Tombol Show/Hide Password */
.woocommerce-account form.login p.form-row,
.woocommerce-account form.register p.form-row {
  position: relative !important;
}

.woocommerce-account .custom-show-pass {
  position: absolute !important;
  right: 15px !important;
  top: 42px !important;
  cursor: pointer !important;
  color: #316b83;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  user-select: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  z-index: 10 !important;
}

/* Teks Privasi & Remember Me */
.woocommerce-account form.register .woocommerce-privacy-policy-text {
  font-size: 12px !important;
  color: #666666 !important;
  margin-top: 15px !important;
  line-height: 1.5 !important;
}

.woocommerce-account form.login .woocommerce-form-login__rememberme {
  float: left !important;
  margin-top: 15px !important;
  font-size: 13px !important;
  color: #555555 !important;
}

.woocommerce-account form.login .lost_password {
  float: right !important;
  margin-top: 15px !important;
  text-align: right !important;
}

.woocommerce-account form.login .lost_password a {
  color: #316b83 ;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* Tombol Login & Register Utama (Warna Teks Putih & Jelas) */
.woocommerce-account form.login .woocommerce-form-login__submit,
.woocommerce-account form.register .woocommerce-Button {
  clear: both !important;
  display: block !important;
  width: 100% !important;
  background-color: #316b83 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  padding: 14px 20px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 25px !important;
  text-align: center !important;
}


/* ==========================================================
   BAGIAN 2: HALAMAN SETELAH LOGIN (DASHBOARD MY ACCOUNT)
   ========================================================== */

.woocommerce-account .woocommerce {
  max-width: 1100px !important;
  margin: 0 auto !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Menu Navigasi Kiri */
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left !important;
  width: 28% !important;
  background: #ffffff !important;
  padding: 25px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 12px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  padding-bottom: 12px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: #316b83;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: block !important;
  font-size: 14px !important;
}

/* Kotak Konten Kanan Dashboard */
.woocommerce-account .woocommerce-MyAccount-content {
  float: right !important;
  width: 68% !important;
  background: #ffffff !important;
  padding: 40px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content span,
.woocommerce-account .woocommerce-MyAccount-content li {
  color: #333333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: #316b83;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Tombol di dalam Dashboard */
.woocommerce-account .woocommerce-MyAccount-content .button {
  background-color: #316b83 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Membersihkan float layout */
.woocommerce-account .woocommerce::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* Responsif Mobile */
@media (max-width: 768px) {
  .woocommerce-account .u-columns.col2-set {
    flex-direction: column !important;
    align-items: center !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cc0222 *//* --- POSISI TOMBOL SHOW/HIDE PASSWORD CUSTOM --- */
.woocommerce-account form.login p.form-row,
.woocommerce-account form.register p.form-row {
  position: relative !important;
}

.woocommerce-account .custom-show-pass {
  position: absolute !important;
  right: 15px !important;
  top: 42px !important;
  cursor: pointer !important;
  color: #316b83 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  user-select: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  z-index: 10 !important;
}

.woocommerce-account .custom-show-pass:hover {
  opacity: 0.8 !important;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {
    background-color: #ffffff00;
   
}/* End custom CSS */