.elementor-88 .elementor-element.elementor-element-d70cb4b{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-88 .elementor-element.elementor-element-ef2a609{--display:flex;}.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-88 .elementor-element.elementor-element-1bd3813.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-88 .elementor-element.elementor-element-1bd3813 img{width:100%;height:90vh;object-fit:cover;object-position:center center;}.elementor-88 .elementor-element.elementor-element-575bc5f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for shortcode, class: .elementor-element-03cedac *//*        #jwel-vendor-wrapper {*/
/*            max-width: 376px;*/
/*            margin: 0 auto;*/
/*            font-family: inherit;*/
           
/*        }*/
/*        #jwel-vendor-wrapper h3 {*/
/*           font-family: Roboto;*/
/*font-weight: 700;*/
/*font-style: Bold;*/
/*font-size: 18px;*/
/*leading-trim: NONE;*/
/*text-align: center;*/
/*line-height: 100%;*/
/*letter-spacing: 0%;*/
/*color: #B88E2F;*/
/*margin-bottom: 10px;*/
/*        }*/
/*        #jwel-vendor-wrapper p {*/
/*          font-family: Roboto;*/
/*font-weight: 400;*/
/*font-style: Regular;*/
/*font-size: 12px;*/
/*leading-trim: NONE;*/
/*line-height: 100%;*/
/*letter-spacing: 0%;*/
/*text-align: center;*/
/*color: #B88E2F;*/
/*margin-bottom: 40px;*/
/*        }*/
/*        .jwel-v-step {*/
/*            display: none;*/
/*        }*/
/*        .jwel-v-step.jwel-v-show {*/
/*            display: block;*/
/*        }*/
/*        #jwel-vendor-wrapper input[type="tel"],*/
/*        #jwel-vendor-wrapper input[type="text"] {*/
/*            width: 100%;*/
/*            padding: 8px 12px;*/
/*            border-radius: 2px;*/

/*            margin-bottom: 30px;*/
/*font-family: Roboto;*/
/*font-weight: 400;*/
/*font-style: Regular;*/
/*font-size: 14px;*/
/*leading-trim: NONE;*/
/*line-height: 100%;*/
/*letter-spacing: 0%;*/
/*color: #000000;*/
/*box-shadow:none;     */
/*}*/
/*        #jwel-vendor-wrapper button {*/
/*            width: 100%;*/
/*            padding: 10px 14px;*/
/*            border-radius: 2px;*/
/*            border: none;*/
/*            background: #b88e2f;*/
/*            color: #fff;*/
/*            font-size: 14px;*/
/*            cursor: pointer;*/
/*            margin-bottom: 8px;*/
/*        }*/
/*        #jwel-vendor-wrapper button:hover {*/
/*            background: #a27b25;*/
/*        }*/
/*        #jwel-v-back {*/
/*            background: #f5f5f5;*/
/*            color: #444;*/
/*        }*/
/*        .jwel-v-msg {*/
/*            font-size: 13px;*/
/*            margin-top: 4px;*/
/*        }*/
/*        .jwel-v-msg-error {*/
/*            color: #c53030;*/
/*        }*/
/*        .jwel-v-msg-success {*/
/*            color: #2f855a;*/
/*        }*/
/*        .jwel-vendor-wrapper.jwel-vendor-already {*/
/*            max-width: 480px;*/
/*            margin: 30px auto;*/
/*            padding: 20px;*/
/*            border-radius: 12px;*/
/*            border: 1px solid #eee;*/
/*            background: #fff;*/
/*            font-family: inherit;*/
/*            text-align: center;*/
/*        }*/
/*        .jwel-vendor-wrapper.jwel-vendor-already a {*/
/*            color: #b88e2f;*/
/*            text-decoration: underline;*/
/*            font-weight: 500;*/
/*        }*/
/*        .jwel-vendor-phone-readonly {*/
/*            background: #f8f8f8 !important;*/
/*            color: #555 !important;*/
/*        }*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-575bc5f *//* SCOPE EVERYTHING TO THIS FORM ONLY */
#dokan-vendor-register .formpara {
    margin-bottom: 30px;
    max-width: 376px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px; /* keep your original vertical feel */
}
.dokan-btn.dokan-btn-theme {
    margin: 20px auto 0 auto; /* top auto bottom auto */
    width: 80%;
    color: #fff;
    background-color: #B88E2F !important;
    border-color: transparent !important;
    display: block; /* ensure it can center */
}
.form-row {
    display: flex !important;
    justify-content: center !important;
}

.form-row .dokan-btn.dokan-btn-theme {
    width: 80%;
}

/* Sections wrapper */
#dokan-vendor-register .formpara-section {
    /* keep default bg/border from theme – not overriding */
}

/* Headings */
#dokan-vendor-register .formpara-heading {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* Generic row with two columns */
#dokan-vendor-register .split-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;           /* 🔹 was 20px, now tighter as you asked */
    margin-bottom: 10px; /* uniform vertical gap */
}

/* Fields inside rows */
#dokan-vendor-register .split-row .form-row.form-group {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}

/* Full-width row support */
#dokan-vendor-register .formpara-section .form-row-wide {
    margin-bottom: 10px;
}

/* INPUTS + SELECTS: keep your original visual style */
#dokan-vendor-register .formpara-section .input-text,
#dokan-vendor-register .formpara-section select {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 2px;

    /* 🔹 these are from your old CSS – kept as it is */
    background: #F3F4F6;
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: #A3A3A3;
    box-shadow: none !important;
    border: 1px solid transparent; /* keep it subtle, like before */
}

/* Placeholder style */
#dokan-vendor-register .formpara-section .input-text::placeholder {
    color: #A3A3A3;
}

/* =========================
   SELECT DROPDOWN ARROW
========================= */
#dokan-vendor-register .formpara-section select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url('https://lightsalmon-elk-546103.hostingersite.com/wp-content/uploads/2025/12/keyboard_arrow_down.svg')!important;
    background-repeat: no-repeat!important;
    background-position: right 10px center!important;
    background-size: 14px!important;
    padding-right: 30px!important; /* space for arrow */
}

/* =========================
   PHONE FIELD
========================= */
#dokan-vendor-register .phone-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

/* Left: flag + code */
#dokan-vendor-register .phone-prefix {
    padding: 6px 14px;
    
    cursor: pointer;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #F3F4F6;
    font-size: 12px;
}

#dokan-vendor-register #phone-flag {
    font-size: 16px;
    line-height: 1;
}

#dokan-vendor-register #phone-code {
    font-weight: 500;
    color: #111827;
}

/* Right: input takes remaining space */
#dokan-vendor-register #shop-phone {
    flex: 1 1 auto;
    margin: 0;
}

/* Dropdown list */
#dokan-vendor-register .phone-dropdown {
    position: absolute;
    top: 40px;
    left: 0;
    width: 180px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    display: none;
    z-index: 99;
}

#dokan-vendor-register .phone-dropdown div {
    padding: 6px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

#dokan-vendor-register .phone-dropdown div:hover {
    background: #f2f2f2;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
    #dokan-vendor-register .formpara {
        padding: 0 12px;
    }

    #dokan-vendor-register .split-row {
        flex-direction: column;
        gap: 10px;
    }

    #dokan-vendor-register .phone-wrapper {
        flex-direction: row;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d70cb4b */.elementor-1505 .elementor-element.elementor-element-da5b333{
    margin-top:0!important;
}/* End custom CSS */