.elementor-1532 .elementor-element.elementor-element-d8fe5cd{--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:center;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-1532 .elementor-element.elementor-element-8d00bce{width:100%;max-width:100%;}.elementor-1532 .elementor-element.elementor-element-f90107a{width:100%;max-width:100%;margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, 
                                .elementor-widget-eael-creative-button .eael-creative-button--winona::after, 
                                .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span,
                                .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1532 .elementor-element.elementor-element-6390a83{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-icon-left svg, 
                    .elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-icon-right svg{rotate:0deg;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-icon-left i,
                    .elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-icon-right i{rotate:0deg;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-icon-right{margin-left:10px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-icon-left{margin-right:10px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button--shikoba i{left:10%;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button i{font-size:17px;color:var( --e-global-color-primary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button svg{height:17px;width:17px;fill:var( --e-global-color-primary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button-wrapper{justify-content:center;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button{width:15%;padding:10px 10px 10px 10px;color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );border-style:none;border-radius:5px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;color:#000000;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;color:#000000;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-primary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button .eael-creative-button--tamaya-secondary{color:var( --e-global-color-primary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--ujarak:hover{background-color:var( --e-global-color-secondary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button.eael-creative-button--wayra:hover{background-color:var( --e-global-color-secondary );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button::before{border-radius:5px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button::after{border-radius:5px;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button:hover i{color:#000000;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button:hover .creative-button-inner svg{fill:#000000;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button:hover{color:#000000;}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button:hover svg{fill:#000000;}@media(max-width:1024px){.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, 
                                .elementor-widget-eael-creative-button .eael-creative-button--winona::after, 
                                .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span,
                                .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, 
                                .elementor-widget-eael-creative-button .eael-creative-button--winona::after, 
                                .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span,
                                .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-primary-font-size );}.elementor-1532 .elementor-element.elementor-element-6390a83 .eael-creative-button{width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-f90107a *//* ============================================================
   FONT
   ============================================================ */
@font-face {
  font-family: "Adrianna";
  src: url("/wp-content/uploads/fonts/Adrianna-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   CONTAINER
   ============================================================ */
#customer_login.u-columns.col2-set {
  display: block !important;
  max-width: 520px;
  margin: 70px auto;
  font-family: "Adrianna", "Helvetica Neue", Arial, sans-serif;
  font-weight: 100;
  color: #111;
  position: relative;
}

/* Kolom login & register (bawaan WooCommerce) */
#customer_login .u-column1.col-1,
#customer_login .u-column2.col-2 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  clear: both !important;
  box-sizing: border-box;
  border: none !important;
  background: transparent !important;
}

#customer_login .u-column1.col-1.active,
#customer_login .u-column2.col-2.active {
  opacity: 1;
  pointer-events: auto;
}

/* ============================================================
   TAB HEADER
   ============================================================ */
.woo-tab-header {
  display: flex;
  justify-content: center;
  max-width: 520px;
  margin: 0 auto 25px;
  font-family: "Adrianna", sans-serif;
}

/* Tombol tab */
.woo-tab-btn {
  flex: 1;
  text-align: center;
  padding: 12px 0;
  font-size: 16px;
  font-weight: 100;
  border: none;
  border-radius: 0;
  background: #f4f4f4;
  color: #111;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Hover abu */
.woo-tab-btn:hover {
  background: #d9d9d9;
}

/* Tab aktif (dua-duanya hitam, sesuai request) */
.woo-tab-btn.active {
  background: #111 !important;
  color: #fff !important;
}

/* ============================================================
   FORM STYLING
   ============================================================ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width: 100%;
  padding: 12px;
  background: #f6f6f6;
  border: none;
  outline: none;
  border-radius: 0;
  font-size: 15px;
  color: #111;
  box-shadow: none;
}

.woocommerce form .form-row input.input-text:focus {
  background: #fff;
  outline: 2px solid rgba(0, 0, 0, 0.06);
}

/* Label */
.woocommerce form label {
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  font-weight: 100;
}

/* ============================================================
   BUTTON
   ============================================================ */
.woocommerce button.button,
.woocommerce input.button {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 12px;
  font-size: 15px;
  width: 100%;
  text-transform: none;
  cursor: pointer;
  transition: opacity 0.15s ease;
  font-family: "Adrianna", "Helvetica Neue", Arial, sans-serif;
  font-weight: 100;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover {
  opacity: 0.85;
}

/* ============================================================
   LINKS
   ============================================================ */
.woocommerce .lost_password a,
.woocommerce a {
  color: #FF6600 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ============================================================
   HEADING
   ============================================================ */
#customer_login h2 {
  text-align: center;
  font-weight: 100;
  margin-bottom: -25px;
  display: none;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 480px) {
  #customer_login.u-columns.col2-set {
    margin-top: 40px;
    padding: 0 12px;
    max-width: 100%;
  }
  .woo-tab-header {
    max-width: 100%;
  }
}/* End custom CSS */