/**
 * BarghPro Dokan Custom Suite - Full Redesign & Scoped RTL Styles
 * Custom UI for Dokan Vendor Dashboard on BarghPro:
 * - Peyda Font Integration
 * - BarghPro Primary Blue Color (#1A91DD)
 * - Sidebar Inactive Items Color Fix (Dark Gray / Black text, Blue hover like active)
 * - Complete Fixed & Bulletproof Flexbox Layout for Withdraw Request Modal
 */

/* ==========================================================================
   1. FONTS & ICON PRESERVATION (Peyda WebFont)
   ========================================================================== */
@font-face {
    font-family: 'Peyda';
    src: url('https://barghpro.com/buyno/assets/fonts/peyda/PeydaFaNumWeb-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Peyda';
    src: url('https://barghpro.com/buyno/assets/fonts/peyda/PeydaFaNumWeb-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Peyda';
    src: url('https://barghpro.com/buyno/assets/fonts/peyda/PeydaFaNumWeb-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Peyda';
    src: url('https://barghpro.com/buyno/assets/fonts/peyda/PeydaFaNumWeb-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Global Font Variable Overrides for Dokan React & DataViews */
:root,
body.dokan-dashboard,
#dokan-vendor-dashboard-root,
.dokan-dashboard-content,
.dokan-frontend-sidebar,
.edit-account-wrap,
.dokan-dashboard-layout,
.pui-root,
.dataviews-wrapper,
.dokan-products-wrapper,
.dokan-product-product-editor {
    --font-sans: 'Peyda', -apple-system, BlinkMacSystemFont, Tahoma, sans-serif !important;
}

/* Apply Peyda font to main dashboard elements */
body.dokan-dashboard,
#dokan-vendor-dashboard-root,
.dokan-dashboard-content,
.dokan-frontend-sidebar,
.edit-account-wrap,
.dokan-dashboard-layout,
.pui-root,
.dataviews-wrapper,
.barghpro-dokan-rtl-container,
.components-modal__screen-overlay,
.modal-dialog,
.modal-content {
    font-family: 'Peyda', -apple-system, BlinkMacSystemFont, Tahoma, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Preserve Editor icons, FontAwesome, Dashicons, and Dokan Icon Fonts */
.mce-ico, [class^="mce-i-"], [class*=" mce-i-"],
.tox-icon, .tox-icon *,
.ql-snow *, .ql-toolbar *,
.fa, .fas, .far, .fal, .fad, .fab,
[class^="fa-"], [class*=" fa-"],
.dashicons, [class^="dashicons-"], [class*=" dashicons-"],
[class^="dokan-icon-"], [class*=" dokan-icon-"],
.dokan-icon, i.fa, i.fas, i.far, i.fab,
.eicon, [class^="eicon-"], [class*=" eicon-"] {
    font-family: tinymce, "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", "dokan-icons", "dashicons", sans-serif !important;
}

/* Hard Purge Profile Completion Progress Bar */
.dokan-profile-completeness,
.dokan-profile-completeness-wrap,
.dokan-seller-profile-completeness,
.dokan-dashboard-profile-completion,
.profile-progressbar,
.dokan-progress,
[class*="profile-completeness"],
[class*="profile_completeness"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. BRAND COLOR PALETTE & GLOBAL VARS
   ========================================================================== */
:root, 
.dokan-dashboard-content, 
#dokan-vendor-dashboard-root {
    --primary: #1A91DD !important;
    --primary-hover: #167FC4 !important;
    --primary-foreground: #FFFFFF !important;
    --success: #16A34A !important;
    --success-foreground: #FFFFFF !important;
    --destructive: #DC2626 !important;
    --destructive-foreground: #FFFFFF !important;
    --warning: #F59E0B !important;
    --warning-foreground: #111827 !important;
    --background: #F8FAFC !important;
    --card: #FFFFFF !important;
    --card-foreground: #111827 !important;
    --muted-foreground: #475569 !important;
    --border: #E5E7EB !important;
    --input: #E5E7EB !important;
    --radius: 12px !important;
}

.dokan-dashboard-content, 
#dokan-vendor-dashboard-root {
    direction: rtl !important;
    text-align: right !important;
    background-color: #F8FAFC !important;
    color: #111827 !important;
}

.react-select__input {
    opacity: 0 !important;
}

/* RTL Specific Flex & Margin Overrides */
.dokan-dashboard-layout {
    direction: rtl !important;
    text-align: right !important;
}

.dokan-dashboard-layout .ml-2,
.dokan-dashboard-layout .ml-2\.5 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}
.dokan-dashboard-layout .mr-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}
.dokan-dashboard-layout .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.dokan-dashboard-layout .mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* ==========================================================================
   3. SIDEBAR NAVIGATION - INACTIVE & HOVER STYLES
   ========================================================================== */
.dokan-dash-sidebar,
.dokan-frontend-sidebar {
    background: #FFFFFF !important;
    border-left: 1px solid #E5E7EB !important;
    border-right: none !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
    transition: all 300ms ease !important;
    direction: rtl !important;
    float: right !important;
}

.dokan-frontend-sidebar > a {
    border-bottom: 1px solid #F1F5F9 !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dokan-frontend-sidebar > a span {
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

.dokan-dash-sidebar ul.dokan-dashboard-menu li,
.dokan-frontend-sidebar nav ul li {
    margin: 4px 0 !important;
    text-align: right !important;
}

/* Inactive Sidebar Items - Dark Gray Text & Icons (#334155 / #1E293B) */
.dokan-dash-sidebar ul.dokan-dashboard-menu li:not(.active) a,
.dokan-dash-sidebar ul.dokan-dashboard-menu li:not(.active) a span,
.dokan-dash-sidebar ul.dokan-dashboard-menu li:not(.active) a i,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]),
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]) span,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]) i,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]) svg {
    color: #334155 !important;
    stroke: #334155 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.dokan-dash-sidebar ul.dokan-dashboard-menu li a,
.dokan-frontend-sidebar nav ul li a {
    border-radius: 12px !important;
    margin: 4px 12px !important;
    padding: 12px 16px !important;
    transition: all 250ms ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    text-align: right !important;
}

.dokan-dash-sidebar ul.dokan-dashboard-menu li a i,
.dokan-frontend-sidebar nav ul li a i,
.dokan-frontend-sidebar nav ul li a svg {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* Sidebar Link Hover Effect - Exactly like Active Item (Blue Background + White Text/Icon) */
.dokan-dash-sidebar ul.dokan-dashboard-menu li:not(.active) a:hover,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]):hover {
    background-color: #1A91DD !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 20px rgba(26, 145, 221, 0.25) !important;
    transform: none !important;
}

