/*
 * The only CSS written for this rebuild. Everything else is the original
 * yoo_avanti "urban 2" and VirtueMart stylesheets, carried across unmodified.
 *
 * This file exists for one reason: UIkit 2's sticky component set inline styles
 * from JavaScript, and those styles are not in any stylesheet to copy. The
 * rules below are what it did, expressed as CSS so nav.js only has to toggle a
 * class. Nothing here changes the design.
 */

/* UIkit 2 created .uk-sticky-placeholder at runtime; theme.css already styles
   it (position:absolute; top:0; z-index:4). In this theme it is in the markup,
   so the navbar sits over the top of the page exactly as it did. */
.uk-sticky-placeholder.is-fixed > .tm-navbar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 980;
}

/* uk-offcanvas-bar transitions from its translated-out position; UIkit set the
   transition inline. theme.css supplies the transform for both states. */
.uk-offcanvas-bar {
    transition: transform 0.3s ease-in-out;
}

/* VirtueMart's grid row.
 *
 * vm-ltr-site.css makes `div[class*="-view"] .row` a wrapping flex container
 * and vm-ltr-common.css gives each card `.vm-col-4 { width: 25% }`. Under
 * WooCommerce's markup the row ends up sizing to its content rather than to
 * the 1120px container, so 25% resolves against the wrong width, the cards hit
 * their 220px min-width and the grid falls to three across instead of four.
 * Pinning the row to the full width restores the four-column layout the
 * archived listings show. */
.browse-view .row,
.related-products-view .row {
    width: 100%;
}