/*
Theme Name: Motta Child Theme
Theme URI: http://motta.uix.store/
Author: UIX Themes
Author URI: http://uix.store
Description: A fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motta
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: motta
*/
/* ==========================================================================
   Dokan Vendor Registration Form — Jewelxy theme match
   Append this block to motta-child/style.css (already enqueued globally
   via wp_enqueue_style('motta-child', get_stylesheet_uri())), so it loads
   on /list-your-business/ where the registration form actually lives.
   Uses the same design tokens as product.css / dokan-dynamic-pages.css.
   ========================================================================== */

#dokan-vendor-register {
    --gold:       #c9a96a;
    --gold-dark:  #b08e4a;
    --gold-soft:  #e9d9b3;

    --text:       #2b2b2b;
    --text-mute:  #6a6a6a;
    --text-light: #8a8a8a;

    --line:       #e6e6e6;
    --line-soft:  #efefef;
    --card:       #ffffff;

    --shadow:     0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);
    --radius:     4px;

    max-width: 560px;
    margin: 0 auto;
    padding: 32px;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    font-family: inherit;
    color: var(--text);
}

/* Layout rows */
#dokan-vendor-register .form-row {
    margin-bottom: 18px;
}

#dokan-vendor-register .split-row.name-field {
    display: flex;
    gap: 16px;
}

#dokan-vendor-register .split-row.name-field .form-row {
    flex: 1;
    margin-bottom: 18px;
}

@media (max-width: 480px) {
    #dokan-vendor-register .split-row.name-field {
        flex-direction: column;
        gap: 0;
    }
}

/* Labels */
#dokan-vendor-register label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

#dokan-vendor-register label .required {
    color: var(--gold-dark);
    font-weight: 600;
}

/* Inputs */
#dokan-vendor-register .input-text,
#dokan-vendor-register input[type="text"],
#dokan-vendor-register input[type="email"],
#dokan-vendor-register input[type="password"] {
    width: 100%;
    padding: 11px 14px;
    font-size: 14px;
    font-family: inherit;
    color: var(--text);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease;
}

#dokan-vendor-register .input-text:focus,
#dokan-vendor-register input:focus {
    outline: none;
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(201, 169, 106, 0.15);
}

#dokan-vendor-register small {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--text-light);
}

#dokan-vendor-register .reg_email_error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #c0392b;
}

/* Shop URL helper text */
#dokan-vendor-register #seller-url + small {
    word-break: break-all;
}

#dokan-vendor-register #url-alart-mgs {
    font-size: 12px;
    color: var(--text-mute);
}

/* Terms checkbox */
#dokan-vendor-register .tc_check_box {
    width: auto;
    margin-right: 8px;
    accent-color: var(--gold);
}

#dokan-vendor-register p.form-row:has(.tc_check_box) label {
    display: inline;
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
    color: var(--text-mute);
}

#dokan-vendor-register a {
    color: var(--gold-dark);
    text-decoration: underline;
}

#dokan-vendor-register a:hover {
    color: var(--gold);
}

/* Submit button */
#dokan-vendor-register input[type="submit"],
#dokan-vendor-register .dokan-btn-theme {
    background: var(--gold) !important;
    color: #fff !important;
    border: 0 !important;
    padding: 12px 28px !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: var(--radius);
    cursor: pointer;
    transition: background .15s ease;
}

#dokan-vendor-register input[type="submit"]:hover {
    background: var(--gold-dark) !important;
}

/* WooCommerce notices inside the form context */
#dokan-vendor-register + .woocommerce-error,
#dokan-vendor-register + .woocommerce-message {
    border-radius: var(--radius);
    font-size: 13px;
}

/* ==========================================================================
   Address fields (City / Post-Zip / Country / State)
   Dokan's own template has a typo class ".dokan-from-group" (missing "r")
   on the City+Zip wrapper, so it gets no base styling and its floated
   children aren't cleared — Country ends up squeezed onto the same row.
   Rebuilt with flexbox below, independent of that typo.
   ========================================================================== */

#dokan-address-fields-wrapper {
    display: block;
}

