/* M-Sport Reservdelar fitment UI
 * 1.0.3 SAFE PRODUCT-PAGE VISIBILITY FIX
 * Scope:
 *   1) .msport-rv2-fitment only
 *   2) WooCommerce single-product Additional Information tab only
 * No global body/theme/dealer-panel rules.
 */

.msport-rv2-fitment {
    margin: 18px 0;
    padding: 16px 18px;
    border: 1px solid #d9dee5;
    border-radius: 12px;
    background: #fff !important;
    color: #26313f !important;
    line-height: 1.45;
}

.msport-rv2-fitment.is-compact {
    margin: 12px 0 0;
    padding: 12px 14px;
    background: #f8fafc !important;
}

.msport-rv2-fitment-title {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 700;
}

.msport-rv2-fitment-sku,
.msport-rv2-fitment-group,
.msport-rv2-fitment-warning,
.msport-rv2-fitment-cross,
.msport-rv2-fitment-note {
    margin-top: 7px;
    font-size: .92rem;
}

.msport-rv2-fitment-brand {
    font-weight: 700;
    margin-bottom: 2px;
}

/* Access Shop Style Force gives Woo product pages white text globally.
 * These rules override that ONLY inside our white compatibility card.
 */
.msport-rv2-fitment,
.msport-rv2-fitment .msport-rv2-fitment-title,
.msport-rv2-fitment .msport-rv2-fitment-sku,
.msport-rv2-fitment .msport-rv2-fitment-group,
.msport-rv2-fitment .msport-rv2-fitment-brand,
.msport-rv2-fitment .msport-rv2-fitment-models,
.msport-rv2-fitment .msport-rv2-fitment-warning,
.msport-rv2-fitment .msport-rv2-fitment-cross,
.msport-rv2-fitment .msport-rv2-fitment-note,
.msport-rv2-fitment strong,
.msport-rv2-fitment p,
.msport-rv2-fitment span,
.msport-rv2-fitment div {
    color: #26313f !important;
}

.msport-rv2-fitment-warning,
.msport-rv2-fitment-cross,
.msport-rv2-fitment-note {
    color: #4b5563 !important;
}

.msport-rv2-fitment.is-compact .msport-rv2-fitment-warning,
.msport-rv2-fitment.is-compact .msport-rv2-fitment-cross {
    font-size: .86rem;
}

/* WooCommerce "Ytterligare information" ONLY.
 * The selector is intentionally limited to body.single-product and the
 * native additional_information tab/panel so ÅF/dealer/custom pages cannot
 * inherit these colors.
 */
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.additional_information_tab,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.additional_information_tab.active,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.additional_information_tab a {
    background-color: #fff !important;
    color: #26313f !important;
}

body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information h2,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes p {
    color: #26313f !important;
}

body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th,
body.single-product .woocommerce div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td {
    background-color: #fff !important;
}