/* Product-detail supporting accents use Accent / Third Color.
   Add-to-cart and buy-now buttons keep their primary/secondary theme colors. */
html body:not(.admin) .rr-pd-page {
    --rr-pd-tertiary: var(--rr-lc-accent-color, #f59e0b);
    --rr-pd-tertiary-soft: color-mix(in srgb, var(--rr-pd-tertiary) 10%, #ffffff);
    --rr-pd-tertiary-border: color-mix(in srgb, var(--rr-pd-tertiary) 30%, #e5e7eb);
    --rr-pd-border: var(--rr-pd-tertiary-border) !important;
    --rr-pd-info-border: var(--rr-pd-tertiary-border) !important;
    --rr-pd-soft: var(--rr-pd-tertiary-soft) !important;
    --rr-pd-badge-bg: var(--rr-pd-tertiary-soft) !important;
    --rr-review-accent: var(--rr-pd-tertiary) !important;
    --rr-review-accent-soft: var(--rr-pd-tertiary-soft) !important;
    --rr-review-accent-border: var(--rr-pd-tertiary-border) !important;
    --rr-pd-soft-shadow: 0 16px 38px -22px color-mix(in srgb, var(--rr-lc-shadow, var(--rr-lc-shadow-color, #0f172a)) 38%, transparent);
}

html body:not(.admin) .rr-pd-page .product-detail-anchor-wrap {
    --detail-accent: var(--rr-pd-tertiary) !important;
    --detail-border: var(--rr-pd-tertiary-border) !important;
    --detail-soft: var(--rr-pd-tertiary-soft) !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-related-products {
    --rr-related-accent: var(--rr-pd-tertiary) !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-price-row strong {
    color: var(--rr-pd-tertiary) !important;
}

html body:not(.admin) .rr-pd-page :is(.rr-pd-category-badge, .rr-pd-stock-badge, .rr-pd-secondary-badge) {
    background: var(--rr-pd-tertiary-soft) !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-action-panel {
    border-color: var(--rr-pd-tertiary-border) !important;
    background: var(--rr-pd-tertiary-soft) !important;
}

html body:not(.admin) .rr-pd-page :is(
    .product-detail-anchor-section,
    .rr-pd-related-products
) {
    border-color: var(--rr-pd-tertiary-border) !important;
    box-shadow: var(--rr-pd-soft-shadow) !important;
}

html body:not(.admin) .rr-pd-page :is(
    .rr-pd-gallery-card,
    .rr-review-main-card,
    .rr-review-card
) {
    box-shadow: var(--rr-pd-soft-shadow) !important;
}

html body:not(.admin) .rr-pd-page :is(.rr-pd-quantity-stepper, .quantity-stepper) {
    border-color: var(--rr-pd-tertiary-border) !important;
}

html body:not(.admin) .rr-pd-page .product-detail-main-image-wrap {
    border-color: var(--rr-pd-tertiary-border) !important;
}

html body:not(.admin) .rr-pd-page .product-detail-gallery-thumb:hover {
    border-color: var(--rr-pd-tertiary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-pd-tertiary) 14%, transparent) !important;
}

html body:not(.admin) .rr-pd-page :is(
    .product-detail-gallery-thumb.active,
    .product-detail-gallery-thumb.is-active,
    .product-detail-gallery-thumb[aria-current="true"],
    .product-detail-gallery-thumb[aria-selected="true"]
) {
    border-color: var(--rr-pd-tertiary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-pd-tertiary) 14%, transparent) !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-wishlist-wrap .rr-wishlist-toggle-btn {
    border-color: var(--rr-pd-tertiary-border) !important;
    color: var(--rr-pd-tertiary) !important;
}

html body:not(.admin) .rr-pd-page .product-detail-zoom-lens {
    box-shadow:
        0 18px 42px -18px color-mix(in srgb, var(--rr-lc-shadow, #0f172a) 42%, transparent),
        0 0 0 1px var(--rr-pd-tertiary-border) !important;
}

html body:not(.admin) .rr-pd-page .product-detail-anchor-nav a:hover,
html body:not(.admin) .rr-pd-page .product-detail-anchor-nav a.is-active {
    border-bottom-color: var(--rr-pd-tertiary) !important;
    background: var(--rr-pd-tertiary-soft) !important;
}

html body:not(.admin) .rr-pd-page :is(.rr-review-bar-row i b, .rr-review-form-panel h3::after) {
    background: var(--rr-pd-tertiary) !important;
}

html body:not(.admin) .rr-pd-page :is(.rr-review-main-card, .rr-review-card) {
    border-color: var(--rr-pd-tertiary-border) !important;
}

html body:not(.admin) .rr-pd-page .rr-review-login-note {
    background: var(--rr-pd-tertiary-soft) !important;
    border-color: var(--rr-pd-tertiary-border) !important;
}
