body:has(#wrapwrap.vo-wholesale-theme) {
    --vo-teal: #1a7b96;
    --vo-teal-dark: #175b70;
    --vo-ink: #173d49;
    --vo-soft: #edf6f7;
    --vo-border: #c9dee3;
    --primary: #1a7b96;
    --primary-rgb: 26, 123, 150;
    --bs-primary: #1a7b96;
    --bs-primary-rgb: 26, 123, 150;
    --bs-link-color: #176a82;
    --bs-link-color-rgb: 23, 106, 130;
    --bs-link-hover-color: #175b70;
    --bs-link-hover-color-rgb: 23, 91, 112;
    --bs-focus-ring-color: rgba(26, 123, 150, .25);
    accent-color: var(--vo-teal);
}

body:has(#wrapwrap.vo-wholesale-theme) :is(h1, h2, h3, h4, h5, h6) { color: var(--vo-ink); }
body:has(#wrapwrap.vo-wholesale-theme) a:not(.btn):not(.badge):not(.text-white):not(.text-danger):not(.dropdown-item) { color: #176a82; }
body:has(#wrapwrap.vo-wholesale-theme) a:not(.btn):not(.badge):not(.text-white):not(.text-danger):hover { color: var(--vo-teal-dark); }
body:has(#wrapwrap.vo-wholesale-theme) :is(.text-primary, .link-primary, .btn-link) { color: #176a82 !important; }
body:has(#wrapwrap.vo-wholesale-theme) .bg-primary { background-color: var(--vo-teal) !important; }
body:has(#wrapwrap.vo-wholesale-theme) .border-primary { border-color: var(--vo-teal) !important; }

body:has(#wrapwrap.vo-wholesale-theme) :is(.btn-primary, .btn-secondary) {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--vo-teal);
    --bs-btn-border-color: var(--vo-teal);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--vo-teal-dark);
    --bs-btn-hover-border-color: var(--vo-teal-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--vo-teal-dark);
    --bs-btn-active-border-color: var(--vo-teal-dark);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #657f87;
    --bs-btn-disabled-border-color: #657f87;
    --bs-btn-focus-shadow-rgb: 26, 123, 150;
    color: #fff;
    background-color: var(--vo-teal);
    border-color: var(--vo-teal);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.btn-primary, .btn-secondary):is(:hover, :active, .active) {
    color: #fff;
    background-color: var(--vo-teal-dark);
    border-color: var(--vo-teal-dark);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.btn-outline-primary, .btn-outline-secondary) {
    --bs-btn-color: #176a82;
    --bs-btn-border-color: var(--vo-teal);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--vo-teal-dark);
    --bs-btn-hover-border-color: var(--vo-teal-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--vo-teal-dark);
    --bs-btn-active-border-color: var(--vo-teal-dark);
    color: #176a82;
    background-color: #fff;
    border-color: var(--vo-teal);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.btn-outline-primary, .btn-outline-secondary):is(:hover, :active, .active) {
    color: #fff;
    background-color: var(--vo-teal-dark);
    border-color: var(--vo-teal-dark);
}
body:has(#wrapwrap.vo-wholesale-theme) nav[aria-label="Availability"] .btn-dark {
    color: #fff;
    background-color: var(--vo-teal-dark);
    border-color: var(--vo-teal-dark);
}
body:has(#wrapwrap.vo-wholesale-theme) .btn { border-radius: .5rem; }
body:has(#wrapwrap.vo-wholesale-theme) :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--vo-teal);
    outline-offset: 3px;
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.form-control, .form-select):focus {
    border-color: var(--vo-teal);
    box-shadow: 0 0 0 .2rem rgba(26, 123, 150, .18);
}
body:has(#wrapwrap.vo-wholesale-theme) .form-check-input:checked {
    background-color: var(--vo-teal);
    border-color: var(--vo-teal);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.nav-pills .nav-link.active, .dropdown-item.active, .dropdown-item:active) {
    color: #fff !important;
    background-color: var(--vo-teal-dark);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.list-group-item.active, .accordion-button:not(.collapsed)) {
    color: var(--vo-ink);
    background-color: var(--vo-soft);
    border-color: var(--vo-border);
}
body:has(#wrapwrap.vo-wholesale-theme) .page-link { color: #176a82; }
body:has(#wrapwrap.vo-wholesale-theme) .active > .page-link {
    color: #fff;
    background-color: var(--vo-teal);
    border-color: var(--vo-teal);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.css_attribute_color.active, .variant_attribute .active) { border-color: var(--vo-teal); }
body:has(#wrapwrap.vo-wholesale-theme) .css_quantity .btn { color: var(--vo-ink) !important; }
body:has(#wrapwrap.vo-wholesale-theme) .o_wsale_product_btn_primary {
    color: #fff;
    background-color: var(--vo-teal);
    border-color: var(--vo-teal);
}
body:has(#wrapwrap.vo-wholesale-theme) .o_wsale_product_btn_primary:hover {
    color: #fff;
    background-color: var(--vo-teal-dark);
}
body:has(#wrapwrap.vo-wholesale-theme) :is(.oe_login_form, .oe_signup_form, .oe_reset_password_form) {
    border: 1px solid var(--vo-border);
    border-top: 3px solid #c5aa68;
    border-radius: .75rem;
    padding: 1.5rem;
    background: #fff;
}
body:has(#wrapwrap.vo-wholesale-theme) footer { border-top: 1px solid var(--vo-border); }

@media (prefers-reduced-motion: reduce) {
    body:has(#wrapwrap.vo-wholesale-theme) .btn { transition: none; }
}
