/*
 * ST3 — map legacy theme.min.css accent classes to --sox-* tokens.
 * Loaded after theme.min.css via custom.css; seasonal themes override these.
 */

.c-pink,
.c-pink:hover {
  color: var(--sox-primary, #6d4aff) !important;
}

.bg-pink,
.bg-pink:hover {
  background-color: var(--sox-primary, #6d4aff) !important;
}

.bb-pink {
  border-bottom-color: var(--sox-primary, #6d4aff) !important;
}

.golink,
.golink:hover {
  color: var(--sox-primary, #6d4aff) !important;
}

.btn-default-pink {
  color: var(--sox-primary, #6d4aff);
  border-color: var(--sox-primary, #6d4aff);
}

.btn-default-pink:hover,
.btn-default-pink-fill {
  background-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  border-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff));
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #fff));
}

.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a:hover,
.megamenu .service-list .service .media-body a:hover {
  color: var(--sox-primary, #6d4aff) !important;
}

.pricing .wrapper .title,
.tabs.offers-tabs .tabs-header .active {
  color: var(--sox-primary, #6d4aff) !important;
}

.pricing .list-info {
  background-color: var(--sox-primary, #6d4aff);
}

.form-control:focus,
.fill-input:focus {
  border-color: var(--sox-primary, #6d4aff) !important;
}

::selection {
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 35%, transparent);
}

svg #svg-ico {
  fill: var(--sox-primary, #6d4aff);
}

svg #svg-concept {
  stroke: var(--sox-primary, #6d4aff);
}

[data-color="purple"] svg #svg-ico {
  fill: var(--sox-primary, #6d4aff);
}

[data-color="purple"] svg #svg-concept {
  stroke: var(--sox-primary, #6d4aff);
}

[data-color="purple"] .golink,
[data-color="purple"] .golink:hover,
[data-color="purple"] .c-pink {
  color: var(--sox-primary, #6d4aff) !important;
}

[data-color="purple"] .bg-pink {
  background-color: var(--sox-primary, #6d4aff) !important;
}

[data-color="purple"] .pricing .list-info,
[data-color="purple"] .megamenu .start-offer .inner {
  background-color: var(--sox-primary, #6d4aff);
}

[data-color="purple"] .total-grad {
  background: var(--sox-primary, #6d4aff) !important;
}

[data-color="purple"] .menu-wrap.fixed {
  background: var(--sox-primary-dark, #4e2fd0) !important;
}

[data-color="purple"] .total-grad-inverse,
[data-color="purple"] .total-grad-pink-blue-intense {
  background: var(--sox-primary-dark, #4e2fd0) !important;
}

/*
 * theme.min.css groups these under [data-color="purple"] with !important (#8b5cf6).
 * body prefix beats equal-specificity legacy rules (custom.css loads after theme.min.css).
 */
body[data-color="purple"] .bg-pink,
body[data-color="purple"] .blog .sidebar .line.active:before,
body[data-color="purple"] .cd-filter-block input.range-slider-input,
body[data-color="purple"] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active,
body[data-color="purple"] .cd-filter-block input[type="radio"]:checked + label::before,
body[data-color="purple"] .cd-filter-block input[type="checkbox"]:checked + label::before,
body[data-color="purple"] .range-slider-input::-webkit-slider-thumb,
body[data-color="purple"] .range-slider-input::-moz-range-thumb {
  background-color: var(--sox-primary, #6d4aff) !important;
}

/* Pagination active page — soft fill (matches Prev/Next), not full primary. */
body[data-color="purple"] .page-item.active .page-link,
body[data-color="purple"] .pagination > li.active > a,
.sox-unified-ui .page-item.active .page-link,
.sox-unified-ui .pagination > li.active > a {
  background-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  border-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #fff)) !important;
}

body[data-color="purple"] .btn-default-pink-fill,
body[data-color="purple"] .btn-default-purple-fill,
body[data-color="purple"] .btn-default-yellow-fill,
body[data-color="purple"] .btn-default-fill:hover {
  background-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  border-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #fff)) !important;
}

body[data-color="purple"] .btn-default-yellow-fill:hover,
body[data-color="purple"] .btn-default-fill,
body[data-color="purple"] .btn-default-pink-fill:hover,
body[data-color="purple"] .btn-default-purple-fill:hover {
  background-color: var(--sox-primary-dark, #4e2fd0) !important;
  border-color: var(--sox-primary-dark, #4e2fd0) !important;
  color: #fff !important;
}

body[data-color="purple"] .btn-default-pink:hover,
body[data-color="purple"] .megamenu .start-offer .inner,
body[data-color="purple"] .popover .popover-header,
body[data-color="purple"] .pricing .list-info,
body[data-color="purple"] .sec-bg5,
body[data-color="purple"] .wpc-cloud-range .noUi-connect,
body[data-color="purple"] .wpc-cloud-range .noUi-horizontal .noUi-handle,
body[data-color="purple"] .wpc-cloud-range .noUi-tooltip,
body[data-color="purple"] .zoo-content .icoo i,
body[data-color="purple"] .maping .datacenters,
body[data-color="purple"] .gdprcookie-types ul li input:checked ~ label {
  background-color: var(--sox-primary, #6d4aff);
}

body[data-color="purple"] .bb-pink,
body[data-color="purple"] .activelayout,
body[data-color="purple"] .activebackground,
body[data-color="purple"] .activecolor,
body[data-color="purple"] .activeheader,
body[data-color="purple"] .activefont,
body[data-color="purple"] .activetextDirection,
body[data-color="purple"] .activeradius,
body[data-color="purple"] .styleswitch:hover {
  border-bottom-color: var(--sox-primary, #6d4aff) !important;
}

body[data-color="purple"] .btn-default-pink {
  color: var(--sox-primary, #6d4aff);
  border-color: var(--sox-primary, #6d4aff);
}

body[data-color="purple"] .btn-default-grad-purple-fill,
body[data-color="purple"] .btn-default-grad-purple-fill:hover {
  background-image: none !important;
  background-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  border-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #fff)) !important;
}

body[data-color="purple"] .tabs.offers-tabs .tabs-header .active,
body[data-color="purple"] .tabs.offers-tabs .tabs-header .active:hover {
  color: var(--sox-primary, #6d4aff) !important;
  border-left-color: var(--sox-primary, #6d4aff) !important;
}

body[data-color="purple"] .form-control:focus,
body[data-color="purple"] .fill-input:focus,
body[data-color="purple"] .cd-filter-block input:focus,
body[data-color="purple"] .cd-filter-block select:focus {
  border-color: var(--sox-primary, #6d4aff) !important;
}

body[data-color="purple"] .popover-body {
  border-color: var(--sox-primary, #6d4aff);
}

body[data-color="purple"] .range-slider-input::-webkit-slider-runnable-track {
  background: var(--sox-primary, #6d4aff);
}

body[data-color="purple"] .bg-purple:not(.list-info):not(.plans.badge):not(.affiliate-cta) {
  background-color: #fff !important;
  color: var(--sox-primary-dark, #4e2fd0) !important;
}

body[data-color="purple"] .affiliate-cta.bg-purple,
body[data-color="purple"] .affiliate-cta {
  background-color: #10202c !important;
  color: #fff !important;
}

body[data-color="purple"] .affiliate-cta h2,
body[data-color="purple"] .affiliate-cta p,
body[data-color="purple"] .affiliate-cta .affiliate-cta-link {
  color: #fff !important;
}

body[data-color="purple"] .affiliate-cta span {
  color: #f6c84c !important;
}

body[data-color="purple"] .menu-wrap.fixed {
  background: var(--sox-primary-dark, #4e2fd0) !important;
  background-image: none !important;
}

/* Unified pages — solid sticky nav + banner bands even before settings cookie sets data-color */
.sox-unified-ui .menu-wrap.fixed {
  background: var(--sox-primary-dark, #4e2fd0) !important;
  background-image: none !important;
}

.sox-unified-ui :is(.total-grad, .total-grad-inverse, .total-grad-pink-blue-intense) {
  background: var(--sox-primary, #6d4aff) !important;
  background-image: none !important;
}

.sox-unified-ui :is(.total-grad-inverse, .total-grad-pink-blue-intense) {
  background: var(--sox-primary-dark, #4e2fd0) !important;
}

.sox-unified-ui .top-header:is(.total-grad, .total-grad-inverse, .total-grad-pink-blue-intense) {
  background: var(--sox-primary-dark, #4e2fd0) !important;
  background-image: none !important;
}

.domain-page :is(.total-grad, .total-grad-inverse, .total-grad-pink-blue-intense) {
  background: var(--sox-primary, #6d4aff) !important;
  background-image: none !important;
}

.domain-page :is(.total-grad-inverse, .total-grad-pink-blue-intense) {
  background: var(--sox-primary-dark, #4e2fd0) !important;
}

/* Brand beta: keep legacy purple/pink utility names semantic. */
html[data-theme="default-beta"] body[data-color="purple"] :is(.c-pink, .golink),
html[data-theme="default-beta"] .sox-unified-ui :is(.c-pink, .golink) {
  color: var(--sox-primary, #4444dd) !important;
}

html[data-theme="default-beta"] body[data-color="purple"] :is(.bg-pink, .bg-purple),
html[data-theme="default-beta"] .sox-unified-ui :is(.bg-pink, .bg-purple) {
  background-color: var(--sox-primary, #4444dd) !important;
  background-image: none !important;
}

html[data-theme="default-beta"] body[data-color="purple"] :is(.total-grad, .total-grad-inverse, .total-grad-pink-blue-intense),
html[data-theme="default-beta"] .sox-unified-ui :is(.total-grad, .total-grad-inverse, .total-grad-pink-blue-intense) {
  background-color: var(--sox-primary, #4444dd) !important;
  background-image: none !important;
}

/* 404 / maintenance — solid backdrop band behind illustration */
.sox-unified-ui .sec-normal.notfound {
  position: relative;
  overflow: hidden;
}

.sox-unified-ui .sec-normal.notfound .total-grad-pink-blue-intense {
  background: var(--sox-primary-dark, #4e2fd0) !important;
  background-image: none !important;
}

body[data-color="purple"] .c-purple,
body[data-color="purple"] .golink-dark {
  color: var(--sox-primary-dark, #4e2fd0) !important;
}

body[data-color="purple"] .total-grad,
body[data-color="purple"] .total-grad-inverse,
body[data-color="purple"] .total-grad-pink-blue-intense {
  background: var(--sox-primary, #6d4aff) !important;
  background-image: none !important;
}

body[data-color="purple"] .total-grad-inverse,
body[data-color="purple"] .total-grad-pink-blue-intense {
  background: var(--sox-primary-dark, #4e2fd0) !important;
}

body[data-color="purple"] .sec-grad-white-to-purple {
  background: #fff !important;
}

body[data-color="purple"] .btn-default-purple {
  color: var(--sox-primary-dark, #4e2fd0);
  border-color: var(--sox-primary-dark, #4e2fd0);
}

body[data-color="purple"] .btn-default-purple:hover,
body[data-color="purple"] .wpc-vps-info .price-wrap .title {
  background-color: var(--sox-primary-dark, #4e2fd0);
}

/* Unified pages without legacy data-color (404, maintenance) */
.sox-unified-ui .btn-default-grad-purple-fill,
.sox-unified-ui .btn-default-grad-purple-fill:hover {
  background-image: none !important;
  background-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  border-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-primary, #6d4aff) 78%, #ffffff)) !important;
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #fff)) !important;
}

[data-color="purple"] .menu-wrap.fixed {
  background: var(--sox-primary-dark, #4e2fd0) !important;
  background-image: none !important;
}