/* ============================================
   Nexaura eBay-style Listing Editor v2.5
   Based on ACTUAL eBay design tokens (studied 11 Oct 2026)
   eBay tokens: #191919 text, #707070 helper, #F7F7F7 input bg,
   #8F8F8F border, #E5E5E5 divider, 8px radius, 40px height
   ============================================ */

/* --- Page: white, centered, max 1024px --- */
.dokan-product-edit-form,
.dokan-edit-product-wrapper,
div[id*="dokan-product-edit"] {
    max-width: 1024px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    padding: 0 16px !important;
    font-family: "Market Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    color: #191919 !important;
}

/* --- Sections: flat, dividers only --- */
.dokan-panel,
div[class*="dokan-panel"],
.dokan-product-edit-form section,
.dokan-edit-product-wrapper section {
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #E5E5E5 !important;
    border-radius: 0 !important;
    padding: 32px 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

/* --- Section titles: UPPERCASE 14px 700 --- */
.dokan-panel-heading,
.dokan-panel h3,
div[class*="panel-heading"],
.dokan-product-edit-form h2,
.dokan-edit-product-wrapper h2 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #191919 !important;
    text-transform: uppercase !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* --- Labels: 14px 400 #191919 (eBay style) --- */
.dokan-form-group label,
label.dokan-control-label,
.dokan-product-edit-form label,
.dokan-edit-product-wrapper label {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #191919 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* --- Helper text: 12px #707070 --- */
.dokan-form-group .help-block,
.dokan-product-edit-form .description,
.dokan-edit-product-wrapper .description {
    font-size: 12px !important;
    color: #707070 !important;
}

/* --- Text inputs: eBay exact style --- */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea,
select,
.dokan-form-control {
    background: #F7F7F7 !important;
    border: 1px solid #8F8F8F !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #191919 !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    box-shadow: none !important;
}
textarea {
    padding: 12px 16px !important;
}
input::placeholder,
textarea::placeholder {
    color: #707070 !important;
    font-weight: 200 !important;
}
input:focus,
textarea:focus,
select:focus,
.dokan-form-control:focus {
    background: #FFFFFF !important;
    border-color: #363636 !important;
    box-shadow: 0 0 0 1px #363636 !important;
    outline: none !important;
}

/* ============================================
   REACT-SELECT white oval fix
   Target WITHOUT .dokan-dashboard dependency
   ============================================ */

/* Kill the white pill on input container */
.react-select__input-container,
div[class*="react-select__input-container"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.react-select__input-container input,
div[class*="react-select__input-container"] input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* React-select control: eBay input style */
.react-select__control,
div[class*="react-select__control"] {
    background: #F7F7F7 !important;
    border: 1px solid #8F8F8F !important;
    border-radius: 8px !important;
    min-height: 40px !important;
    box-shadow: none !important;
    font-size: 14px !important;
}
.react-select__control--is-focused,
div[class*="react-select__control--is-focused"] {
    background: #FFFFFF !important;
    border-color: #363636 !important;
    box-shadow: 0 0 0 1px #363636 !important;
}

/* React-select text colors */
.react-select__single-value,
div[class*="react-select__single-value"] {
    color: #191919 !important;
    font-size: 14px !important;
}
.react-select__placeholder,
div[class*="react-select__placeholder"] {
    color: #707070 !important;
    font-size: 14px !important;
}

/* Multi-value chips */
.react-select__multi-value,
div[class*="react-select__multi-value"] {
    background: #E5E5E5 !important;
    border-radius: 4px !important;
}
.react-select__multi-value__label {
    color: #191919 !important;
    font-size: 14px !important;
}

/* Dropdown menu */
.react-select__menu,
div[class*="react-select__menu"] {
    border-radius: 8px !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.15), 0 5px 17px rgba(0,0,0,.2) !important;
}

/* --- Buttons: eBay pill style --- */
.dokan-btn,
.btn,
button[type="submit"] {
    border-radius: 20px !important;
    min-height: 40px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
}
.dokan-btn-theme,
.btn-primary {
    background: #FF5A00 !important;
    border-color: #FF5A00 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* --- Image gallery: clean grid --- */
.dokan-product-gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
    gap: 10px !important;
}
.dokan-product-gallery img {
    border-radius: 8px !important;
    border: 1px solid #E5E5E5 !important;
}