/* =========================================
   WC VENDORS GLOBAL STYLES
   Apply main site fonts and colors to all WC Vendors components
   ========================================= */

/* ==============================
   WC VENDORS COLOR PALETTE OVERRIDE
   Replace WC Vendors' default blue (#0f62fe) with theme primary color everywhere
   ============================== */
/* Override WC Vendors button background colors globally - affects all buttons */
.wcv-grid .wcv-button,
.wcv-grid .button,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button,
.wcv-form .wcv-grid .wcv-button,
.wcv-form .wcv-grid .button,
.wcvendors-pro-dashboard-wrapper .wcv-button,
.wcvendors-pro-dashboard-wrapper .button,
.wcv-form .wcv-button,
.wcv-form .button,
.wcv-tab-content .wcv-button,
.wcv-tab-content .button {
    background: var(--color-primary, #00426a) !important;
    background-color: var(--color-primary, #00426a) !important;
    color: #ffffff !important;
    border-color: var(--color-primary, #00426a) !important;
}

.wcv-grid .wcv-button:hover,
.wcv-grid .button:hover,
.wcv-grid .wcv-button:focus,
.wcv-grid .button:focus,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button:focus,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button:focus,
.wcv-form .wcv-grid .wcv-button:hover,
.wcv-form .wcv-grid .button:hover,
.wcv-form .wcv-grid .wcv-button:focus,
.wcv-form .wcv-grid .button:focus,
.wcvendors-pro-dashboard-wrapper .wcv-button:hover,
.wcvendors-pro-dashboard-wrapper .button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-button:focus,
.wcvendors-pro-dashboard-wrapper .button:focus,
.wcv-form .wcv-button:hover,
.wcv-form .button:hover,
.wcv-form .wcv-button:focus,
.wcv-form .button:focus,
.wcv-tab-content .wcv-button:hover,
.wcv-tab-content .button:hover,
.wcv-tab-content .wcv-button:focus,
.wcv-tab-content .button:focus {
    background: var(--color-primary-hover, #006bb3) !important;
    background-color: var(--color-primary-hover, #006bb3) !important;
    color: #ffffff !important;
    border-color: var(--color-primary-hover, #006bb3) !important;
}

/* Style update and clear buttons as links (not buttons) - target by class and ID with high specificity */
.wcv-grid .wcv-button.wcv-button-link-secondary,
.wcv-grid .button.wcv-button-link-secondary,
.wcv-grid .wcv-button.wcv-button-link-danger,
.wcv-grid .button.wcv-button-link-danger,
.wcv-grid .wcv-button#update_button,
.wcv-grid .button#update_button,
.wcv-grid .wcv-button#update_button_product,
.wcv-grid .button#update_button_product,
.wcv-grid .wcv-button#clear_button,
.wcv-grid .button#clear_button,
.wcv-grid .wcv-button#clear_button_report,
.wcv-grid .button#clear_button_report,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button.wcv-button-link-secondary,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button.wcv-button-link-secondary,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button.wcv-button-link-danger,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button.wcv-button-link-danger,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#update_button,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#update_button,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#update_button_product,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#update_button_product,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#clear_button,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#clear_button,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#clear_button_report,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#clear_button_report,
.wcv-form .wcv-grid .wcv-button.wcv-button-link-secondary,
.wcv-form .wcv-grid .button.wcv-button-link-secondary,
.wcv-form .wcv-grid .wcv-button.wcv-button-link-danger,
.wcv-form .wcv-grid .button.wcv-button-link-danger,
.wcv-form .wcv-grid .wcv-button#update_button,
.wcv-form .wcv-grid .button#update_button,
.wcv-form .wcv-grid .wcv-button#update_button_product,
.wcv-form .wcv-grid .button#update_button_product,
.wcv-form .wcv-grid .wcv-button#clear_button,
.wcv-form .wcv-grid .button#clear_button,
.wcv-form .wcv-grid .wcv-button#clear_button_report,
.wcv-form .wcv-grid .button#clear_button_report,
.wcv-button.wcv-button-link-secondary,
.wcv-button.wcv-button-link-danger,
#update_button,
#update_button_product,
#clear_button,
#clear_button_report,
button#update_button,
button#update_button_product,
button#clear_button,
button#clear_button_report {
    background: none !important;
    background-color: transparent !important;
    color: var(--color-primary, #00426a) !important;
    border: none !important;
    border-color: transparent !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-weight: normal !important;
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Style internal elements (SVG, span) to match link styling */
.wcv-grid .wcv-button.wcv-button-link-secondary svg,
.wcv-grid .wcv-button.wcv-button-link-secondary span,
.wcv-grid .wcv-button.wcv-button-link-danger svg,
.wcv-grid .wcv-button.wcv-button-link-danger span,
.wcv-grid .wcv-button#update_button svg,
.wcv-grid .wcv-button#update_button span,
.wcv-grid .wcv-button#update_button_product svg,
.wcv-grid .wcv-button#update_button_product span,
.wcv-grid .wcv-button#clear_button svg,
.wcv-grid .wcv-button#clear_button span,
.wcv-grid .wcv-button#clear_button_report svg,
.wcv-grid .wcv-button#clear_button_report span,
.wcv-button.wcv-button-link-secondary svg,
.wcv-button.wcv-button-link-secondary span,
.wcv-button.wcv-button-link-danger svg,
.wcv-button.wcv-button-link-danger span,
#update_button svg,
#update_button span,
#update_button_product svg,
#update_button_product span,
#clear_button svg,
#clear_button span,
#clear_button_report svg,
#clear_button_report span {
    color: var(--color-primary, #00426a) !important;
    fill: var(--color-primary, #00426a) !important;
    display: inline !important;
    vertical-align: baseline !important;
}

/* Override text-blue class color for these buttons */
.wcv-grid .wcv-button.wcv-button-link-secondary.text-blue,
.wcv-grid .button.wcv-button-link-secondary.text-blue,
.wcv-grid .wcv-button.wcv-button-link-danger.text-blue,
.wcv-grid .button.wcv-button-link-danger.text-blue,
.wcv-grid .wcv-button#update_button.text-blue,
.wcv-grid .button#update_button.text-blue,
.wcv-grid .wcv-button#update_button_product.text-blue,
.wcv-grid .button#update_button_product.text-blue,
.wcv-grid .wcv-button#clear_button.text-blue,
.wcv-grid .button#clear_button.text-blue,
.wcv-grid .wcv-button#clear_button_report.text-blue,
.wcv-grid .button#clear_button_report.text-blue {
    color: var(--color-primary, #00426a) !important;
}

.wcv-grid .wcv-button.wcv-button-link-secondary:hover,
.wcv-grid .button.wcv-button-link-secondary:hover,
.wcv-grid .wcv-button.wcv-button-link-danger:hover,
.wcv-grid .button.wcv-button-link-danger:hover,
.wcv-grid .wcv-button#update_button:hover,
.wcv-grid .button#update_button:hover,
.wcv-grid .wcv-button#update_button_product:hover,
.wcv-grid .button#update_button_product:hover,
.wcv-grid .wcv-button#clear_button:hover,
.wcv-grid .button#clear_button:hover,
.wcv-grid .wcv-button#clear_button_report:hover,
.wcv-grid .button#clear_button_report:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button.wcv-button-link-secondary:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button.wcv-button-link-secondary:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button.wcv-button-link-danger:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button.wcv-button-link-danger:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#update_button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#update_button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#update_button_product:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#update_button_product:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#clear_button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#clear_button:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-button#clear_button_report:hover,
.wcvendors-pro-dashboard-wrapper .wcv-grid .button#clear_button_report:hover,
.wcv-form .wcv-grid .wcv-button.wcv-button-link-secondary:hover,
.wcv-form .wcv-grid .button.wcv-button-link-secondary:hover,
.wcv-form .wcv-grid .wcv-button.wcv-button-link-danger:hover,
.wcv-form .wcv-grid .button.wcv-button-link-danger:hover,
.wcv-form .wcv-grid .wcv-button#update_button:hover,
.wcv-form .wcv-grid .button#update_button:hover,
.wcv-form .wcv-grid .wcv-button#update_button_product:hover,
.wcv-form .wcv-grid .button#update_button_product:hover,
.wcv-form .wcv-grid .wcv-button#clear_button:hover,
.wcv-form .wcv-grid .button#clear_button:hover,
.wcv-form .wcv-grid .wcv-button#clear_button_report:hover,
.wcv-form .wcv-grid .button#clear_button_report:hover,
.wcv-button.wcv-button-link-secondary:hover,
.wcv-button.wcv-button-link-danger:hover,
#update_button:hover,
#update_button_product:hover,
#clear_button:hover,
#clear_button_report:hover,
button#update_button:hover,
button#update_button_product:hover,
button#clear_button:hover,
button#clear_button_report:hover,
.wcv-grid .wcv-button.wcv-button-link-secondary:focus,
.wcv-grid .button.wcv-button-link-secondary:focus,
.wcv-grid .wcv-button.wcv-button-link-danger:focus,
.wcv-grid .button.wcv-button-link-danger:focus,
.wcv-grid .wcv-button#update_button:focus,
.wcv-grid .button#update_button:focus,
.wcv-grid .wcv-button#update_button_product:focus,
.wcv-grid .button#update_button_product:focus,
.wcv-grid .wcv-button#clear_button:focus,
.wcv-grid .button#clear_button:focus,
.wcv-grid .wcv-button#clear_button_report:focus,
.wcv-grid .button#clear_button_report:focus,
#update_button:focus,
#update_button_product:focus,
#clear_button:focus,
#clear_button_report:focus,
button#update_button:focus,
button#update_button_product:focus,
button#clear_button:focus,
button#clear_button_report:focus {
    background: none !important;
    background-color: transparent !important;
    color: var(--color-primary-hover, #006bb3) !important;
    border: none !important;
    border-color: transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Override text-blue class color on hover for these buttons */
.wcv-grid .wcv-button.wcv-button-link-secondary.text-blue:hover,
.wcv-grid .button.wcv-button-link-secondary.text-blue:hover,
.wcv-grid .wcv-button.wcv-button-link-danger.text-blue:hover,
.wcv-grid .button.wcv-button-link-danger.text-blue:hover,
.wcv-grid .wcv-button#update_button.text-blue:hover,
.wcv-grid .button#update_button.text-blue:hover,
.wcv-grid .wcv-button#update_button_product.text-blue:hover,
.wcv-grid .button#update_button_product.text-blue:hover,
.wcv-grid .wcv-button#clear_button.text-blue:hover,
.wcv-grid .button#clear_button.text-blue:hover,
.wcv-grid .wcv-button#clear_button_report.text-blue:hover,
.wcv-grid .button#clear_button_report.text-blue:hover {
    color: var(--color-primary-hover, #006bb3) !important;
}

/* Style internal elements on hover */
.wcv-grid .wcv-button.wcv-button-link-secondary:hover svg,
.wcv-grid .wcv-button.wcv-button-link-secondary:hover span,
.wcv-grid .wcv-button.wcv-button-link-danger:hover svg,
.wcv-grid .wcv-button.wcv-button-link-danger:hover span,
.wcv-grid .wcv-button#update_button:hover svg,
.wcv-grid .wcv-button#update_button:hover span,
.wcv-grid .wcv-button#update_button_product:hover svg,
.wcv-grid .wcv-button#update_button_product:hover span,
.wcv-grid .wcv-button#clear_button:hover svg,
.wcv-grid .wcv-button#clear_button:hover span,
.wcv-grid .wcv-button#clear_button_report:hover svg,
.wcv-grid .wcv-button#clear_button_report:hover span,
.wcv-button.wcv-button-link-secondary:hover svg,
.wcv-button.wcv-button-link-secondary:hover span,
.wcv-button.wcv-button-link-danger:hover svg,
.wcv-button.wcv-button-link-danger:hover span,
#update_button:hover svg,
#update_button:hover span,
#update_button_product:hover svg,
#update_button_product:hover span,
#clear_button:hover svg,
#clear_button:hover span,
#clear_button_report:hover svg,
#clear_button_report:hover span {
    color: var(--color-primary-hover, #006bb3) !important;
    fill: var(--color-primary-hover, #006bb3) !important;
}

/* Add spacing between update and clear buttons */
.wcv-grid .wcv-button.wcv-button-link-secondary,
.wcv-grid .button.wcv-button-link-secondary,
.wcv-grid .wcv-button#update_button,
.wcv-grid .button#update_button,
.wcv-grid .wcv-button#update_button_product,
.wcv-grid .button#update_button_product,
.wcv-button.wcv-button-link-secondary,
#update_button,
#update_button_product {
    margin-right: 1rem !important;
}

/* Override WC Vendors links and text colors that use blue */
.wcvendors-pro-dashboard-wrapper a,
.wcv-form a,
.wcv-tab-content a,
.wcv-grid a {
    color: var(--color-primary, #00426a) !important;
}

/* Override WC Vendors blue colors in store setup steps - comprehensive override */
.wcv-store-setup-step.current {
    border-color: var(--color-primary, #00426a) !important;
}

/* Make setup step icon background transparent and border theme blue (completed steps handled in _vendor-dashboard.css) */
.wcv-store-setup-steps-wrapper .wcv-store-setup-steps .wcv-store-setup-step .wcv-store-setup-step-icon,
.wcv-store-setup-step .wcv-store-setup-step-icon,
.wcv-store-setup-steps-wrapper .wcv-store-setup-steps .wcv-store-setup-step.current .wcv-store-setup-step-icon,
.wcv-store-setup-step.current .wcv-store-setup-step-icon {
    background: transparent !important;
    background-color: transparent !important;
    border-color: var(--color-primary, #00426a) !important;
    border: 2px solid var(--color-primary, #00426a) !important;
}

/* Override all text colors in setup steps - target all possible blue text */
.wcv-store-setup-step.current .wcv-store-setup-step-title,
.wcv-store-setup-step.current h3,
.wcv-store-setup-step .wcv-store-setup-step-title,
.wcv-store-setup-step h3 {
    color: var(--color-primary, #00426a) !important;
}

/* Override any blue color values in setup step text, backgrounds, and borders */
.wcv-store-setup-step[style*="color: #0f62fe"],
.wcv-store-setup-step[style*="color: #007bff"],
.wcv-store-setup-step[style*="background: #0f62fe"],
.wcv-store-setup-step[style*="background: #007bff"],
.wcv-store-setup-step[style*="border-color: #0f62fe"],
.wcv-store-setup-step[style*="border-color: #007bff"],
.wcv-store-setup-step *[style*="color: #0f62fe"],
.wcv-store-setup-step *[style*="color: #007bff"],
.wcv-store-setup-step *[style*="background: #0f62fe"],
.wcv-store-setup-step *[style*="background: #007bff"],
.wcv-store-setup-step *[style*="border-color: #0f62fe"],
.wcv-store-setup-step *[style*="border-color: #007bff"] {
    color: var(--color-primary, #00426a) !important;
    background: var(--color-primary, #00426a) !important;
    background-color: var(--color-primary, #00426a) !important;
    border-color: var(--color-primary, #00426a) !important;
}

/* Override all SVG fills in setup steps - completed steps handled in _vendor-dashboard.css */
.wcv-store-setup-step-icon svg,
.wcv-store-setup-step-icon svg use,
.wcv-store-setup-step .wcv-icon,
.wcv-store-setup-step .wcv-icon use,
.wcv-store-setup-step .wcv-step-icon,
.wcv-store-setup-step .wcv-step-icon use,
.wcv-store-setup-step .wcv-icon-arrow-right-outline,
.wcv-store-setup-step .wcv-icon-arrow-right-outline use,
.wcv-store-setup-step svg,
.wcv-store-setup-step svg use {
    fill: var(--color-primary, #00426a) !important;
    color: var(--color-primary, #00426a) !important;
}

/* Override link button colors */
.wcv-store-setup-step .wcv-store-setup-step-link {
    background: var(--color-primary, #00426a) !important;
    background-color: var(--color-primary, #00426a) !important;
    border-color: var(--color-primary, #00426a) !important;
    color: #ffffff !important;
}

.wcv-store-setup-step .wcv-store-setup-step-link:hover,
.wcv-store-setup-step .wcv-store-setup-step-link:focus {
    background: var(--color-primary-hover, #006bb3) !important;
    background-color: var(--color-primary-hover, #006bb3) !important;
    border-color: var(--color-primary-hover, #006bb3) !important;
    color: #ffffff !important;
}

/* Override any inline styles or WC Vendors CSS that uses their blue */
.wcv-store-setup-step [style*="#0f62fe"],
.wcv-store-setup-step [style*="#007bff"],
.wcv-store-setup-step [style*="rgb(15, 98, 254)"],
.wcv-store-setup-step [style*="rgb(0, 123, 255)"] {
    color: var(--color-primary, #00426a) !important;
    fill: var(--color-primary, #00426a) !important;
    border-color: var(--color-primary, #00426a) !important;
    background-color: var(--color-primary, #00426a) !important;
}

.wcvendors-pro-dashboard-wrapper a:hover,
.wcvendors-pro-dashboard-wrapper a:focus,
.wcv-form a:hover,
.wcv-form a:focus,
.wcv-tab-content a:hover,
.wcv-tab-content a:focus,
.wcv-grid a:hover,
.wcv-grid a:focus {
    color: var(--color-primary-hover, #006bb3) !important;
}

/* Override WC Vendors borders that use blue */
.wcvendors-pro-dashboard-wrapper,
.wcv-form,
.wcv-tab-content,
.wcv-grid {
    border-color: var(--color-primary, #00426a) !important;
}

/* Override any text colors that use blue */
.wcvendors-pro-dashboard-wrapper [style*="#0f62fe"],
.wcv-form [style*="#0f62fe"],
.wcv-tab-content [style*="#0f62fe"],
.wcv-grid [style*="#0f62fe"] {
    color: var(--color-primary, #00426a) !important;
}

.wcvendors-pro-dashboard-wrapper [style*="background-color: #0f62fe"],
.wcv-form [style*="background-color: #0f62fe"],
.wcv-tab-content [style*="background-color: #0f62fe"],
.wcv-grid [style*="background-color: #0f62fe"],
.wcvendors-pro-dashboard-wrapper [style*="background: #0f62fe"],
.wcv-form [style*="background: #0f62fe"],
.wcv-tab-content [style*="background: #0f62fe"],
.wcv-grid [style*="background: #0f62fe"] {
    background-color: var(--color-primary, #00426a) !important;
    background: var(--color-primary, #00426a) !important;
}

/* ==============================
   TYPOGRAPHY - Body & General Text
   ============================== */

/* Apply main site fonts to all WC Vendors content */
.wcvendors-pro-dashboard-wrapper,
.wcvendors-pro-dashboard-wrapper *,
.wcv-form,
.wcv-form *,
.wcv-table,
.wcv-table *,
.wcv-tab-content,
.wcv-tab-content * {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
}

/* Fix TinyMCE editor icons - restore icon font and color */
.mce-ico,
.mce-ico::before {
    font-family: "tinymce", Arial !important;
    color: #50575e !important;
}

/* Fix icons that use dashicons font */
i.mce-i-aligncenter::before,
i.mce-i-alignjustify::before,
i.mce-i-alignleft::before,
i.mce-i-alignright::before,
i.mce-i-backcolor::before,
i.mce-i-blockquote::before,
i.mce-i-bold::before,
i.mce-i-bullist::before,
i.mce-i-charmap::before,
i.mce-i-dashicon::before,
i.mce-i-dfw::before,
i.mce-i-forecolor::before,
i.mce-i-fullscreen::before,
i.mce-i-help::before,
i.mce-i-hr::before,
i.mce-i-indent::before,
i.mce-i-italic::before,
i.mce-i-link::before,
i.mce-i-ltr::before,
i.mce-i-numlist::before,
i.mce-i-outdent::before,
i.mce-i-pastetext::before,
i.mce-i-pasteword::before,
i.mce-i-redo::before,
i.mce-i-remove::before,
i.mce-i-removeformat::before,
i.mce-i-spellchecker::before,
i.mce-i-strikethrough::before,
i.mce-i-underline::before,
i.mce-i-undo::before,
i.mce-i-unlink::before,
i.mce-i-wp-media-library::before,
i.mce-i-wp_adv::before,
i.mce-i-wp_code::before,
i.mce-i-wp_fullscreen::before,
i.mce-i-wp_help::before,
i.mce-i-wp_more::before,
i.mce-i-wp_page::before {
    font: normal 20px / 1 dashicons !important;
    color: #50575e !important;
}

/* Fix TinyMCE toolbar icon colors */
.mce-toolbar .mce-ico,
.mce-toolbar .mce-ico::before {
    color: #50575e !important;
}


.mce-btn:hover .mce-ico,
.mce-btn:hover .mce-ico::before,
.mce-btn:focus .mce-ico,
.mce-btn:focus .mce-ico::before,
.mce-btn:active .mce-ico,
.mce-btn:active .mce-ico::before {
    color: #1d2327 !important;
}

/* Override customizer button hover for editor buttons only - keep white background, add blue outline */
/* Use specific selectors for editor buttons (wp-switch-editor, mce-btn, etc.) for higher specificity */
.wcvendors-pro-dashboard-wrapper button.mce-btn:hover,
.wcvendors-pro-dashboard-wrapper .mce-btn button:hover,
.wcvendors-pro-dashboard-wrapper .mce-toolbar button:hover,
.wcv-form button.mce-btn:hover,
.wcv-form .mce-btn button:hover,
.wcv-form .mce-toolbar button:hover,
.wcv-tab-content button.mce-btn:hover,
.wcv-tab-content .mce-btn button:hover,
.wcv-tab-content .mce-toolbar button:hover,
.wcvendors-pro-dashboard-wrapper button.mce-btn:focus,
.wcvendors-pro-dashboard-wrapper .mce-btn button:focus,
.wcvendors-pro-dashboard-wrapper .mce-toolbar button:focus,
.wcv-form button.mce-btn:focus,
.wcv-form .mce-btn button:focus,
.wcv-form .mce-toolbar button:focus,
.wcv-tab-content button.mce-btn:focus,
.wcv-tab-content .mce-btn button:focus,
.wcv-tab-content .mce-toolbar button:focus,
.wcvendors-pro-dashboard-wrapper button.wp-switch-editor:hover,
.wcvendors-pro-dashboard-wrapper button.switch-tmce:hover,
.wcvendors-pro-dashboard-wrapper button.switch-html:hover,
.wcv-form button.wp-switch-editor:hover,
.wcv-form button.switch-tmce:hover,
.wcv-form button.switch-html:hover,
.wcv-tab-content button.wp-switch-editor:hover,
.wcv-tab-content button.switch-tmce:hover,
.wcv-tab-content button.switch-html:hover,
.wcvendors-pro-dashboard-wrapper button.wp-switch-editor:focus,
.wcvendors-pro-dashboard-wrapper button.switch-tmce:focus,
.wcvendors-pro-dashboard-wrapper button.switch-html:focus,
.wcv-form button.wp-switch-editor:focus,
.wcv-form button.switch-tmce:focus,
.wcv-form button.switch-html:focus,
.wcv-tab-content button.wp-switch-editor:focus,
.wcv-tab-content button.switch-tmce:focus,
.wcv-tab-content button.switch-html:focus {
    background-color: white !important;
    background: white !important;
    color: #1d2327 !important;
    box-shadow: 0 0 0 2px #2271b1 !important;
    outline: 2px solid transparent !important;
    border-color: transparent !important;
}

/* Style Code tab quicktags toolbar buttons to match Visual tab */
.wcvendors-pro-dashboard-wrapper .quicktags-toolbar input[type="button"],
.wcvendors-pro-dashboard-wrapper .quicktags-toolbar input.button,
.wcv-form .quicktags-toolbar input[type="button"],
.wcv-form .quicktags-toolbar input.button,
.wcv-tab-content .quicktags-toolbar input[type="button"],
.wcv-tab-content .quicktags-toolbar input.button {
    background: white !important;
    color: #50575e !important;
    border-color: transparent !important;
    border: 1px solid transparent !important;
    margin: 2px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    min-height: 26px !important;
    line-height: 2.18181818 !important;
    border-radius: 0 !important;
}

/* Override customizer button hover for Code tab buttons - keep white background, match Visual tab */
.wcvendors-pro-dashboard-wrapper .quicktags-toolbar input[type="button"]:hover,
.wcvendors-pro-dashboard-wrapper .quicktags-toolbar input.button:hover,
.wcv-form .quicktags-toolbar input[type="button"]:hover,
.wcv-form .quicktags-toolbar input.button:hover,
.wcv-tab-content .quicktags-toolbar input[type="button"]:hover,
.wcv-tab-content .quicktags-toolbar input.button:hover,
.wcvendors-pro-dashboard-wrapper .quicktags-toolbar input[type="button"]:focus,
.wcvendors-pro-dashboard-wrapper .quicktags-toolbar input.button:focus,
.wcv-form .quicktags-toolbar input[type="button"]:focus,
.wcv-form .quicktags-toolbar input.button:focus,
.wcv-tab-content .quicktags-toolbar input[type="button"]:focus,
.wcv-tab-content .quicktags-toolbar input.button:focus {
    background-color: white !important;
    background: white !important;
    color: #1d2327 !important;
    box-shadow: 0 0 0 2px #2271b1 !important;
    outline: 2px solid transparent !important;
    border-color: transparent !important;
}

/* Override for dropdown menu - must come after the general rule above */
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-menu.horizontal.black.secondary,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-menu.horizontal.black.secondary * {
    color: inherit !important;
}

/* Headings - Use main site heading fonts */
.wcv-tab-page-heading,
.wcv-tab-page-heading-wrapper,
.wcv-accordion-title,
.wcv-form h1,
.wcv-form h2,
.wcv-form h3,
.wcv-form h4,
.wcv-form h5,
.wcv-form h6,
.wcv-settings-heading {
    font-family: var(--font-heading, "Oswald", sans-serif) !important;
    font-weight: 600 !important;
    color: var(--color-primary, #00426a) !important;
    line-height: 1.3 !important;
}

/* Subheadings */
.wcv-form h3,
.wcv-form h4,
.wcv-settings-section h3,
.wcv-settings-section h4 {
    font-family: var(--font-subheading, "Montserrat", sans-serif) !important;
    font-weight: 500 !important;
}

/* Secondary/Muted Text */
.wcv-muted,
.wcv-text-muted,
small,
.wcv-rating-count,
.wcv-no-ratings {
    color: var(--color-muted, #666666) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* ==============================
   BUTTONS - Only navigation buttons are styled
   All other button styles have been removed.
   ============================== */

/* Buttons within WC Vendors navigation */
.wcv-navigation .button,
.wcv-navigation button,
.wcv-dashboard-menu .button,
.wcv-dashboard-menu button,
.wcv-settings-tab-nav .button,
.wcv-settings-tab-nav button,
.wcv-settings-tabs .button,
.wcv-settings-tabs button,
.wcv-settings-nav .button,
.wcv-settings-nav button,
.wcv-tabs .button,
.wcv-tabs button {
    /* Navigation buttons keep their default styling */
}

/* ==============================
   LINKS - Apply main site link styles
   (Exclude navigation links - they stay white, defined later in navigation section)
   ============================== */

.wcv-form a,
.wcv-table a,
.wcv-tab-content a {
    color: var(--color-link, #0099cc) !important;
    text-decoration: none !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* Dashboard wrapper links (but not navigation - navigation handled in navigation section below) */
.wcvendors-pro-dashboard-wrapper a:not(.wcv-dashboard-nav-item-link):not(.wcv-view-more) {
    color: var(--color-link, #0099cc) !important;
    text-decoration: none !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* ==============================
   SETTINGS PAGE TAB NAVIGATION
   Settings menu links should be main dark blue
   ============================== */

/* Settings page tab navigation links */
body.wcvendors-settings-page .wcv-tab-content a,
body.wcvendors-settings-page .wcv-settings-section a,
body.wcvendors-settings-page .wcvendors-pro-dashboard-wrapper a:not(.wcv-dashboard-nav-item-link):not(.wcv-view-more),
.wcv-settings-tab-nav a,
.wcv-settings-tabs a,
.wcv-settings-nav a,
ul.wcv-settings-tabs a,
.wcv-tabs a {
    color: var(--color-primary, #00426a) !important;
    text-decoration: none !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

body.wcvendors-settings-page .wcv-tab-content a:hover,
body.wcvendors-settings-page .wcv-settings-section a:hover,
body.wcvendors-settings-page .wcvendors-pro-dashboard-wrapper a:not(.wcv-dashboard-nav-item-link):not(.wcv-view-more):hover,
.wcv-settings-tab-nav a:hover,
.wcv-settings-tabs a:hover,
.wcv-settings-nav a:hover,
ul.wcv-settings-tabs a:hover,
.wcv-tabs a:hover {
    color: var(--color-primary-hover, #006bb3) !important;
    text-decoration: underline !important;
}

/* Active tab indicator - change background to main blue */
.wcv-tabs .tabs-nav li.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: -5px !important;
    height: 10px !important;
    border-radius: 8px !important;
    width: 100% !important;
    left: 0 !important;
    background: var(--color-primary, #00426a) !important;
}

.wcv-form a:hover,
.wcv-table a:hover,
.wcv-tab-content a:hover,
.wcvendors-pro-dashboard-wrapper a:not(.wcv-dashboard-nav-item-link):not(.wcv-view-more):hover {
    color: var(--color-primary-hover, #006bb3) !important;
    text-decoration: underline !important;
}

/* View More button/link - Match site colors */
.wcv-view-more,
a.wcv-view-more,
.wcv-view-more a {
    color: var(--color-text, #222222) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    text-decoration: none !important;
}

.wcv-view-more:hover,
a.wcv-view-more:hover {
    background-color: var(--color-primary-hover, #006bb3) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.wcv-view-more:hover,
a.wcv-view-more:hover,
.wcv-view-more:hover *,
.wcv-view-more:hover span,
.wcv-view-more:hover a,
a.wcv-view-more:hover *,
a.wcv-view-more:hover span {
    color: #ffffff !important;
}

/* ==============================
   FORMS - Apply main site form styles
   ============================== */

/* Form Labels */
.wcv-label,
.wcv-form-group label {
    color: var(--color-text, #222222) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    margin-bottom: 0.5em !important;
}

.wcv-field-required::after {
    color: var(--color-error, #dc3545) !important;
}

/* Form Inputs */
.wcv-input,
.wcv-textarea,
.wcv-select,
input.wcv-input,
textarea.wcv-textarea,
select.wcv-select {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    font-size: 1rem !important;
    color: var(--color-text, #222222) !important;
    border: 1px solid var(--color-border-light, #e5e5e5) !important;
    padding: 0.5em !important;
    border-radius: 4px !important;
}

.wcv-input:focus,
.wcv-textarea:focus,
.wcv-select:focus {
    border-color: var(--color-primary, #00426a) !important;
    outline: none !important;
}

/* ==============================
   VENDOR REGISTRATION FORM
   Apply main site form styles to registration form
   ============================== */

/* Registration Form Container */
.wcv-registration-form-wrapper {
    background: #fff !important;
    padding: 40px !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
    margin: 2rem auto !important;
    max-width: 600px !important;
    width: 100% !important;
    font-family: system-ui, sans-serif !important;
    text-align: left !important;
}

/* Registration Form */
#wcv-registration-form,
form.wcv-ajax-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

/* Field Wrapper */
.wcv-field-wrapper {
    margin-bottom: 1rem !important;
}

/* Nested Field Wrapper (for fields inside field-wrapper) */
.wcv-field-wrapper .wcv-field-wrapper {
    margin-bottom: 0 !important;
}

/* Registration Form Labels */
.wcv-registration-form-wrapper label,
.wcv-field-wrapper label,
.wcv-field-label {
    font-weight: 600 !important;
    color: var(--color-text, #222222) !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    font-size: 1rem !important;
}

/* Registration Form Inputs */
.wcv-registration-form-wrapper input[type="text"],
.wcv-registration-form-wrapper input[type="email"],
.wcv-registration-form-wrapper input[type="password"],
.wcv-registration-form-wrapper input[type="tel"],
.wcv-field-input:not([type="checkbox"]):not([type="radio"]),
input.wcv-field-input:not([type="checkbox"]):not([type="radio"]),
select.wcv-field-input,
textarea.wcv-field-input {
    padding: 12px 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: var(--color-text, #222222) !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

.wcv-registration-form-wrapper input[type="text"]:focus,
.wcv-registration-form-wrapper input[type="email"]:focus,
.wcv-registration-form-wrapper input[type="password"]:focus,
.wcv-registration-form-wrapper input[type="tel"]:focus,
.wcv-field-input:not([type="checkbox"]):not([type="radio"]):focus,
input.wcv-field-input:not([type="checkbox"]):not([type="radio"]):focus,
select.wcv-field-input:focus,
textarea.wcv-field-input:focus {
    outline: none !important;
    border-color: var(--color-primary, #00426a) !important;
    box-shadow: 0 0 0 2px rgba(0, 66, 106, 0.1) !important;
    background-color: #ffffff !important;
}

/* Address Fields - Special handling */
.wcv-address-fields .wcv-field-input,
.wcv-address-field .wcv-field-input {
    padding: 12px 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: var(--color-text, #222222) !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.wcv-address-fields .wcv-field-input:focus,
.wcv-address-field .wcv-field-input:focus {
    outline: none !important;
    border-color: var(--color-primary, #00426a) !important;
    box-shadow: 0 0 0 2px rgba(0, 66, 106, 0.1) !important;
    background-color: #ffffff !important;
}

/* Select2 Styling for Registration Form */
.wcv-registration-form-wrapper .select2-container--default .select2-selection--single,
.wcv-registration-form-wrapper .select2-container--default .select2-selection--multiple {
    padding: 12px 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: var(--color-text, #222222) !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
}

.wcv-registration-form-wrapper .select2-container--default .select2-selection--single:focus,
.wcv-registration-form-wrapper .select2-container--default .select2-selection--multiple:focus,
.wcv-registration-form-wrapper .select2-container--default.select2-container--focus .select2-selection--single,
.wcv-registration-form-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: none !important;
    border-color: var(--color-primary, #00426a) !important;
    box-shadow: 0 0 0 2px rgba(0, 66, 106, 0.1) !important;
}

.wcv-registration-form-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
    padding: 0 !important;
}

/* Registration Form Submit Button - Auto-apply animation utility */
/* These selectors automatically get .button-animated styles from _buttons.css */

/* Field Description */
.wcv-field-description {
    font-size: 0.875rem !important;
    color: var(--color-muted, #666666) !important;
    margin-top: 0.25rem !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* Required Field Indicator */
.wcv-registration-form-wrapper .required {
    color: var(--color-error, #dc3545) !important;
}

/* Conditional Fields Groups */
.wcv-conditional-group,
.wcv-nested-group {
    margin-top: 1rem !important;
}

/* Error Messages */
.wcv-field-error {
    color: var(--color-error, #dc3545) !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* Messages Container */
.wcv-messages-container {
    margin-bottom: 1.5rem !important;
}

/* Form Spacing */
.wcv-form-spacing {
    margin-top: 1.5rem !important;
}

/* Responsive Registration Form */
@media (max-width: 768px) {
    .wcv-registration-form-wrapper {
        padding: 30px 20px !important;
        margin: 1rem auto !important;
    }
}

/* ==============================
   VENDOR LOGIN FORM
   Apply main site form styles to login form
   ============================== */

/* Vendor Login Title */
.vendor-login-title {
    margin: 0 0 2rem 0;
    padding: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-primary, #00426a);
    text-align: center;
}

/* Login Form Container */
.wcv-login-form-wrapper {
    background: #fff !important;
    padding: 40px !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
    margin: 2rem auto !important;
    max-width: 600px !important;
    width: 100% !important;
    font-family: system-ui, sans-serif !important;
    text-align: left !important;
}

/* Login Form */
#wcv-login-form,
form.wcv-login-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

/* Login Form Labels */
.wcv-login-form-wrapper label,
.wcv-login-form label {
    font-weight: 600 !important;
    color: var(--color-text, #222222) !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    font-size: 1rem !important;
}

/* Login Form Inputs */
.wcv-login-form-wrapper input[type="text"],
.wcv-login-form-wrapper input[type="email"],
.wcv-login-form-wrapper input[type="password"],
.wcv-login-form input[type="text"],
.wcv-login-form input[type="email"],
.wcv-login-form input[type="password"] {
    padding: 12px 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: var(--color-text, #222222) !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

.wcv-login-form-wrapper input[type="text"]:focus,
.wcv-login-form-wrapper input[type="email"]:focus,
.wcv-login-form-wrapper input[type="password"]:focus,
.wcv-login-form input[type="text"]:focus,
.wcv-login-form input[type="email"]:focus,
.wcv-login-form input[type="password"]:focus {
    outline: none !important;
    border-color: var(--color-primary, #00426a) !important;
    box-shadow: 0 0 0 2px rgba(0, 66, 106, 0.1) !important;
    background-color: #ffffff !important;
}

/* Login Form Checkbox */
.wcv-login-form-wrapper .wcv-checkbox-option,
.wcv-login-form .wcv-checkbox-option {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 0.5rem !important;
}

.wcv-login-form-wrapper .wcv-checkbox-option input[type="checkbox"],
.wcv-login-form .wcv-checkbox-option input[type="checkbox"] {
    width: auto !important;
    min-height: auto !important;
    margin: 0 !important;
}

.wcv-login-form-wrapper .wcv-checkbox-option label,
.wcv-login-form .wcv-checkbox-option label {
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

/* Login Form Actions */
.wcv-form-actions {
    margin-top: 1.5rem !important;
}

.wcv-submit-wrapper {
    margin-bottom: 1rem !important;
}

/* Login Form Submit Button - Removed (only navigation buttons are styled) */

/* Login Form Links */
.wcv-form-links {
    text-align: center !important;
    margin-top: 1rem !important;
}

.wcv-forgot-password-link,
.wcv-register-link {
    color: var(--color-link, #0099cc) !important;
    text-decoration: none !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    font-size: 0.9rem !important;
}

.wcv-forgot-password-link:hover,
.wcv-register-link:hover {
    color: var(--color-primary-hover, #006bb3) !important;
    text-decoration: underline !important;
}

.wcv-link-separator {
    color: var(--color-muted, #666666) !important;
    margin: 0 0.5rem !important;
}

/* Required Field Indicator */
.wcv-login-form-wrapper .required {
    color: var(--color-error, #dc3545) !important;
}

/* Responsive Login Form */
@media (max-width: 768px) {
    .wcv-login-form-wrapper {
        padding: 30px 20px !important;
        margin: 1rem auto !important;
    }
}

/* Form Checkboxes & Radios */
.wcv-checkbox,
.wcv-radio {
    accent-color: var(--color-primary, #00426a) !important;
}

/* Registration Form Checkboxes - override input styles to make them normal sized */
.wcv-registration-form-wrapper input[type="checkbox"],
.wcv-registration-form-wrapper input[type="radio"],
.wcv-registration-form-wrapper .wcv-field-input[type="checkbox"],
.wcv-registration-form-wrapper .wcv-field-input[type="radio"],
.wcv-registration-form-wrapper .wcv-field-wrapper input[type="checkbox"],
.wcv-registration-form-wrapper .wcv-field-wrapper input[type="radio"] {
    width: auto !important;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0.5rem 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Registration Form Checkbox Labels - align with checkbox */
.wcv-registration-form-wrapper .wcv-field-wrapper label[for*="terms"],
.wcv-registration-form-wrapper .wcv-field-wrapper label:has(+ input[type="checkbox"]),
.wcv-registration-form-wrapper .wcv-field-wrapper label:has(~ input[type="checkbox"]),
.wcv-registration-form-wrapper input[type="checkbox"] + label,
.wcv-registration-form-wrapper input[type="checkbox"] ~ label,
.wcv-registration-form-wrapper label[for*="agree"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}

/* Terms & Conditions Field - simple layout */
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms > label {
    display: block !important;
    margin-bottom: 0.5rem !important;
}

.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms .wcv-terms-content-wrapper {
    display: block !important;
    margin-bottom: 0.75rem !important;
}

/* Show Terms button - remove background on hover/click */
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms .wcv-terms-toggle,
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms .wcv-terms-toggle:hover,
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms .wcv-terms-toggle:focus,
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms .wcv-terms-toggle:active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    color: var(--color-primary, #00426a) !important;
}

/* Checkbox and agreement text on same line */
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms input[type="checkbox"],
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms input[type="checkbox"].wcv-field-input {
    display: inline-block !important;
    margin-right: 0.5rem !important;
    vertical-align: middle !important;
    width: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms .wcv-terms-label {
    display: inline !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Make sure the label associated with checkbox is clickable */
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms > label[for="wcv_cf_terms_conditions"] {
    pointer-events: auto !important;
    cursor: default !important;
}

/* Ensure checkbox wrapper doesn't block clicks */
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms {
    pointer-events: auto !important;
}

/* Make sure nothing is overlaying the checkbox */
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms input[type="checkbox"]::before,
.wcv-registration-form-wrapper .wcv-field-wrapper.wcv-field-terms input[type="checkbox"]::after {
    pointer-events: none !important;
}

/* Checkbox wrapper - ensure proper layout (exclude terms field) */
.wcv-registration-form-wrapper .wcv-field-wrapper:not(.wcv-field-terms):has(input[type="checkbox"]),
.wcv-registration-form-wrapper .wcv-field-wrapper:not(.wcv-field-terms):has(input[type="radio"]) {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem !important;
}

/* Fallback for browsers without :has() support - ensure checkbox and label are inline */
.wcv-registration-form-wrapper .wcv-field-wrapper input[type="checkbox"],
.wcv-registration-form-wrapper .wcv-field-wrapper input[type="radio"] {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Form Messages */
.wcv-form-error {
    color: var(--color-error, #dc3545) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

.wcv-form-success {
    color: var(--color-success, #28a745) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* ==============================
   ALERTS & NOTICES
   ============================== */

.wcv-notice,
.wcv-alert {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    padding: 1em !important;
    border-radius: 4px !important;
    margin-bottom: 1em !important;
}

.wcv-alert-success {
    background-color: #d4edda !important;
    border-color: var(--color-success, #28a745) !important;
    color: #155724 !important;
}

.wcv-alert-error {
    background-color: #f8d7da !important;
    border-color: var(--color-error, #dc3545) !important;
    color: #721c24 !important;
}

.wcv-alert-warning {
    background-color: #fff3cd !important;
    border-color: var(--color-warning, #ffc107) !important;
    color: #856404 !important;
}

.wcv-alert-info {
    background-color: #d1ecf1 !important;
    border-color: var(--color-info, #17a2b8) !important;
    color: #0c5460 !important;
}

/* ==============================
   TABLES - Apply main site table styles
   ============================== */

.wcv-table,
.wcv-report-table {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

.wcv-table thead th,
.wcv-report-header {
    background-color: var(--color-section-bg, #f4f8fb) !important;
    color: var(--color-text, #222222) !important;
    font-family: var(--font-heading, "Oswald", sans-serif) !important;
    font-weight: 600 !important;
    padding: 0.75em !important;
    text-align: left !important;
    border: 1px solid var(--color-section-border, #e5e5e5) !important;
}

.wcv-table tbody td,
.wcv-report-row td {
    padding: 0.75em !important;
    border-bottom: 1px solid var(--color-border-light, #e5e5e5) !important;
    color: var(--color-text, #222222) !important;
}

.wcv-table-striped tbody tr:nth-child(even) {
    background-color: var(--color-section-bg, #f4f8fb) !important;
}

.wcv-table-hover tbody tr:hover {
    background-color: var(--color-primary-light, #E6F2F7) !important;
}

.wcv-table-bordered {
    border: 1px solid var(--color-border-light, #e5e5e5) !important;
}

.wcv-report-total {
    font-family: var(--font-heading, "Oswald", sans-serif) !important;
    font-weight: 600 !important;
    color: var(--color-primary, #00426a) !important;
    background-color: var(--color-section-bg, #f4f8fb) !important;
}

/* ==============================
   NAVIGATION & MENU
   ============================== */

.wcv-navigation,
.wcv-dashboard-menu {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* Keep ALL navigation text white (don't apply main site colors) */
/* Target all possible navigation link selectors with high specificity */
/* EXCLUDE secondary dropdown menu (.horizontal.black.secondary) - it has its own dark styling */
.wcv-navigation .wcv-dashboard-nav-item-link,
.wcv-navigation .wcv-dashboard-nav-item a,
.wcv-navigation .wcv-dashboard-nav-item-label,
.wcv-navigation a,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .wcv-dashboard-nav-item-link,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .wcv-dashboard-nav-item a,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .wcv-dashboard-nav-item-label,
.wcv-dashboard-menu:not(.horizontal.black.secondary) a,
.wcv-dashboard-menu.primary a,
.wcv-dashboard-menu.secondary:not(.horizontal.black) a,
.wcv-dashboard-nav-item-link,
.wcv-dashboard-nav-item a,
.wcv-dashboard-nav-item-label,
.wcv-dashboard-nav-item a .wcv-dashboard-nav-item-label,
#wcv-navigation a,
#wcv-dashboard-menu-item-more-button .wcv-dashboard-nav-item-link,
.wcvendors-pro-dashboard-wrapper .wcv-navigation a,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-menu:not(.horizontal.black.secondary) a,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-nav-item a {
    color: #ffffff !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    font-size: 1rem !important;
}

/* Active states - also white */
/* EXCLUDE secondary dropdown menu - it has its own styling */
.wcv-dashboard-nav-item.active .wcv-dashboard-nav-item-link,
.wcv-dashboard-nav-item.active .wcv-dashboard-nav-item-label,
.wcv-dashboard-nav-item.active a,
.wcv-dashboard-nav-item.current .wcv-dashboard-nav-item-link,
.wcv-dashboard-nav-item.current .wcv-dashboard-nav-item-label,
.wcv-dashboard-nav-item.current a,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .current a,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .active a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Hover states - stay white with opacity (high specificity) */
/* EXCLUDE secondary dropdown menu (.horizontal.black.secondary) - it has its own hover styling */
.wcv-navigation .wcv-dashboard-nav-item-link:hover,
.wcv-navigation .wcv-dashboard-nav-item a:hover,
.wcv-navigation a:hover,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .wcv-dashboard-nav-item-link:hover,
.wcv-dashboard-menu:not(.horizontal.black.secondary) .wcv-dashboard-nav-item a:hover,
.wcv-dashboard-menu:not(.horizontal.black.secondary) a:hover,
.wcv-dashboard-menu.primary a:hover,
.wcv-dashboard-menu.secondary:not(.horizontal.black) a:hover,
.wcv-dashboard-nav-item-link:hover,
.wcv-dashboard-nav-item a:hover,
#wcv-navigation a:hover,
#wcv-dashboard-menu-item-more-button .wcv-dashboard-nav-item-link:hover,
.wcvendors-pro-dashboard-wrapper .wcv-navigation a:hover,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-menu:not(.horizontal.black.secondary) a:hover,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-nav-item a:hover {
    color: #ffffff !important;
    opacity: 0.8 !important;
}

/* SVG Icons in Navigation - Force white fill */
/* Exclude datepicker calendar icons - they need to be visible */
.wcv-navigation .wcv-icon,
.wcv-navigation svg,
.wcv-navigation .wcv-dashboard-nav-item-link .wcv-icon,
.wcv-navigation .wcv-dashboard-nav-item-link svg,
.wcv-navigation .wcv-dashboard-nav-item a .wcv-icon,
.wcv-navigation .wcv-dashboard-nav-item a svg,
.wcv-dashboard-menu .wcv-icon,
.wcv-dashboard-menu svg,
.wcv-dashboard-menu .wcv-dashboard-nav-item-link .wcv-icon,
.wcv-dashboard-menu .wcv-dashboard-nav-item-link svg,
.wcv-dashboard-menu .wcv-dashboard-nav-item a .wcv-icon,
.wcv-dashboard-menu .wcv-dashboard-nav-item a svg,
.wcv-dashboard-nav-item-link .wcv-icon,
.wcv-dashboard-nav-item-link svg,
.wcv-dashboard-nav-item a .wcv-icon,
.wcv-dashboard-nav-item a svg,
.wcv-dashboard-menu.primary .wcv-icon,
.wcv-dashboard-menu.primary svg,
.wcv-dashboard-menu.secondary .wcv-icon,
.wcv-dashboard-menu.secondary svg,
.wcvendors-pro-dashboard-wrapper .wcv-navigation .wcv-icon,
.wcvendors-pro-dashboard-wrapper .wcv-navigation svg,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-menu .wcv-icon,
.wcvendors-pro-dashboard-wrapper .wcv-dashboard-menu svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Specific dashboard icons in navigation (tshirt, dashboard) - white */
.wcv-navigation .wcv-icon.wcv-icon-dashboard-icon,
.wcv-navigation .wcv-icon.wcv-icon-tshirt,
.wcv-dashboard-menu .wcv-icon.wcv-icon-dashboard-icon,
.wcv-dashboard-menu .wcv-icon.wcv-icon-tshirt,
.wcv-dashboard-nav-item-link .wcv-icon.wcv-icon-dashboard-icon,
.wcv-dashboard-nav-item-link .wcv-icon.wcv-icon-tshirt,
.wcv-dashboard-nav-item a .wcv-icon.wcv-icon-dashboard-icon,
.wcv-dashboard-nav-item a .wcv-icon.wcv-icon-tshirt {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* SVG use elements in navigation */
.wcv-navigation svg use,
.wcv-dashboard-menu svg use,
.wcv-dashboard-nav-item-link svg use,
.wcv-dashboard-nav-item a svg use {
    fill: #ffffff !important;
}

/* Datepicker Wrapper Styling - Match order date style */
.wcv-grid .wcv-datepicker-wrapper,
.wcv-cols-group .wcv-datepicker-wrapper,
.wcv-form .wcv-datepicker-wrapper {
    border-radius: 8px !important;
    border: 1px solid #d5d4dc !important;
    overflow: hidden !important;
    padding: 12px !important;
    height: 60px !important;
}

/* Calendar icons in datepicker - ensure they're visible (dark color) */
.wcv-datepicker-wrapper .wcv-icon,
.wcv-datepicker-wrapper svg,
.wcv-datepicker-wrapper .wcv-icon.wcv-icon-dashboard-icon,
.wcv-datepicker-wrapper .wcv-icon.wcv-icon-24,
.wcv-datepicker-wrapper svg use,
.wcv-datepicker-wrapper .wcv-flex svg,
.wcv-datepicker-wrapper .wcv-flex .wcv-icon {
    fill: var(--color-text, #222222) !important;
    color: var(--color-text, #222222) !important;
}

/* Calendar icon specifically */
.wcv-datepicker-wrapper svg use[href*="calendar"],
.wcv-datepicker-wrapper svg use[xlink\:href*="calendar"] {
    fill: var(--color-text, #222222) !important;
}

/* Ensure datepicker inputs have no border (wrapper provides border) */
.wcv-datepicker-wrapper .wcv-datepicker,
.wcv-datepicker-wrapper input[type="text"].wcv-datepicker,
.wcv-datepicker-wrapper .wcv-datepicker-dashboard-filter {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    box-shadow: none !important;
}

.wcv-datepicker-wrapper .wcv-datepicker:focus,
.wcv-datepicker-wrapper input[type="text"].wcv-datepicker:focus,
.wcv-datepicker-wrapper .wcv-datepicker-dashboard-filter:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ==============================
   PRODUCT MANAGEMENT
   ============================== */

.wcv-product-table,
.wcv-product-form {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
}

.wcv-product-status {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
}

/* ==============================
   COMMISSIONS & REPORTS
   ============================== */

.wcv-commission-row,
.wcv-commission-header {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
}

.wcv-commission-total,
.wcv-report-summary,
.wcv-report-earnings {
    font-family: var(--font-heading, "Oswald", sans-serif) !important;
    font-weight: 600 !important;
    color: var(--color-primary, #00426a) !important;
}

/* ==============================
   ACCORDIONS
   ============================== */

.wcv-accordion {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

.wcv-accordion-header,
.wcv-accordion-title {
    font-family: var(--font-heading, "Oswald", sans-serif) !important;
    font-weight: 600 !important;
    color: var(--color-primary, #00426a) !important;
}

.wcv-accordion-content {
    color: var(--color-text, #222222) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* ==============================
   RATINGS & REVIEWS
   ============================== */

.wcv-rating,
.wcv-rating-stars {
    color: var(--color-accent, #e9c049) !important;
}

.wcv-rating-count,
.wcv-no-ratings {
    color: var(--color-muted, #666666) !important;
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
}

/* ==============================
   SETTINGS & PROFILE
   ============================== */

.wcv-settings-form,
.wcv-settings-section {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
}

.wcv-settings-heading {
    font-family: var(--font-heading, "Oswald", sans-serif) !important;
    font-weight: 600 !important;
    color: var(--color-primary, #00426a) !important;
}

.wcv-settings-input {
    font-family: var(--font-body, "Open Sans", Arial, sans-serif) !important;
    color: var(--color-text, #222222) !important;
}

/* ==============================
   VENDOR DASHBOARD SELECT2 PLACEHOLDER ALIGNMENT
   Fix vertical alignment of placeholders in Select2 dropdowns
   ============================== */

/* Select2 container on vendor dashboard settings page */
body.wcvendors-settings-page .select2-container--default .select2-selection--single,
.wcvendors-pro-dashboard-wrapper .select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
}

/* Select2 rendered content (text and placeholder) */
body.wcvendors-settings-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.wcvendors-pro-dashboard-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    line-height: normal !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

/* Select2 placeholder text */
body.wcvendors-settings-page .select2-container--default .select2-selection--single .select2-selection__placeholder,
.wcvendors-pro-dashboard-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
    display: flex !important;
    align-items: center !important;
    line-height: normal !important;
    height: 100% !important;
}

/* Select2 arrow */
body.wcvendors-settings-page .select2-container--default .select2-selection--single .select2-selection__arrow,
.wcvendors-pro-dashboard-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    top: 0 !important;
}

/* Regular input fields on vendor dashboard - ensure placeholder vertical alignment */
body.wcvendors-settings-page input[type="text"],
body.wcvendors-settings-page input[type="tel"],
body.wcvendors-settings-page input[type="email"],
body.wcvendors-settings-page .wcv-input,
.wcvendors-pro-dashboard-wrapper input[type="text"],
.wcvendors-pro-dashboard-wrapper input[type="tel"],
.wcvendors-pro-dashboard-wrapper input[type="email"],
.wcvendors-pro-dashboard-wrapper .wcv-input {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
}

/* Placeholder text alignment for regular inputs */
body.wcvendors-settings-page input::placeholder,
body.wcvendors-settings-page .wcv-input::placeholder,
.wcvendors-pro-dashboard-wrapper input::placeholder,
.wcvendors-pro-dashboard-wrapper .wcv-input::placeholder {
    line-height: 1.5 !important;
    vertical-align: middle !important;
}

/* ==============================
   UTILITY CLASSES
   ============================== */

.wcv-text-center {
    text-align: center !important;
}

.wcv-text-right {
    text-align: right !important;
}

.wcv-text-left {
    text-align: left !important;
}

.wcv-hidden {
    display: none !important;
}

.wcv-show {
    display: block !important;
}