#dokan-address-fields-wrapper .dokan-form-group,
#dokan-address-fields-wrapper .dokan-from-group {
    display: block;
    width: 100%;
    margin-bottom: 18px;
    clear: both;
}

/* City + Zip row */
#dokan-address-fields-wrapper .dokan-from-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

#dokan-address-fields-wrapper .dokan-from-group .dokan-form-group {
    flex: 1 1 0;
    min-width: 200px;
    width: auto;
    margin-bottom: 0;
    float: none !important;
}

#dokan-address-fields-wrapper .dokan-clearfix {
    display: none;
}

@media (max-width: 480px) {
    #dokan-address-fields-wrapper .dokan-from-group {
        flex-direction: column;
    }
}

/* Labels + inputs to match rest of form */
#dokan-address-fields-wrapper label,
#dokan-address-fields-wrapper .control-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text, #2b2b2b);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

#dokan-address-fields-wrapper .dokan-form-control,
#dokan-address-fields-wrapper select {
    width: 100%;
    padding: 11px 14px;
    font-size: 14px;
    font-family: inherit;
    color: var(--text, #2b2b2b);
    background: #fff;
    border: 1px solid var(--line, #e6e6e6);
    border-radius: var(--radius, 4px);
    box-sizing: border-box;
    height: auto;
    appearance: auto;
}

#dokan-address-fields-wrapper .dokan-form-control:focus,
#dokan-address-fields-wrapper select:focus {
    outline: none;
    border-color: var(--gold, #c9a96a);
    box-shadow: 0 0 0 3px rgba(201, 169, 106, 0.15);
}

/* ==========================================================================
   Subscription Pack selector
   ========================================================================== */

label[for="dokan-subscription-pack"] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text, #2b2b2b);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

#dokan-subscription-pack {
    width: 100%;
    padding: 11px 14px;
    font-size: 14px;
    font-family: inherit;
    color: var(--text, #2b2b2b);
    background: #fff;
    border: 1px solid var(--line, #e6e6e6) !important;
    border-radius: var(--radius, 4px);
    box-sizing: border-box;
    margin-bottom: 16px;
}

#dokan-subscription-pack:focus {
    outline: none;
    border-color: var(--gold, #c9a96a) !important;
    box-shadow: 0 0 0 3px rgba(201, 169, 106, 0.15);
}

.dps-pack-wrappper {
    border: 1px solid var(--line, #e6e6e6) !important;
    border-radius: var(--radius, 4px);
    padding: 0 !important;
    background: var(--card, #fff);
}

.dps-pack {
    padding: 28px 32px;
    text-align: left;
}

.dps-pack-price {
    text-align: left;
    margin-bottom: 4px;
}

.dps-pack-price .dps-amount i {
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--gold-dark, #b08e4a);
}

.dps-pack-price .woocommerce-Price-amount {
    font-size: 20px;
    font-weight: 700;
    color: var(--text, #2b2b2b);
}

.dps-pack .pack_content {
    text-align: left;
}

.dps-pack .pack_content > b {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--text, #2b2b2b);
    margin-bottom: 10px;
}

.dps-pack .pack_content p.sub {
    text-align: left;
    font-size: 14px;
    color: var(--text-mute, #6a6a6a);
    margin: 0 0 18px;
}

.dps-pack .pack_content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.dps-pack .pack_content ul li {
    position: relative;
    padding: 8px 0 8px 28px;
    font-size: 14px;
    color: var(--text, #2b2b2b);
    border-bottom: 1px solid var(--line-soft, #efefef);
    text-align: left;
}

.dps-pack .pack_content ul li:last-child {
    border-bottom: none;
}

.dps-pack .pack_content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 8px;
    color: var(--gold, #c9a96a);
    font-weight: 700;
}

.dps-pack .pack_content ul li.plus {
    padding-left: 0;
    font-weight: 600;
    color: var(--text-mute, #6a6a6a);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.4px;
}

.dps-pack .pack_content ul li.plus::before {
    content: "";
}

@media (max-width: 480px) {
    .dps-pack {
        padding: 20px;
    }
}