.dokan-dash-sidebar ul.dokan-dashboard-menu li:not(.active) a:hover span,
.dokan-dash-sidebar ul.dokan-dashboard-menu li:not(.active) a:hover i,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]):hover span,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]):hover i,
.dokan-frontend-sidebar nav ul li a:not(.active):not([data-active="true"]):hover svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    opacity: 1 !important;
}

/* Active Menu Item */
.dokan-dash-sidebar ul.dokan-dashboard-menu li.active a,
.dokan-frontend-sidebar nav ul li a.active,
.dokan-frontend-sidebar nav ul li a[data-active="true"] {
    background-color: #1A91DD !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 20px rgba(26, 145, 221, 0.25) !important;
}

.dokan-dash-sidebar ul.dokan-dashboard-menu li.active a span,
.dokan-dash-sidebar ul.dokan-dashboard-menu li.active a i,
.dokan-frontend-sidebar nav ul li a.active span,
.dokan-frontend-sidebar nav ul li a.active i,
.dokan-frontend-sidebar nav ul li a.active svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    opacity: 1 !important;
}

/* ==========================================================================
   4. WITHDRAW REQUEST MODAL - FIXED & BULLETPROOF FLEXBOX RTL LAYOUT
   ========================================================================== */
.dokan-modal,
.modal-dialog,
.modal-content,
.components-modal__screen-overlay,
.components-modal__frame,
.components-modal__header,
.components-modal__content {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Peyda', -apple-system, BlinkMacSystemFont, Tahoma, sans-serif !important;
    box-sizing: border-box !important;
}

.modal-dialog {
    max-width: 540px !important;
    margin: 30px auto !important;
}

.modal-content,
.components-modal__frame {
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    padding: 20px 24px !important;
}

.dokan-modal .modal-header .close,
.components-modal__header .components-button,
.modal-header button.close {
    float: left !important;
    left: 20px !important;
    right: auto !important;
    margin-left: 0 !important;
    opacity: 0.7 !important;
}

