
/* Seatech semantic colors. Purchase controls only; native wallet branding is untouched. */
:root {
    --st-color-price: #CC5500;
    --st-color-link: #0074BD;
    --st-color-link-hover: #005A94;
    --st-color-selection: #F1F7FC;
    --st-color-purchase: #CC5500;
    --st-color-purchase-hover: #A94300;
    --st-color-navy: #004063;
    --st-color-muted: #586C78;
    --st-color-disabled: #E4E9ED;
}

/* Current prices share one color. Do not target all .price nodes: MSRP and savings are secondary. */
html body :is(.price--main, .st-mobilePurchase-price, .st-all-price,
    .st-cart-unit-price .cart-item-value:not(.price--discounted), [data-st-cart-subtotal],
    .st-cart-line-total .cart-item-value, .st-cart-grand-total .cart-total-value,
    .st-cart-drawer__price strong, .st-cart-drawer__subtotal strong,
    .seatech-kit-ui #dialog-total-price, .seatech-kit-ui #kit-total-price,
    .seatech-kit-ui .dialog-row .kit-line-price) {
    color: var(--st-color-price) !important;
    font-weight: 700 !important;
}
/* Large bold text keeps the exact brand orange readable on a white surface. */
html body :is(.card .price--main, .quickSearchResults .price--main,
    .st-mobilePurchase-price, .st-all-price,
    .st-cart-unit-price .cart-item-value:not(.price--discounted), [data-st-cart-subtotal],
    .seatech-kit-ui .dialog-row .kit-line-price) {
    font-size: 19px !important;
}
html body :is(.price--rrp, .st-cart-unit-price .price--discounted, .price-section--saving, .rrp-price--withoutTax, .rrp-price--withTax) {
    color: var(--st-color-muted) !important;
}

/* The same next-purchase step has the same treatment in cards, product pages and both carts.
   19px bold white labels meet large-text contrast on #CC5500; secondary navigation stays navy. */
html body :is(.card .button--primary, #form-action-addToCart,
    .st-mobilePurchase-action, .seatech-kit-ui .kit-add-to-cart,
    #st-cart-page .cart-actions .button--primary,
    #st-cart-drawer a.st-cart-drawer__button--primary[href*="checkout"]) {
    background-color: var(--st-color-purchase) !important;
    border-color: var(--st-color-purchase) !important;
    color: #FFFFFF !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    min-height: 44px;
    white-space: normal;
}
html body :is(.card .button--primary, #form-action-addToCart,
    .st-mobilePurchase-action, .seatech-kit-ui .kit-add-to-cart,
    #st-cart-page .cart-actions .button--primary,
    #st-cart-drawer a.st-cart-drawer__button--primary[href*="checkout"]):is(:hover, :active) {
    background-color: var(--st-color-purchase-hover) !important;
    border-color: var(--st-color-purchase-hover) !important;
}
html body :is(.card .button--primary, #form-action-addToCart,
    .st-mobilePurchase-action, .seatech-kit-ui .kit-add-to-cart,
    #st-cart-page .cart-actions .button--primary,
    #st-cart-drawer a.st-cart-drawer__button--primary[href*="checkout"]):focus-visible {
    outline: 3px solid var(--st-color-navy) !important;
    outline-offset: 3px;
}
/* Unavailable controls never look ready to purchase. Their existing disabled behavior is preserved. */
html body :is(.card .button--primary, #form-action-addToCart,
    .st-mobilePurchase-action, .seatech-kit-ui .kit-add-to-cart,
    #st-cart-page .cart-actions .button--primary,
    #st-cart-drawer a.st-cart-drawer__button--primary[href*="checkout"]):is(:disabled, [disabled], [aria-disabled="true"], .is-disabled) {
    background-color: var(--st-color-disabled) !important;
    border-color: #B8C5CF !important;
    color: var(--st-color-muted) !important;
    opacity: 1;
    cursor: not-allowed;
}

/* Known commerce headings only: preserve white text on any custom dark description panels. */
html body :is(.productView-title, .page-heading, .st-category-title,
    .seatech-search-intro-title,
    .seatech-results-summary, .seatech-filter-heading, .footer-info-heading,
    .card-title, .card-title a, .cart-item-name, .cart-item-name a, .st-cart-summary h2, .st-all-card h3, .st-all-card h3 a,
    .st-all-header h1, .st-homePilot h2,
    #st-cart-page .st-cart-grand-total .cart-total-label strong,
    #st-cart-drawer .st-cart-drawer__header h2) {
    color: var(--st-color-navy) !important;
}

