/*
 * KingSoft / Osapa 2.2.4 migration — Phase 4
 * Single-product compatibility and desktop menu focus treatment.
 */

/* The original KingSoft product page showed the full short description. */
.single-product div.product .summary .woocommerce-product-details__short-description {
    display: block;
}

/* Restore the old related-products spacing and four-column presentation. */
.single-product .kingsoft-related-products {
    clear: both;
    width: 100%;
    margin-top: 55px;
    margin-bottom: 55px;
}

.single-product .kingsoft-related-products > .heading-tilte {
    margin-bottom: 0;
}

.single-product .kingsoft-related-products > .heading-tilte h3 {
    margin: 0;
}

.single-product .kingsoft-related-products > .products {
    margin-top: 50px;
}

/*
 * Osapa's base stylesheet draws a large browser focus rectangle around the
 * whole padded navigation link. For mouse clicks this looks offset from the
 * label. Keep the menu clean for pointer users and show a compact accessible
 * focus marker around the text for keyboard navigation.
 */
@media (min-width: 992px) {
    .navigation-primary .main-navigation .menu > li > a:focus,
    .navigation-primary .main-navigation .menu > li > a:active {
        outline: 0 !important;
        box-shadow: none !important;
        text-decoration: none;
    }

    .navigation-primary .main-navigation .menu > li > a:focus-visible {
        outline: 0 !important;
        box-shadow: none !important;
    }

    .navigation-primary .main-navigation .menu > li > a:focus-visible > span {
        outline: 2px solid #ea0028;
        outline-offset: 4px;
        border-radius: 2px;
    }
}