/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ============================================================
   Onyx — Product card: model number (SKU) above title
   ============================================================ */

/* Woodmart wraps the title row in .wd-product-header as a flex container,
   which keeps the SKU on the same line as the title. Force it to block so
   the SKU sits on its own line above the title. */
.woocommerce .wd-product-header,
.woocommerce-page .wd-product-header {
    display: block !important;
}

/* Rendered as a <span> at priority 5, before the title (priority 10),
   inside the woocommerce_shop_loop_item_title hook. Displayed as a block
   so it sits on its own line above the title text. */
.woocommerce .onyx-product-model,
.woocommerce-page .onyx-product-model {
    display: block;
    font-size: 0.78em;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-gray-600, #6b7280);
    line-height: 1.2;
    margin-bottom: 4px;
}

/* Ensure the model number does not inherit the title's anchor colour when
   the whole product card is wrapped in a link (some Woodmart card layouts). */
a .onyx-product-model,
a:hover .onyx-product-model {
    color: var(--color-gray-600, #6b7280);
    text-decoration: none;
}
.product_meta .sku {
    color: var(--color-gray-800);
    font-weight: 600;
}
.wd-product.wd-hover-buttons-on-hover .wd-product-wrapper:hover {
    transform: translateY(-10px) !important;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content.product-categories {
    max-height: 700px;
    overflow-y: auto;
}
@media screen and (max-width: 500px) {
    #slider-70 .wd-slide {
        min-height: 200px !important;
        max-height: 200px !important;
    }
	#slider-70 .wd-nav-arrows {
    display:none
}
}