/* Matthies-Digital Suite 1.0.11: remaining NOVA yellow states. */

/* The description tabs are outside NOVA's .product-detail wrapper. */
#product-tabs {
    align-items: flex-end;
    border-bottom: 1px solid #dce6f2 !important;
}

#product-tabs .nav-link {
    margin: 0 !important;
    padding: .7rem 1.15rem !important;
    border: 0 !important;
    border-radius: 12px 12px 0 0 !important;
    background: transparent !important;
    color: #60708a !important;
    box-shadow: none !important;
}

#product-tabs .nav-link:hover,
#product-tabs .nav-link:focus-visible {
    background: #eef5fd !important;
    color: #1264ff !important;
}

#product-tabs .nav-link.active,
#tab-link-description.active {
    border: 0 !important;
    background: linear-gradient(135deg, #1264ff 0%, #17bdd2 72%, #00d2a6 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(18, 100, 255, .2) !important;
}

/* Product characteristics are rendered in #tab-description without the
 * .product-detail ancestor used by older NOVA versions. */
#tab-description .product-attributes a.badge.badge-primary,
#tab-description .attr-characteristic a.badge-primary,
.product-attributes a.badge.badge-primary,
.product-attributes .attr-characteristic .badge-primary {
    border: 1px solid rgba(18, 100, 255, .16) !important;
    border-radius: 999px !important;
    background: #eaf3ff !important;
    color: #074bd8 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

#tab-description .product-attributes a.badge.badge-primary:hover,
#tab-description .product-attributes a.badge.badge-primary:focus-visible,
.product-attributes a.badge.badge-primary:hover,
.product-attributes a.badge.badge-primary:focus-visible {
    border-color: rgba(0, 188, 167, .32) !important;
    background: #e8fbf7 !important;
    color: #087d70 !important;
}

/* NOVA defines every link hover as yellow. Keep product recommendations in
 * the Suite palette and leave prices consistently blue. */
.product-wrapper-product > a,
.product-wrapper-product > a:visited,
.product-wrapper-product > a .item-slider-desc,
.product-wrapper-product > a .item-slider-desc * {
    color: #0b1830 !important;
    text-decoration-color: rgba(18, 100, 255, .26) !important;
}

.product-wrapper-product > a:hover,
.product-wrapper-product > a:focus-visible,
.product-wrapper-product > a:hover .item-slider-desc,
.product-wrapper-product > a:hover .item-slider-desc *,
.product-wrapper-product > a:focus-visible .item-slider-desc,
.product-wrapper-product > a:focus-visible .item-slider-desc * {
    color: #1264ff !important;
    text-decoration-color: #17bdd2 !important;
}

.product-wrapper-product > a .productbox-price,
.product-wrapper-product > a:hover .productbox-price,
.product-wrapper-product > a:focus-visible .productbox-price {
    color: #074bd8 !important;
}

.product-wrapper-product > a .productbox-image {
    border: 1px solid transparent;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-wrapper-product > a:hover .productbox-image,
.product-wrapper-product > a:focus-visible .productbox-image {
    border-color: rgba(23, 189, 210, .42) !important;
    box-shadow: 0 10px 28px rgba(18, 100, 255, .12) !important;
    transform: translateY(-2px);
}

/* Also prevent yellow text on standard catalogue product titles. */
.productbox-title a:hover,
.productbox-title a:focus-visible,
#product-list .productbox a:hover .productbox-title,
#product-list .productbox a:focus-visible .productbox-title {
    color: #1264ff !important;
    text-decoration-color: #17bdd2 !important;
}