.elementor-1393 .elementor-element.elementor-element-4ba08aa4{--display:flex;--min-height:100vh;--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1393 .elementor-element.elementor-element-4ba08aa4:not(.elementor-motion-effects-element-type-background), .elementor-1393 .elementor-element.elementor-element-4ba08aa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1393 .elementor-element.elementor-element-75a7497 img{width:60%;border-radius:8px 8px 8px 8px;}.elementor-widget-heading .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-1393 .elementor-element.elementor-element-3c74d464{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-3c74d464 *//* ===============================
   FORCE REGISTER WIDTH (REAL FIX)
   Target: Ultimate Member Register
================================ */

/* Lepasin dari batasan theme */
.woocommerce-account .site-main,
.page .site-main,
.elementor-section,
.elementor-container {
    max-width: 100% !important;
}

/* Container register */
.um.um-register {
    width: 40vw !important;          /* 50% viewport */
    max-width: none !important;      /* MATIIN max-width theme */
    min-width: 600px;                /* Biar ga kekecilan */
    
    margin: 5px auto !important;
    padding: 50px !important;

    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
}

/* 1️⃣ BASE FONT – ISI (POPPINS) */
.um,
.um input,
.um label,
.um .um-field-area,
.um .um-field-area input,
.um .um-field-error,
.um .um-field-description {
    font-family: 'Poppins', sans-serif !important;
}

/* 2️⃣ HEADER / TITLE (VIDALOKA) */
.um .um-field-label,
.um .um-field-label label {
    font-family: 'Vidaloka', serif !important;
    font-weight: 600 !important;
}

/* 3️⃣ BUTTON (VIDALOKA) */
.um.um-login .um-button,
.um.um-register .um-button,
.um.um-login input[type=submit],
.um.um-register input[type=submit] {
    font-family: 'Vidaloka', serif !important;
    letter-spacing: 0.6px !important;
}

/* 4️⃣ LINK (VIDALOKA) */
.um a,
.um a.um-login-link,
.um a.um-register-link {
    font-family: 'Vidaloka', serif !important;
    font-weight: 500 !important;
}

/* ===============================
   FORM 1 KOLOM (RESET GRID)
================================ */
.um.um-register form {
    display: block !important;
}

/* Field full width */
.um.um-register .um-field {
    width: 100% !important;
}

/* ===============================
   INPUT
================================ */
.um.um-register input[type="text"],
.um.um-register input[type="email"],
.um.um-register input[type="password"] {
    width: 100% !important;
    height: 52px !important;

    background-color: #E3D5C8 !important;
    border: 2px solid #d1c1b2 !important;
    border-radius: 8px !important;

    padding: 0 15px !important;
    font-size: 16px !important;
}

/* ===============================
   LOGIN BUTTON (KHUSUS LOGIN)
================================ */
.um-login-link a {
    display: block !important;
    text-align: center !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #000000 !important;
    background-color: #EBEBEB;
    font-weight: 500 !important;
    margin-top: 20px !important;
    text-decoration: none !important;
}

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

/* ===============================
   REGISTER BUTTON (BEDA SENDIRI)
================================ */
.um.um-register input[type=submit] {
    background: #1A383A !important;
    color: #E3D5C8 !important;
    height: 58px !important;
    border-radius: 8px !important;

    font-family: 'Vidaloka', serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;

    letter-spacing: 0.5px !important;
    transition: all 0.35s ease !important;
}

.um.um-register input[type=submit]:hover {
    background-color: #244d50 !important
}


/* ===============================
   MOBILE – FULL WIDTH
================================ */
@media (max-width: 768px) {
    .um.um-register {
        width: 100vw !important;     /* FULL DEVICE */
        min-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        padding: 30px 20px !important;
    }
}/* End custom CSS */