/* Loaded only for the two jersey brands. A server-rendered theme attribute scopes colors and gives them explicit priority.
   Keep layout, sizing, interactions and third-party payment branding unchanged. */
/* Legacy component sources opt in through these aliases; other sites keep their fallbacks. */
html[data-jersey-theme] {
  --jersey-primary: var(--color-primary);
  --jersey-light: var(--color-primary-30);
  --jersey-border: var(--color-primary-border);
  --jersey-surface: var(--color-primary-bg);
  --jersey-selected: var(--color-primary-active);
}
html[data-jersey-theme] body, html[data-jersey-theme] body p { color: var(--text); }
html[data-jersey-theme], html[data-jersey-theme] body { background-color: var(--color-page-bg); }
html[data-jersey-theme] h1, html[data-jersey-theme] h2, html[data-jersey-theme] h3 { color: var(--ink); }
html[data-jersey-theme] input, html[data-jersey-theme] textarea, html[data-jersey-theme] select { color: var(--text); border-color: var(--line); }
html[data-jersey-theme] input::placeholder, html[data-jersey-theme] textarea::placeholder { color: var(--text-muted); }
/* Inner controls must follow their rounded frame, including browser autofill.
   Do not clip the frame: floating labels and autocomplete panels stay visible. */
html[data-jersey-theme] .formItem-inner > .formInput,
html[data-jersey-theme] .formItem-inner > .formSelect {
  border-radius: inherit;
  background-clip: padding-box;
}
/* Ordinary anchors retain their page styles; theme only explicitly scoped actions. */
html[data-jersey-theme] .link:not(a), html[data-jersey-theme] .btn-link:not(a) { color: var(--color-link); }
html[data-jersey-theme] .link:not(a):hover, html[data-jersey-theme] .btn-link:not(a):hover { color: var(--color-link-hover); }
/* Policy links retain the standard link blue on both sites and terminals. */
html[data-jersey-theme] .cart-policy-tips > a,
html[data-jersey-theme] .cart-policy-tips > a:is(:hover, :focus-visible, :active) { color: #468CFF; }
html[data-jersey-theme] .form-error { color: var(--color-error); }
/* Savings captions are secondary information, matching the cart's .co-sec text. */
html[data-jersey-theme] .total-price-box .save-price { color: #999999; }
/* Preserve the shared loading animation; use brand colors without color blending. */
html[data-jersey-theme] .loading::before {
  background-color: var(--color-loading-primary); mix-blend-mode: normal;
}
html[data-jersey-theme] .loading::after {
  background-color: var(--color-loading-secondary); mix-blend-mode: normal;
}
html[data-jersey-theme] .c-primary { color: var(--color-primary-text); }

/* Default buttons retain the primary color. Purchase actions have their own CTA tokens. */
html[data-jersey-theme] button:not([class*="btn-"]):not([data-payment-brand]):not(:where(.add-cart, #checkout, .place-order-btn)):hover,
html[data-jersey-theme] .btn:not([class*="btn-"]):not(:where(.add-cart, #checkout, .place-order-btn)):hover {
  background-color: var(--color-primary-90);
}
html[data-jersey-theme] .btn-outline { color: var(--color-primary-text); border-color: var(--color-primary-border); }
html[data-jersey-theme] .btn-outline:hover { background-color: var(--color-primary-active); }
/* Editing a customization is a brand action, rather than a general information link. */
html[data-jersey-theme] .btn-link[data-trace-bizcode="cart_click_edit"] {
  color: var(--color-primary-text);
}
html[data-jersey-theme] .btn-link[data-trace-bizcode="cart_click_edit"]:is(:hover, :focus-visible) {
  color: var(--color-primary-text); text-decoration: underline;
}
html[data-jersey-theme] .add-cart, html[data-jersey-theme] #checkout, html[data-jersey-theme] .place-order-btn:not([data-payment-brand]) {
  background-color: var(--color-cta); color: #FFFFFF;
}
html[data-jersey-theme] .add-cart:hover, html[data-jersey-theme] #checkout:hover, html[data-jersey-theme] .place-order-btn:not([data-payment-brand]):hover {
  background-color: var(--color-cta-hover);
}
html[data-jersey-theme] .add-cart:active, html[data-jersey-theme] #checkout:active, html[data-jersey-theme] .place-order-btn:not([data-payment-brand]):active {
  background-color: var(--color-cta-active); box-shadow: none;
}
html[data-jersey-theme] button:disabled, html[data-jersey-theme] button.disabled, html[data-jersey-theme] .btn:disabled, html[data-jersey-theme] .btn.disabled,
html[data-jersey-theme] .add-cart.disabled, html[data-jersey-theme] [aria-disabled="true"].btn,
html[data-jersey-theme] #checkout:disabled, html[data-jersey-theme] #checkout.disabled,
html[data-jersey-theme] .place-order-btn:not([data-payment-brand]):disabled,
html[data-jersey-theme] .place-order-btn:not([data-payment-brand]):disabled:hover,
html[data-jersey-theme] .place-order-btn:not([data-payment-brand]):disabled:active {
  background-color: var(--color-disabled-bg); color: var(--color-disabled-text);
}

/* Product and cart previews share their own palette, including interaction states. */
html[data-jersey-theme] .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
  border-color: var(--color-preview-bg);
}
html[data-jersey-theme] .swiper-tab .tab-item.active {
  background-color: var(--color-preview-bg);
  border-color: var(--color-preview-bg);
  color: var(--color-preview);
  --preivew-icon-fill: var(--color-preview);
}
html[data-jersey-theme] .preview-button.btn:not(.disabled):not(:disabled),
html[data-jersey-theme] .preview-button.btn:not(.disabled):not(:disabled):is(:hover, :focus-visible, :active),
html[data-jersey-theme] .cartItem-img .preview-tip-box,
html[data-jersey-theme] .preview-link,
html[data-jersey-theme] .preview-link:is(:hover, :focus-visible, :active) {
  background-color: var(--color-preview-bg);
  color: var(--color-preview);
}
html[data-jersey-theme] .preview-button.btn:not(.disabled):not(:disabled):active { box-shadow: none; }
html[data-jersey-theme] .preview-link > span { color: inherit; }
html[data-jersey-theme] .cartItem-img.has-preview { background-color: var(--color-preview-bg); }
html[data-jersey-theme] .cartItem-img.has-preview .loadBox { border-color: var(--color-preview-bg); }
/* Mobile previews put the border on the image, including stacked team images. */
html[data-jersey-theme] .cartItem-img-group .img-first,
html[data-jersey-theme] .cartItem-img-group .img-second {
  border: 1px solid var(--color-preview-bg);
  box-sizing: border-box;
}
html[data-jersey-theme] .cartItem-img .preview-tip-box {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
html[data-jersey-theme] .preview-button svg [fill="#743F00"],
html[data-jersey-theme] .preview-tip-box svg [fill="#743F00"],
html[data-jersey-theme] .preview-link svg [fill="#743F00"] { fill: currentColor; }
html[data-jersey-theme] .preview-button svg [fill="#E4AC68"],
html[data-jersey-theme] .preview-tip-box svg [fill="#E4AC68"],
html[data-jersey-theme] .preview-link svg [fill="#E4AC68"] { fill: currentColor; fill-opacity: 0.3; }
html[data-jersey-theme] .preview-link .preview-icon {
  background-image: none;
  background-color: currentColor;
  -webkit-mask: url("/template/index/public/themes/icons/preview.svg") no-repeat center / contain;
  mask: url("/template/index/public/themes/icons/preview.svg") no-repeat center / contain;
}
/* More Options arrows inherit the action text color instead of baked-in purple. */
html[data-jersey-theme] .orderItem-attr-more svg [fill="#712799"],
html[data-jersey-theme] .orderItem-attr-more svg [fill="#D4BEE0"] { fill: currentColor; }
/* Live-preview hints keep vector marks in the same color as the hint text. */
html[data-jersey-theme] .preview-zoom-tooltip .icon { color: inherit; }
html[data-jersey-theme] .preview-zoom-tooltip .icon svg [fill]:not([fill="none"]) { fill: currentColor; }

/* Header, announcement, desktop navigation and mobile drawer. */
html[data-jersey-theme] .vi-top { background-color: var(--color-notice-bg); color: var(--color-notice-text); }
html[data-jersey-theme] .vi-top .notice-hashref, html[data-jersey-theme] .vi-top .product-notice { background-color: var(--color-notice-bg); }
html[data-jersey-theme] .vi-top .notice-hashref *, html[data-jersey-theme] .vi-top .product-notice .title { color: var(--color-notice-text); }
html[data-jersey-theme] .vi-hd { background-color: var(--color-header-bg); color: var(--color-header-text); }
html[data-jersey-theme] .outline-div:is(.outline-mobile, [data-theme="mobile_yang"]) .min-cart-title {
  background-color: var(--color-primary-bg);
  color: var(--ink);
}
html[data-jersey-theme] .outline-div:is(.outline-mobile, [data-theme="mobile_yang"]),
html[data-jersey-theme] .outline-div:is(.outline-mobile, [data-theme="mobile_yang"]) > div,
html[data-jersey-theme] .outline-div:is(.outline-mobile, [data-theme="mobile_yang"]) .min-cart-title {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-jersey-theme] .desktop-site-header .logo { height: 52px; width: auto; object-fit: contain; }
html[data-jersey-theme] .vi-hd .head-icon-a, html[data-jersey-theme] .vi-hd .head-icon-a .top-name,
html[data-jersey-theme] .vi-hd .top-icon .iconfont { color: var(--color-header-text); }
html[data-jersey-theme] .vi-hd .icon { --icon-border-color: var(--color-header-text); }
/* Header controls sit on a different surface from light-page buttons. */
html[data-jersey-theme] .vi-hd .head-icon-a:hover::before {
  background-color: var(--color-header-hover-bg);
  border-color: var(--color-header-hover-border);
}
html[data-jersey-theme] .vi-hd .head-icon-a:active::before,
html[data-jersey-theme] .vi-hd .head-icon-a.active::before {
  background-color: var(--color-header-active-bg);
  border-color: var(--color-header-active-border);
}
html[data-jersey-theme] .vi-hd .head-icon-a:is(:hover, :focus-visible, :active, .active),
html[data-jersey-theme] .vi-hd .head-icon-a:is(:hover, :focus-visible, :active, .active) .top-name,
html[data-jersey-theme] .vi-hd .head-icon-a:is(:hover, :focus-visible, :active, .active) .iconfont {
  color: var(--color-header-state-text);
}
html[data-jersey-theme] .vi-hd .head-icon-a:is(:hover, :focus-visible, :active, .active) .icon,
html[data-jersey-theme] .vi-hd .head-icon-a:is(:hover, :focus-visible, :active, .active) svg {
  --icon-border-color: var(--color-header-state-text);
  --icon-light-color: var(--color-header-state-text);
}
html[data-jersey-theme] .vi-hd .cart-num, html[data-jersey-theme] .vi-hd .menu-num { background-color: var(--color-cta); color: #FFFFFF; }
html[data-jersey-theme] .vi-hd input[type="search"], html[data-jersey-theme] .vi-hd .search-input {
  background-color: var(--color-search-bg); border-color: var(--color-search-border); color: var(--color-search-text);
}
html[data-jersey-theme] .vi-hd input::placeholder { color: var(--color-search-placeholder); }
html[data-jersey-theme] .vi-hd .search-div .search-content {
  background-color: var(--color-search-bg); border-color: var(--color-search-border);
}
html[data-jersey-theme] .vi-hdm, html[data-jersey-theme] .vi-hdm .menu-top, html[data-jersey-theme] .vi-hdm .left, html[data-jersey-theme] .vi-hdm .sub,
html[data-jersey-theme] .vi-hdm .menu-list { background-color: var(--color-dark); border-color: var(--color-dark-line); }
html[data-jersey-theme] .vi-hdm .top-menu .mi, html[data-jersey-theme] .vi-hdm .top-menu .mi a,
html[data-jersey-theme] .vi-hdm .menu-item-parent, html[data-jersey-theme] .vi-hdm .menu-item-parent a { color: var(--color-nav-text); }
html[data-jersey-theme] .vi-hdm .top-menu .mi:hover, html[data-jersey-theme] .vi-hdm .top-menu .mi.active {
  background-color: transparent;
}
html[data-jersey-theme] .vi-hdm .top-menu .mi:hover a, html[data-jersey-theme] .vi-hdm .top-menu .mi.active a,
html[data-jersey-theme] .vi-hdm .menu-list .menu-item.active .menu-item-parent * { color: var(--color-nav-active); }
html[data-jersey-theme] .vi-hdm .mi.active::after { background-color: var(--color-nav-active); }
html[data-jersey-theme] .vi-hdm .menu-list .menu-item { background-color: var(--color-dark-2); border-color: var(--color-dark-line); }
html[data-jersey-theme] .vi-br { background-color: var(--color-dark); }

/* Cart reassurance icons use inline vectors so their colors follow the site. */
html[data-jersey-theme] .secure-box svg [fill="#D4BEE0"] { fill: var(--color-primary); }
html[data-jersey-theme] .secure-box svg [fill="#333333"] { fill: var(--ink); }
html[data-jersey-theme] .buyer-protection {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-color: var(--line);
}
html[data-jersey-theme] .buyer-protection > .f-4 {
  width: auto;
  min-width: 0;
  gap: 4px;
  align-items: center;
}
html[data-jersey-theme] .buyer-protection .buyer-protection-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-image: none;
}
html[data-jersey-theme] .buyer-protection .buyer-protection-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
html[data-jersey-theme] .uil-secure .buyer-protection-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-right: 4px;
  background-image: none;
}
html[data-jersey-theme] .uil-secure .buyer-protection-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
html[data-jersey-theme] .buyer-protection .title {
  min-width: 0;
  margin-left: 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--text-sub);
  overflow-wrap: break-word;
}