/* Result type tabs are navigation, not purchase actions. Green remains a small brand/status accent. */
html body [aria-label="Search result types"] button[aria-current="page"] {
    background-color: var(--st-color-navy) !important;
    border-color: var(--st-color-navy) !important;
    color: #FFFFFF !important;
}
html body #st-all-products .st-all-price del { color: var(--st-color-muted) !important; }

/* Blue accents distinguish discovery, selections and resources from purchase actions. */
html body .seatech-search-intro-title [data-st-query-text] {
    color: var(--st-color-link) !important;
}

html body.st-modernized .productView-reviewLink a{color:var(--st-color-link)!important;}
html body.st-modernized .productView-reviewLink a:hover{color:var(--st-color-link-hover)!important;}

/* Keep the native checkbox/checkmark and removal controls; the inset border adds no width. */
html body .facetedSearch .navList-action.is-selected,
html body .facetedSearch-refineFilters .facetLabel,
html body #st-all-products .st-all-facet-list label:has(input:checked) {
    background-color: var(--st-color-selection) !important;
    color: var(--st-color-link) !important;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px var(--st-color-link);
}
html body .facetedSearch-refineFilters .facetLabel {
    border-color: var(--st-color-link) !important;
    box-shadow: none;
}
html body .facetedSearch-refineFilters .facetLabel .icon {
    color: var(--st-color-link) !important;
    fill: currentColor !important;
}
html body .facetedSearch .navList-action.is-selected::before {
    border-color: var(--st-color-link) !important;
}
html body #st-all-products .st-all-facet-list input {
    accent-color: var(--st-color-link);
}
html body .facetedSearch .navList-action:is(:hover, :focus-visible),
html body .facetedSearch-clearAll {
    color: var(--st-color-link) !important;
}

/* Main-content resource links; top navigation, prices and wallet controls are excluded. */
html body .body a:is([href*="/downloads"], [href*="/tech-support"], [href*=".pdf" i]),
html body .st-bpResources a {
    color: var(--st-color-link) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* Resource buttons retain their shape and contrast, including custom product-page buttons. */
html body .body a:is([href*="/downloads"], [href*="/tech-support"], [href*=".pdf" i]):is(
    .button, .st-ssResourceButton, [class*="-btn"], [class*="Button"], [class*="-button"]) {
    background-color: #FFFFFF !important;
    border-color: var(--st-color-link) !important;
    color: var(--st-color-link) !important;
    text-decoration: none;
}
html body .body a:is([href*="/downloads"], [href*="/tech-support"], [href*=".pdf" i]):hover,
html body .st-bpResources a:hover {
    color: var(--st-color-link-hover) !important;
}
html body .body a:is([href*="/downloads"], [href*="/tech-support"], [href*=".pdf" i]):is(
    .button, .st-ssResourceButton, [class*="-btn"], [class*="Button"], [class*="-button"]):hover {
    background-color: var(--st-color-selection) !important;
    border-color: var(--st-color-link-hover) !important;
}

html body .productView-breadcrumbs>.breadcrumbs{margin:0;}
html body .footer-info-list #seatech-privacy-settings{text-decoration:none;}
/* Category destinations get a quiet blue hover/focus treatment, without touching product cards. */
html body :is(.st-discovery a, .st-quickCategories a,
    .st-compactTop nav[aria-label="Subcategories"] a, .st-bpBrowse a,
    .st-homeShortcut):is(:hover, :focus-visible) {
    background-color: var(--st-color-selection) !important;
    border-color: var(--st-color-link) !important;
}
html body :is(.st-discoveryCta > span[aria-hidden], .st-quickCategories a > span[aria-hidden],
    .st-compactTop .st-cArrow, .st-homeShortcut > span[aria-hidden]) {
    color: var(--st-color-link) !important;
}
html body .st-ssFamilyGroup a:is(:hover, :focus-visible) {
    color: var(--st-color-link) !important;
    text-decoration: underline;
}
html body :is(.st-discovery a, .st-quickCategories a,
    .st-compactTop nav[aria-label="Subcategories"] a, .st-bpBrowse a, .st-homeShortcut):focus-visible {
    outline: 3px solid var(--st-color-link) !important;
    outline-offset: 3px;
}

/* Small facet counts need normal-text contrast on both white and pale blue. */
html body .facetedSearch .navList-action > span:not(.navList-action-close),
html body #st-all-products .st-all-facet-list label > small {
    color: var(--st-color-muted) !important;
}
html body .facetedSearch .navList-action.is-selected > span:not(.navList-action-close),
html body #st-all-products .st-all-facet-list label:has(input:checked) > small {
    color: var(--st-color-link) !important;
}
