/* Soft, rounded panel shadows shared across the storefront.
   A negative spread prevents the shadow from looking like a sharp square. */
html body:not(.admin) {
    --rr-rounded-panel-shadow: 0 7px 18px -16px color-mix(in srgb, var(--rr-lc-shadow, var(--rr-lc-shadow-color, #0f172a)) 24%, transparent);
    --rr-rounded-panel-shadow-hover: 0 12px 28px -16px color-mix(in srgb, var(--rr-lc-shadow, var(--rr-lc-shadow-color, #0f172a)) 34%, transparent);
}

html body:not(.admin) main :is(
    .checkout-card,
    .checkout-empty,
    .checkout-summary,
    .order-tracking-card,
    .order-tracking-help-card,
    .order-tracking-hero-copy,
    .order-track-panel,
    .rr-account-sidebar,
    .rr-account-hero,
    .rr-account-panel,
    .rr-account-stat,
    .rr-wishlist-hero,
    .rr-wishlist-count-card,
    .category-card,
    .featured-category-card,
    .all-products-filter-card,
    .rr-products-filter-panel,
    .rr-pd-gallery-card,
    .product-detail-anchor-section,
    .rr-pd-related-products,
    .rr-review-main-card
) {
    box-shadow: var(--rr-rounded-panel-shadow) !important;
    background-clip: padding-box !important;
}

/* The mobile/tablet navigation drawer keeps its original flat styling. */
@media (max-width: 1180px) {
    html body:not(.admin) nav.rr-category-mega-nav :is(
        .rr-mobile-nav-category-card,
        .rr-nav-item,
        .rr-nav-dropdown,
        .rr-nav-category-group,
        .rr-nav-brand-list
    ),
    html body:not(.admin) nav.rr-category-mega-nav :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link,
        .rr-nav-child-link,
        .rr-nav-child-category-link,
        .rr-nav-brand-link,
        .rr-nav-toggle
    ) {
        box-shadow: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(
        .nav-link,
        .rr-nav-parent-link,
        .rr-nav-plain-link,
        .rr-nav-child-link,
        .rr-nav-child-category-link,
        .rr-nav-brand-link,
        .rr-nav-toggle
    ):is(:focus, :focus-visible) {
        outline: none !important;
        box-shadow: none !important;
    }
}

/* Product tiles and their image areas stay completely flat at rest. */
html body:not(.admin) main :is(
    .rr-wishlist-product-card,
    .rr-central-product-card,
    .product-card
) {
    box-shadow: none !important;
    background-clip: padding-box !important;
}

html body:not(.admin) main :is(
    .rr-wishlist-product-image,
    .rr-central-product-media,
    .rr-central-product-image,
    .product-card-image,
    .product-image,
    .product-thumb,
    .product-thumbnail
),
html body:not(.admin) main :is(
    .rr-wishlist-product-image,
    .rr-central-product-media,
    .rr-central-product-image,
    .product-card-image,
    .product-image,
    .product-thumb,
    .product-thumbnail
) img {
    box-shadow: none !important;
    filter: none !important;
}

html body:not(.admin) .rr-account-stat:hover {
    box-shadow: var(--rr-rounded-panel-shadow-hover) !important;
}

/* Mouse/trackpad hover is the only state that adds a product-card shadow. */
@media (hover: hover) and (pointer: fine) {
    html body:not(.admin) main :is(
        .rr-wishlist-product-card,
        .rr-central-product-card,
        .product-card
    ):hover {
        box-shadow: var(--rr-rounded-panel-shadow-hover) !important;
    }
}