.elementor-9919 .elementor-element.elementor-element-cc259c7{--display:flex;--padding-top:150px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9919 .elementor-element.elementor-element-29a57ea{--display:flex;}.elementor-9919 .elementor-element.elementor-element-6cfd75d{--display:flex;}.elementor-9919 .elementor-element.elementor-element-abfa43c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:30px;}.elementor-9919 .elementor-element.elementor-element-abfa43c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-9919 .elementor-element.elementor-element-abfa43c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9919 .elementor-element.elementor-element-abfa43c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-9919 .elementor-element.elementor-element-abfa43c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-9919 .elementor-element.elementor-element-188179e{--display:flex;--min-height:85vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-9919 .elementor-element.elementor-element-920dd16{--display:flex;--justify-content:flex-start;--padding-top:40px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-9919 .elementor-element.elementor-element-920dd16:not(.elementor-motion-effects-element-type-background), .elementor-9919 .elementor-element.elementor-element-920dd16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9919 .elementor-element.elementor-element-13f4f93{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );}.elementor-9919 .elementor-element.elementor-element-6c68edd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-9919 .elementor-element.elementor-element-6c68edd img{width:170px;}.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 );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-76de681{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9919 .elementor-element.elementor-element-76de681 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-76de681 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9919 .elementor-element.elementor-element-76de681 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-76de681 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-76de681 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-76de681 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-c46bff0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9919 .elementor-element.elementor-element-1c6f200 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-1c6f200 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9919 .elementor-element.elementor-element-1c6f200 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-1c6f200 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-1c6f200{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9919 .elementor-element.elementor-element-1c6f200 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-1c6f200 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-d68d97f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9919 .elementor-element.elementor-element-880941b .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-880941b .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9919 .elementor-element.elementor-element-880941b .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-880941b .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-880941b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9919 .elementor-element.elementor-element-880941b .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-880941b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-9760db4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9919 .elementor-element.elementor-element-7af0392 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-7af0392 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9919 .elementor-element.elementor-element-7af0392 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-7af0392 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-7af0392{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9919 .elementor-element.elementor-element-7af0392 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-7af0392 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-9919 .elementor-element.elementor-element-b88b7f1{left:30px;}body.rtl .elementor-9919 .elementor-element.elementor-element-b88b7f1{right:30px;}.elementor-9919 .elementor-element.elementor-element-b88b7f1{bottom:30px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9919 .elementor-element.elementor-element-b88b7f1 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-b88b7f1 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9919 .elementor-element.elementor-element-b88b7f1 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-b88b7f1 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-b88b7f1 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9919 .elementor-element.elementor-element-b88b7f1 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9919 .elementor-element.elementor-element-3cd57bf{--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;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9919 .elementor-element.elementor-element-8d1fe61{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}@media(min-width:576px){.elementor-9919 .elementor-element.elementor-element-920dd16{--width:33.3333%;}.elementor-9919 .elementor-element.elementor-element-3cd57bf{--width:66.6666%;}}@media(max-width:991px){.elementor-9919 .elementor-element.elementor-element-cc259c7{--padding-top:130px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-9919 .elementor-element.elementor-element-188179e{--padding-top:130px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:575px){.elementor-9919 .elementor-element.elementor-element-cc259c7{--padding-top:100px;--padding-bottom:050px;--padding-left:20px;--padding-right:20px;}.elementor-9919 .elementor-element.elementor-element-abfa43c{--n-tabs-title-font-size:14px;}.elementor-9919 .elementor-element.elementor-element-188179e{--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9919 .elementor-element.elementor-element-8d1fe61{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-2fa1a29 */.elementor-9919 .elementor-element.elementor-element-2fa1a29 .col-2 { display: none!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .col-1 { width: 600px !important; max-width: 100% !important; min-width : 600px!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 h2 { text-align: center!important; color: #ffffff!important } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .button { background-color: #000000!important; border-radius : 0!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .button:hover { background-color: #ffffff!important; border-radius : 0!important; color : #000000!important; border : solid 1px #000000!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29.dark-mode.woocommerce-account .woocommerce-form-login #username, .dark-mode.woocommerce-account .woocommerce-form-login #password { border: solid 1px #000000!important; background-color: #ffffff!important; } /* Target khusus form login WooCommerce */ form.woocommerce-form.woocommerce-form-login.login { background: #fff !important; padding: 30px !important; border: 1px solid #000 !important; border-radius: 0px !important; } /* Field input */ form.woocommerce-form.woocommerce-form-login.login input[type="text"], form.woocommerce-form.woocommerce-form-login.login input[type="password"] { width: 100% !important; border: 1px solid #000 !important; background: #fff !important; color: #000 !important; padding: 20px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; font-size: 15px !important; } /* Efek saat focus */ form.woocommerce-form.woocommerce-form-login.login input:focus { border-color: #000 !important; box-shadow: 0 0 0 1px #000 !important; } /* Label */ form.woocommerce-form.woocommerce-form-login.login label { font-weight: 600 !important; color: #000 !important; margin-bottom: 5px !important; display: block !important; } /* Checkbox Remember Me */ form.woocommerce-form.woocommerce-form-login.login .woocommerce-form__label-for-checkbox { display: flex !important; align-items: center !important; gap: 6px !important; color: #000 !important; font-size: 14px !important; } /* Tombol Login */ form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button { background: #ffffff !important; color: #000 !important; border: 1px solid #000 !important; padding: 5px 20px !important; cursor: pointer !important; border-radius: 100px !important; width: 100% !important; transition: background 0.3s ease !important; } form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button:hover { background: #000 !important; color: #ffffff!important; border-radius : 100px!important; } /* Link "Lost your password?" */ form.woocommerce-form.woocommerce-form-login.login .lost_password a { color: #000 !important; text-decoration: underline !important; font-size: 14px !important; } form.woocommerce-form.woocommerce-form-login.login .lost_password a:hover { color: #333 !important; } #customer_login{ display:flex!important; justify-content:center!important; } #customer_login .u-column1{ margin:auto!important; }/* End custom CSS */ /* Start custom CSS for woocommerce-my-account, class: .elementor-element-54177e2 */.elementor-9919 .elementor-element.elementor-element-54177e2 .col-1 { display: none!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .col-2 { width: 100% !important; max-width: 100% !important; min-width : 600px!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 h2 { text-align: center!important; color: #ffffff!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .button { background-color: #000000!important; border-radius : 0!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .button:hover { background-color: #ffffff!important; border-radius : 0!important; color : #000000!important; border : solid 1px #000000!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select { background: #ffffff!important; border: solid 1px #000000!important; } /* Target form register WooCommerce secara spesifik */ form.woocommerce-form.woocommerce-form-register.register { background: #fff!important; padding: 30px!important; border: 1px solid #000!important; border-radius: 0px!important; } /* Styling semua field input dan select di dalam form register */ form.woocommerce-form.woocommerce-form-register.register input[type="text"], form.woocommerce-form.woocommerce-form-register.register input[type="email"], form.woocommerce-form.woocommerce-form-register.register input[type="password"], form.woocommerce-form.woocommerce-form-register.register select { width: 100%; border: 1px solid #000 !important; background: #fff !important; color: #000; padding: 10px; border-radius: 3px; box-shadow: none !important; outline: none !important; } /* Hilangkan efek hover atau focus bawaan WooCommerce */ form.woocommerce-form.woocommerce-form-register.register input:focus, form.woocommerce-form.woocommerce-form-register.register select:focus { border-color: #000 !important; box-shadow: 0 0 0 1px #000 !important; } /* Styling label */ form.woocommerce-form.woocommerce-form-register.register label { font-weight: 600; color: #000; margin-bottom: 5px; display: block; } /* Styling tombol submit */ form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button { background: #ffffff !important; color: #000 !important; border: 1px solid #000 !important; padding: 5px 20px; cursor: pointer; border-radius: 100px!important; width: 100%; transition: background 0.3s ease; } form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button:hover { background: #000 !important; color: #ffffff!important; border-radius : 100px!important; } /* Styling pesan privasi */ form.woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text { font-size: 14px; color: #555; margin-top: 10px; } /* Pastikan semua input termasuk phone tetap memiliki border hitam */ form.woocommerce-form.woocommerce-form-register.register input[type="tel"], form.woocommerce-form.woocommerce-form-register.register .woocommerce-input-wrapper input[type="tel"] { border: 1px solid #000 !important; background: #fff !important; color: #000 !important; padding: 20px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; width: 100% !important; appearance: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-my-account, class: .elementor-element-2fa1a29 */.elementor-9919 .elementor-element.elementor-element-2fa1a29 .col-2 { display: none!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .col-1 { width: 600px !important; max-width: 100% !important; min-width : 600px!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 h2 { text-align: center!important; color: #ffffff!important } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .button { background-color: #000000!important; border-radius : 0!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .button:hover { background-color: #ffffff!important; border-radius : 0!important; color : #000000!important; border : solid 1px #000000!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29.dark-mode.woocommerce-account .woocommerce-form-login #username, .dark-mode.woocommerce-account .woocommerce-form-login #password { border: solid 1px #000000!important; background-color: #ffffff!important; } /* Target khusus form login WooCommerce */ form.woocommerce-form.woocommerce-form-login.login { background: #fff !important; padding: 30px !important; border: 1px solid #000 !important; border-radius: 0px !important; } /* Field input */ form.woocommerce-form.woocommerce-form-login.login input[type="text"], form.woocommerce-form.woocommerce-form-login.login input[type="password"] { width: 100% !important; border: 1px solid #000 !important; background: #fff !important; color: #000 !important; padding: 20px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; font-size: 15px !important; } /* Efek saat focus */ form.woocommerce-form.woocommerce-form-login.login input:focus { border-color: #000 !important; box-shadow: 0 0 0 1px #000 !important; } /* Label */ form.woocommerce-form.woocommerce-form-login.login label { font-weight: 600 !important; color: #000 !important; margin-bottom: 5px !important; display: block !important; } /* Checkbox Remember Me */ form.woocommerce-form.woocommerce-form-login.login .woocommerce-form__label-for-checkbox { display: flex !important; align-items: center !important; gap: 6px !important; color: #000 !important; font-size: 14px !important; } /* Tombol Login */ form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button { background: #ffffff !important; color: #000 !important; border: 1px solid #000 !important; padding: 5px 20px !important; cursor: pointer !important; border-radius: 100px !important; width: 100% !important; transition: background 0.3s ease !important; } form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button:hover { background: #000 !important; color: #ffffff!important; border-radius : 100px!important; } /* Link "Lost your password?" */ form.woocommerce-form.woocommerce-form-login.login .lost_password a { color: #000 !important; text-decoration: underline !important; font-size: 14px !important; } form.woocommerce-form.woocommerce-form-login.login .lost_password a:hover { color: #333 !important; } #customer_login{ display:flex!important; justify-content:center!important; } #customer_login .u-column1{ margin:auto!important; }/* End custom CSS */ /* Start custom CSS for woocommerce-my-account, class: .elementor-element-54177e2 */.elementor-9919 .elementor-element.elementor-element-54177e2 .col-1 { display: none!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .col-2 { width: 100% !important; max-width: 100% !important; min-width : 600px!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 h2 { text-align: center!important; color: #ffffff!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .button { background-color: #000000!important; border-radius : 0!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .button:hover { background-color: #ffffff!important; border-radius : 0!important; color : #000000!important; border : solid 1px #000000!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select { background: #ffffff!important; border: solid 1px #000000!important; } /* Target form register WooCommerce secara spesifik */ form.woocommerce-form.woocommerce-form-register.register { background: #fff!important; padding: 30px!important; border: 1px solid #000!important; border-radius: 0px!important; } /* Styling semua field input dan select di dalam form register */ form.woocommerce-form.woocommerce-form-register.register input[type="text"], form.woocommerce-form.woocommerce-form-register.register input[type="email"], form.woocommerce-form.woocommerce-form-register.register input[type="password"], form.woocommerce-form.woocommerce-form-register.register select { width: 100%; border: 1px solid #000 !important; background: #fff !important; color: #000; padding: 10px; border-radius: 3px; box-shadow: none !important; outline: none !important; } /* Hilangkan efek hover atau focus bawaan WooCommerce */ form.woocommerce-form.woocommerce-form-register.register input:focus, form.woocommerce-form.woocommerce-form-register.register select:focus { border-color: #000 !important; box-shadow: 0 0 0 1px #000 !important; } /* Styling label */ form.woocommerce-form.woocommerce-form-register.register label { font-weight: 600; color: #000; margin-bottom: 5px; display: block; } /* Styling tombol submit */ form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button { background: #ffffff !important; color: #000 !important; border: 1px solid #000 !important; padding: 5px 20px; cursor: pointer; border-radius: 100px!important; width: 100%; transition: background 0.3s ease; } form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button:hover { background: #000 !important; color: #ffffff!important; border-radius : 100px!important; } /* Styling pesan privasi */ form.woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text { font-size: 14px; color: #555; margin-top: 10px; } /* Pastikan semua input termasuk phone tetap memiliki border hitam */ form.woocommerce-form.woocommerce-form-register.register input[type="tel"], form.woocommerce-form.woocommerce-form-register.register .woocommerce-input-wrapper input[type="tel"] { border: 1px solid #000 !important; background: #fff !important; color: #000 !important; padding: 20px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; width: 100% !important; appearance: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-my-account, class: .elementor-element-2fa1a29 */.elementor-9919 .elementor-element.elementor-element-2fa1a29 .col-2 { display: none!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .col-1 { width: 600px !important; max-width: 100% !important; min-width : 600px!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 h2 { text-align: center!important; color: #ffffff!important } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .button { background-color: #000000!important; border-radius : 0!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29 .button:hover { background-color: #ffffff!important; border-radius : 0!important; color : #000000!important; border : solid 1px #000000!important; } .elementor-9919 .elementor-element.elementor-element-2fa1a29.dark-mode.woocommerce-account .woocommerce-form-login #username, .dark-mode.woocommerce-account .woocommerce-form-login #password { border: solid 1px #000000!important; background-color: #ffffff!important; } /* Target khusus form login WooCommerce */ form.woocommerce-form.woocommerce-form-login.login { background: #fff !important; padding: 30px !important; border: 1px solid #000 !important; border-radius: 0px !important; } /* Field input */ form.woocommerce-form.woocommerce-form-login.login input[type="text"], form.woocommerce-form.woocommerce-form-login.login input[type="password"] { width: 100% !important; border: 1px solid #000 !important; background: #fff !important; color: #000 !important; padding: 20px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; font-size: 15px !important; } /* Efek saat focus */ form.woocommerce-form.woocommerce-form-login.login input:focus { border-color: #000 !important; box-shadow: 0 0 0 1px #000 !important; } /* Label */ form.woocommerce-form.woocommerce-form-login.login label { font-weight: 600 !important; color: #000 !important; margin-bottom: 5px !important; display: block !important; } /* Checkbox Remember Me */ form.woocommerce-form.woocommerce-form-login.login .woocommerce-form__label-for-checkbox { display: flex !important; align-items: center !important; gap: 6px !important; color: #000 !important; font-size: 14px !important; } /* Tombol Login */ form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button { background: #ffffff !important; color: #000 !important; border: 1px solid #000 !important; padding: 5px 20px !important; cursor: pointer !important; border-radius: 100px !important; width: 100% !important; transition: background 0.3s ease !important; } form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button:hover { background: #000 !important; color: #ffffff!important; border-radius : 100px!important; } /* Link "Lost your password?" */ form.woocommerce-form.woocommerce-form-login.login .lost_password a { color: #000 !important; text-decoration: underline !important; font-size: 14px !important; } form.woocommerce-form.woocommerce-form-login.login .lost_password a:hover { color: #333 !important; } #customer_login{ display:flex!important; justify-content:center!important; } #customer_login .u-column1{ margin:auto!important; }/* End custom CSS */ /* Start custom CSS for woocommerce-my-account, class: .elementor-element-54177e2 */.elementor-9919 .elementor-element.elementor-element-54177e2 .col-1 { display: none!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .col-2 { width: 100% !important; max-width: 100% !important; min-width : 600px!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 h2 { text-align: center!important; color: #ffffff!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .button { background-color: #000000!important; border-radius : 0!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .button:hover { background-color: #ffffff!important; border-radius : 0!important; color : #000000!important; border : solid 1px #000000!important; } .elementor-9919 .elementor-element.elementor-element-54177e2 .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select { background: #ffffff!important; border: solid 1px #000000!important; } /* Target form register WooCommerce secara spesifik */ form.woocommerce-form.woocommerce-form-register.register { background: #fff!important; padding: 30px!important; border: 1px solid #000!important; border-radius: 0px!important; } /* Styling semua field input dan select di dalam form register */ form.woocommerce-form.woocommerce-form-register.register input[type="text"], form.woocommerce-form.woocommerce-form-register.register input[type="email"], form.woocommerce-form.woocommerce-form-register.register input[type="password"], form.woocommerce-form.woocommerce-form-register.register select { width: 100%; border: 1px solid #000 !important; background: #fff !important; color: #000; padding: 10px; border-radius: 3px; box-shadow: none !important; outline: none !important; } /* Hilangkan efek hover atau focus bawaan WooCommerce */ form.woocommerce-form.woocommerce-form-register.register input:focus, form.woocommerce-form.woocommerce-form-register.register select:focus { border-color: #000 !important; box-shadow: 0 0 0 1px #000 !important; } /* Styling label */ form.woocommerce-form.woocommerce-form-register.register label { font-weight: 600; color: #000; margin-bottom: 5px; display: block; } /* Styling tombol submit */ form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button { background: #ffffff !important; color: #000 !important; border: 1px solid #000 !important; padding: 5px 20px; cursor: pointer; border-radius: 100px!important; width: 100%; transition: background 0.3s ease; } form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button:hover { background: #000 !important; color: #ffffff!important; border-radius : 100px!important; } /* Styling pesan privasi */ form.woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text { font-size: 14px; color: #555; margin-top: 10px; } /* Pastikan semua input termasuk phone tetap memiliki border hitam */ form.woocommerce-form.woocommerce-form-register.register input[type="tel"], form.woocommerce-form.woocommerce-form-register.register .woocommerce-input-wrapper input[type="tel"] { border: 1px solid #000 !important; background: #fff !important; color: #000 !important; padding: 20px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; width: 100% !important; appearance: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ffed8c9 */.elementor-9919 .elementor-element.elementor-element-ffed8c9 .woocommerce-MyAccount-navigation { display: none; }/* End custom CSS */