/* Product, cart and checkout prices share the light-surface price color. */
html[data-jersey-theme] .product-list .list-item { background-color: var(--color-card-bg); }
html[data-jersey-theme] .product-list .list-item .name:hover, html[data-jersey-theme] .product-list .list-item .title:hover {
  color: var(--color-primary-text);
}
html[data-jersey-theme] .product-list .list-item .price .new, html[data-jersey-theme] .product-price .now,
html[data-jersey-theme] .product-price .price-value, html[data-jersey-theme] .total-price, html[data-jersey-theme] .cartPrice-row .total,
html[data-jersey-theme] .cartPrice-row .light-color { color: var(--color-price); }
html[data-jersey-theme] .product-list .list-item .price .old { color: var(--text-muted); }
html[data-jersey-theme] .rank .iconfont, html[data-jersey-theme] .comment-star { color: var(--color-star); }
html[data-jersey-theme] .suffix-img-div, html[data-jersey-theme] .sale-item__price { background-color: var(--color-cta); color: #FFFFFF; }
html[data-jersey-theme] .list-item__tag.item-shipping { background-color: var(--color-free-bg); color: var(--color-free); border-color: var(--color-free-border); }
html[data-jersey-theme] .list-item__tag.item-recommend { background-color: var(--color-cta); color: #FFFFFF; }
html[data-jersey-theme] .list-item__tag.item-team { background-color: var(--color-dark); color: #FFFFFF; }
html[data-jersey-theme] .activity-section__mask { background-image: var(--color-mask); }
html[data-jersey-theme] .why-feature-wrapper, html[data-jersey-theme] .tabs-header { background-color: var(--grey-bg); }
/* Product surfaces: white content/form cards, neutral section headings, themed controls.
   Never color the generic .group: the purchase row uses that utility class too. */
/* Give the whole product content one surface, so legacy .bg-f modules do not
   appear as disconnected white rectangles on One Off Jersey's gray page. */
html[data-jersey-theme] .vi-p { background-color: var(--color-card-bg); }
html[data-jersey-theme] .vi-p .bg-f,
html[data-jersey-theme] .vi-p .buy.group { background-color: var(--color-card-bg); }
html[data-jersey-theme] .vi-p .sp .group,
html[data-jersey-theme] .vi-p .desc .group { background-color: var(--grey-bg); color: var(--ink); }
html[data-jersey-theme] .vi-p .sp .box { background-color: var(--color-card-bg); border-color: var(--line); }
html[data-jersey-theme] .vi-p .box-input {
  background-color: var(--color-primary-bg); border-color: var(--color-primary-border);
}
html[data-jersey-theme] .vi-p .box-input__inner,
html[data-jersey-theme] .vi-p .box-input__icon { color: var(--text); }
html[data-jersey-theme] .vi-p .box-input::before { color: var(--text-sub); }
html[data-jersey-theme] .vi-p .select-box-dropdown {
  background-color: var(--color-card-bg); border-color: var(--color-primary-border);
}
html[data-jersey-theme] .vi-p .select-box-dropdown__item:hover,
html[data-jersey-theme] .vi-p .select-box-dropdown__item.selected {
  background-color: var(--color-primary-active); color: var(--color-primary-text);
}
html[data-jersey-theme] .vi-p .sp-icon .title { color: var(--text-sub); }
html[data-jersey-theme] .vi-p .sp-icon svg [fill="#D4BEE0"] { fill: var(--color-accent); }
html[data-jersey-theme] .vi-p .sp-icon svg [fill="#333333"] { fill: var(--ink); }
html[data-jersey-theme] .vi-p .descript-table th { background-color: var(--grey-bg); color: var(--ink); }
html[data-jersey-theme] .vi-p .descript-table td { border-color: var(--line); }
html[data-jersey-theme] .vi-p .descript-table tr:nth-child(odd) td { background-color: var(--color-card-bg); }
html[data-jersey-theme] .vi-p .descript-table tr:nth-child(even) td { background-color: var(--grey-bg); }
html[data-jersey-theme] .tabs-wrapper .tabs-header .tabs-item.active {
  color: var(--color-primary-text); border-color: var(--color-primary);
}
html[data-jersey-theme] .index-section__view-all { color: var(--color-primary-text); }

/* Account controls use the same tokens as the storefront. */
html[data-jersey-theme] .yang-tabs,
html[data-jersey-theme] .yang-tabs::after,
html[data-jersey-theme] .yang-tabs .yang-tab { border-color: var(--line); }
html[data-jersey-theme] .yang-tabs__nav { background-color: var(--color-card-bg); }
html[data-jersey-theme] .yang-tabs .yang-tab { color: var(--text); }
html[data-jersey-theme] .yang-tabs .yang-tab--active,
html[data-jersey-theme] .yang-tabs .yang-tab:hover { color: var(--color-primary-text); }
html[data-jersey-theme] .yang-tabs__line { background-color: var(--color-primary); }
html[data-jersey-theme] .coupon-section .coupon-verify .coupon-vitem.active span {
  color: var(--color-primary-text);
}
html[data-jersey-theme] .coupon-section .coupon-verify .coupon-vitem.active span::after {
  border-top-color: var(--color-primary);
}
html[data-jersey-theme] .user-order-item-title {
  background-color: var(--color-primary-bg); border-color: var(--color-primary-border);
}
html[data-jersey-theme] .order-invalid .title {
  color: var(--color-primary-text); border-color: var(--color-primary-border);
  box-shadow: 0 0 8px 0 var(--color-primary-border);
}
html[data-jersey-theme] .user-order-container .btn-cancel { color: var(--color-primary-text); }
html[data-jersey-theme] .user-order-container .button-group__left-slot { background-color: var(--color-primary); }
html[data-jersey-theme] .user-order-container .left-button-list {
  border-color: var(--color-primary-border); box-shadow: 0 0 8px 0 var(--color-primary-border);
}
html[data-jersey-theme] .user-order-container .left-button-list::before { border-bottom-color: var(--color-primary-border); }
html[data-jersey-theme] .user-center__product-header > .user-center__product-item.active,
html[data-jersey-theme] .user-center__product-header > .user-center__product-item:hover {
  color: var(--color-primary-text);
}
html[data-jersey-theme] .user-center__product-header > .user-center__product-item.active span::after {
  background-color: var(--color-primary);
}
html[data-jersey-theme] .user-menu .um-list .um-list-item.active,
html[data-jersey-theme] .user-menu .um-list > a:hover,
html[data-jersey-theme] .user-menu .um-list > div:hover {
  background-color: var(--color-primary-active); color: var(--color-primary-text);
}
html[data-jersey-theme] .user-breadcrumb .user-breadcrumb-item-current { color: var(--color-primary-text); }
html[data-jersey-theme] .user-back-header {
  background-color: var(--color-primary-bg);
  color: var(--ink);
}
html[data-jersey-theme] .user-image-content .image-item.active::after { border-color: var(--color-primary); }
html[data-jersey-theme] .form-switch.checked .form-switch__core {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
html[data-jersey-theme] .vu-ix .order-view { background-color: var(--color-primary-bg); }
html[data-jersey-theme] .vu-ix .order-view .grid-list { background-color: var(--color-card-bg); }
html[data-jersey-theme] .user-order-icon { display: block; width: 24px; height: 24px; margin: auto; }
html[data-jersey-theme] .user-menu .grid-list .d-href .user-order-icon { width: 32px; height: 32px; }
html[data-jersey-theme] .user-menu .cart-adv { background-color: var(--color-primary-bg); }
html[data-jersey-theme] .user-menu .cart-adv .vu-coupon-tips { color: var(--color-primary-text); }
html[data-jersey-theme] .user-menu .cart-adv .custom-btn { background-color: var(--color-primary); color: #FFFFFF; }

/* Replace the purple SVG backgrounds without changing click handlers or positioning. */
html[data-jersey-theme] .sp-main .sp-item.active {
  background-color: var(--shipping-surface);
  border-color: var(--color-primary);
}
html[data-jersey-theme] .addrBox-content .addr-item.active {
  background-color: var(--color-primary-active);
  border-color: var(--color-primary);
}
html[data-jersey-theme] .addr-item .addrItem-check {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  box-sizing: border-box;
}
html[data-jersey-theme] .addr-item .addrItem-check,
html[data-jersey-theme] .sp-addr-default .spItem-check,
html[data-jersey-theme] .sp-item .spItem-check,
html[data-jersey-theme] .billAddr-item .billAddrItem-check,
html[data-jersey-theme] .paymethod-itme-box .payMethod-check {
  background: var(--color-primary-bg);
  border: 1px solid var(--color-primary);
}
html[data-jersey-theme] .addr-item.active .addrItem-check,
html[data-jersey-theme] .sp-addr-default.active .spItem-check,
html[data-jersey-theme] .sp-item.active .spItem-check,
html[data-jersey-theme] .billAddr-item.active .billAddrItem-check,
html[data-jersey-theme] .paymethod-itme-box.active .payMethod-check {
  background: var(--color-primary) url("/template/index/public/themes/icons/checkmark.svg") no-repeat center / 14px 14px;
  border-color: var(--color-primary);
}

/* Footer and top button; payment images keep their original colors. */
/* Keep the location dialog self-contained across the base and 166 asset directories. */
html[data-jersey-theme] .switch-country-modal-wrapper .dialog-body { padding: 12px 24px 24px; }
html[data-jersey-theme] .switch-country-content {
  background-color: var(--color-card-bg); color: var(--text);
  max-height: calc(80vh - 80px); height: auto; overflow-y: auto; overflow-x: hidden;
  padding: 0; margin: 0;
}
html[data-jersey-theme] .switch-country-content .country-item {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;
  padding: 14px 12px; font-size: 16px; line-height: 20px; cursor: pointer;
  border-bottom: 1px solid var(--line);
}
html[data-jersey-theme] .switch-country-content .country-item > .flex {
  display: flex; align-items: center; flex-wrap: nowrap; min-width: 0;
}
html[data-jersey-theme] .switch-country-content .flag-img {
  width: 21px; height: 14px; max-width: 21px; flex: 0 0 21px;
  object-fit: contain; margin-right: 8px; border-radius: 0;
}
html[data-jersey-theme] .switch-country-content .country-item:hover {
  background-color: var(--color-primary-bg); color: var(--color-primary-text);
}
html[data-jersey-theme] .switch-country-content .country-item .iconfont {
  display: block; width: 20px; height: 20px; flex: 0 0 20px; background: transparent;
}
html[data-jersey-theme] .switch-country-content .country-item .icon-checked {
  border-radius: 50%;
  background: var(--color-primary) url("/template/index/public/themes/icons/checkmark.svg") no-repeat center / 14px 14px;
}
html[data-jersey-theme] .vi-ft { background-color: var(--color-dark); color: var(--color-ash); border-color: var(--color-dark-line); }
html[data-jersey-theme] .vi-ft .title { color: #FFFFFF; }
html[data-jersey-theme] .vi-ft a, html[data-jersey-theme] .vi-ft p, html[data-jersey-theme] .vi-ft .f-item { color: var(--color-ash); }
html[data-jersey-theme] .vi-ft a:hover, html[data-jersey-theme] .vi-ft .f-item:hover { color: var(--color-footer-hover); }
html[data-jersey-theme] .vi-ft .footer-bottom { border-color: var(--color-dark-line); }
/* Expanded titles retain the footer surface; child links share a light surface. */
html[data-jersey-theme] .vi-ft .menu .toggle.active { background-color: transparent; }
html[data-jersey-theme] .vi-ft .menu .box { background-color: var(--color-card-bg); color: var(--text); }
html[data-jersey-theme] .vi-ft .menu .box a,
html[data-jersey-theme] .vi-ft .menu .box p,
html[data-jersey-theme] .vi-ft .menu .box .f-item { color: var(--text); }
html[data-jersey-theme] .vi-ft .menu .box a:hover,
html[data-jersey-theme] .vi-ft .menu .box .f-item:hover { color: var(--color-accent); }
html[data-jersey-theme] .vi-ft .pay img { background-color: #FFFFFF; }
html[data-jersey-theme] .to-top { background-color: var(--color-top-bg); }

/* Error-page actions are scoped so ordinary links retain their page colors. */
html[data-jersey-theme] .nofind-content a {
  background-color: var(--color-cta);
  color: #FFFFFF;
  padding: 8px 20px;
  border-radius: 18px;
}
html[data-jersey-theme] .nofind-content a:hover { background-color: var(--color-cta-hover); }
html[data-jersey-theme] .nofind-content a:active { background-color: var(--color-cta-active); }
html[data-jersey-theme] .nofind-content a::before { content: none; }
html[data-jersey-theme] .nofind-content .title { color: var(--ink); }
html[data-jersey-theme] .nofind-content .jersey-notfound-image { object-fit: contain; }
/* Tint the supplied orange artwork to the navy brand, preserving transparency. */
html[data-jersey-theme="customjerseyusa"] .nofind-content .jersey-notfound-image {
  filter: grayscale(1) sepia(1) hue-rotate(198deg) saturate(19.9) brightness(0.3685);
}