/*
 * Matthies-Digital Suite 1.0.10
 * Final visual polish for catalogue and product details.
 * This file is deliberately loaded last so JTL/NOVA and plugin styles keep
 * their behaviour while the visible colours follow the Suite design.
 */

/* Catalogue controls and filters */
.btn.btn-outline-secondary,
.btn.btn-filter-box,
#sidepanel_left .btn-filter-box,
.productlist-header .btn-outline-secondary {
    border-color: #dce6f2 !important;
    background: #fff !important;
    color: #0b1830 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus-visible,
.btn.btn-filter-box:hover,
.btn.btn-filter-box:focus-visible,
#sidepanel_left .btn-filter-box:hover,
#sidepanel_left .btn-filter-box:focus-visible {
    border-color: #2d8cff !important;
    background: #eef5fd !important;
    color: #1264ff !important;
}

#sidepanel_left .filter-options,
#sidepanel_left .box-filter-special,
#sidepanel_left .card,
#sidepanel_left .box {
    border-color: #dce6f2 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(7, 26, 54, .06) !important;
}

#sidepanel_left .form-control,
#sidepanel_left .input-group-text {
    min-height: 46px;
    border-color: #dce6f2 !important;
    background: #fff !important;
    color: #0b1830 !important;
}

#sidepanel_left .form-control:focus {
    border-color: #2d8cff !important;
    box-shadow: 0 0 0 3px rgba(18, 100, 255, .14) !important;
}

/* Replace NOVA's yellow price slider with the Suite blue/cyan scale. */
.price-range-slide.noUi-target,
.noUi-target {
    border: 0 !important;
    background: #dce6f2 !important;
    box-shadow: none !important;
}

.price-range-slide .noUi-connect,
.noUi-connect {
    background: linear-gradient(90deg, #1264ff 0%, #17bdd2 58%, #00d2a6 100%) !important;
}

.price-range-slide .noUi-handle,
.noUi-handle {
    border: 3px solid #fff !important;
    border-radius: 999px !important;
    background: #1264ff !important;
    box-shadow: 0 4px 12px rgba(18, 100, 255, .3) !important;
}

.price-range-slide .noUi-handle-upper {
    background: #00bca7 !important;
}

/* Product tiles */
.productbox-inner {
    border-color: #dce6f2 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 34px rgba(7, 26, 54, .07) !important;
}

.productbox-inner:hover {
    border-color: rgba(18, 100, 255, .38) !important;
    box-shadow: 0 18px 42px rgba(7, 26, 54, .12) !important;
}

.productbox .ribbon,
.productbox-ribbon,
.ribbon.ribbon-3 {
    border: 0 !important;
    background: linear-gradient(135deg, #1264ff 0%, #17bdd2 68%, #00d2a6 100%) !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(18, 100, 255, .22) !important;
}

.productbox-title a,
.productbox-price,
.productbox .price {
    text-decoration-color: rgba(18, 100, 255, .28) !important;
}

/* Product detail tabs and attributes: remove the remaining yellow accents. */
.product-detail .nav-tabs,
#tab-description .nav-tabs,
.tab-navigation .nav-tabs {
    border-bottom-color: #dce6f2 !important;
}

.product-detail .nav-tabs .nav-link,
#tab-description .nav-tabs .nav-link,
.tab-navigation .nav-tabs .nav-link {
    border: 0 !important;
    color: #60708a !important;
}

.product-detail .nav-tabs .nav-link.active,
#tab-description .nav-tabs .nav-link.active,
.tab-navigation .nav-tabs .nav-link.active,
#tab-link-description.active {
    border: 0 !important;
    border-bottom: 4px solid #17bdd2 !important;
    background: #07162e !important;
    color: #fff !important;
    box-shadow: none !important;
}

.product-detail .tab-content .table,
.product-detail .table-bordered-outline {
    border-color: #dce6f2 !important;
    border-radius: 18px !important;
    overflow: hidden;
}

.product-detail .tab-content .table > tbody > tr:nth-of-type(odd) > *,
.product-detail .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #fff !important;
}

.product-detail .tab-content .table > tbody > tr:nth-of-type(even) > *,
.product-detail .table-striped > tbody > tr:nth-of-type(even) > * {
    background: #f3f7fc !important;
}

.product-detail .attr-characteristic .badge-primary,
.product-detail .tab-content .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;
}

/* PayPal remains an available payment method in checkout. Only the express
 * widgets shown directly on product-detail pages are removed. */
#ppc-paypal-button-custom-productDetails-wrapper,
#paypal-button-productDetails-container,
#ppc-productDetails-horizontal-container,
#productDetails-ppc-paypal-standalone-button,
#ppc-productDetails-instalment-banner {
    display: none !important;
}

/* Keep the buying area visually balanced after removing the express widgets. */
.product-detail .product-info-inner,
.product-info-inner {
    border-color: #dce6f2 !important;
    box-shadow: 0 14px 38px rgba(7, 26, 54, .08) !important;
}

@media (max-width: 767.98px) {
    #sidepanel_left .filter-options,
    #sidepanel_left .box-filter-special,
    #sidepanel_left .card,
    #sidepanel_left .box {
        border-radius: 14px !important;
    }
}