/* Clean Flexbox Form Layout for Withdraw Modal */
#dokan-handle-withdraw-request,
.dokan-form-horizontal.withdraw {
    direction: rtl !important;
    text-align: right !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 10px 0 !important;
}

#dokan-handle-withdraw-request .dokan-form-group,
.dokan-form-horizontal.withdraw .dokan-form-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}

#dokan-handle-withdraw-request .dokan-w4,
#dokan-handle-withdraw-request .dokan-w5,
.dokan-form-horizontal.withdraw .dokan-w4,
.dokan-form-horizontal.withdraw .dokan-w5 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

#dokan-handle-withdraw-request label,
.dokan-form-horizontal.withdraw label,
.modal-content label {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: right !important;
    width: 100% !important;
}

/* Dropdown Select for Withdraw Method */
#dokan-handle-withdraw-request select.dokan-form-control,
.dokan-form-horizontal.withdraw select.dokan-form-control {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid #CBD5E1 !important;
    padding: 10px 14px !important;
    direction: rtl !important;
    text-align: right !important;
    background-color: #FFFFFF !important;
    box-sizing: border-box !important;
}

/* Input Group for Currency (تومان) + Amount Input Field */
#dokan-handle-withdraw-request .dokan-input-group,
.dokan-form-horizontal.withdraw .dokan-input-group {
    display: flex !important;
    flex-direction: row-reverse !important; /* Places Addon (تومان) on left, Input on right */
    align-items: center !important;
    width: 100% !important;
    direction: ltr !important;
    position: relative !important;
    box-sizing: border-box !important;
}

#dokan-handle-withdraw-request .dokan-input-group input.wc_input_price,
.dokan-form-horizontal.withdraw .dokan-input-group input.wc_input_price,
.dokan-form-horizontal.withdraw input[type="text"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 0 12px 12px 0 !important;
    border: 1px solid #CBD5E1 !important;
    border-left: none !important;
    text-align: right !important;
    direction: rtl !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background-color: #FFFFFF !important;
}

#dokan-handle-withdraw-request .dokan-input-group .dokan-input-group-addon,
.dokan-form-horizontal.withdraw .dokan-input-group .dokan-input-group-addon {
    flex: 0 0 auto !important;
    min-height: 46px !important;
    background-color: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 12px 0 0 12px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Readonly Output Spans for Withdraw Charges & Receivable Amount */
#dokan-withdraw-charge-section-text,
#dokan-withdraw-revivable-section-text {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    line-height: 44px !important;
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Modal Footer & Buttons */
.modal-footer,
.dokan-form-horizontal.withdraw .ajax_prev.footer {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
    justify-content: flex-start !important;
    direction: rtl !important;
}

.modal-content button,
.modal-content .dokan-btn,
.components-modal__frame button {
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
}

/* ==========================================================================
   5. HEADER & TOOLBAR
   ========================================================================== */
.dokan-dashboard header,
.dokan-layout header,
.dokan-frontend-layout header {
    background: #FFFFFF !important;
    height: 82px !important;
    border-bottom: 1px solid #E5E7EB !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03) !important;
    padding: 0 32px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    align-items: center !important;
}

.dokan-dashboard header a,
.dokan-layout header a {
    color: #1A91DD !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* ==========================================================================
   6. FORMS & INPUTS (GLOBAL)
   ========================================================================== */
.components-input-control__input,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="tel"],
textarea,
select,
.dokan-form-control,
.select2-container--default .select2-selection--single {
    border-radius: 12px !important;
    border: 1px solid #E5E7EB !important;
    padding: 10px 16px !important;
    font-size: 0.95rem !important;
    color: #111827 !important;
    background-color: #FFFFFF !important;
    transition: all 300ms ease !important;
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
    min-height: 46px !important;
}

.select2-container--default .select2-selection--single {
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px !important;
    padding-left: 24px !important;
    padding-right: 0 !important;
    color: #111827 !important;
    font-size: 0.95rem !important;
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    position: absolute !important;
    top: 0 !important;
    left: 12px !important;
    right: auto !important;
    width: 20px !important;
}
.react-select{
	text-align:start !important
}
input#0.3289698016202015{
	opacity:0 !important;
}
.mt-3 [for="withdraw-charge"]{
	text-align:start !important
}
.dokan-withdraw-request-price-input{
	text-align:start !important
}
.mt-3 [for="receivable-amount"]{
	text-align:start !important
}