/*
Theme Name: Meterex Custom
Author: zplusm
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* .single-icons-wrapper {
    flex-direction: row !important;
    display: flex;
} */

.single-icons-wrapper div {
    display: flex;
    text-decoration: none;
}

.single-icons-wrapper div img {
    max-width: 3rem !important;
    margin: .5rem;
    box-shadow: none !important;
    width: 3rem;
}

.single span.tagged_as {
    display: flex;
    font-weight: 700;
}

span.sku_wrapper {
    font-weight: 700;
}

span.sku_wrapper > .sku {
    font-weight: 400;
}

.single span.tagged_as > a {
    font-weight: 400;
    color: #fff;
}


/* Single Custom Slider */

/* =========================================================
   WooCommerce Product Gallery
   Large image + vertical thumbnails
   ========================================================= */

/* .single-layout-grid-left.woocommerce-product-gallery {
    position: relative;
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 86px;
    grid-template-areas: "main thumbs";
    gap: 16px;
}
 */
/* ---------------------------------------------------------
   Main gallery area
   --------------------------------------------------------- */

/* .single-layout-grid-left .woocommerce-product-gallery__wrapper {
    grid-area: main;
    width: 100%;
    margin: 0 !important;
    position: relative;
}
 */
/*
 * WooCommerce normally displays the gallery images as slides.
 * Keep the main image large.
 */
/* .single-layout-grid-left .woocommerce-product-gallery__image {
    width: 100% !important;
    margin: 0 !important;
}
 */
/* Main image */
/* .single-layout-grid-left
.woocommerce-product-gallery__image:first-child img:not(.zoomImg) {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
} */

/* ---------------------------------------------------------
   Thumbnail navigation
   --------------------------------------------------------- */

/*
 * WooCommerce/FlexSlider creates this element dynamically:
 *
 * .flex-control-thumbs
 *
 * If WooCommerce has initialized the gallery, this becomes
 * the vertical thumbnail column.
 */
/* .single-layout-grid-left .flex-control-thumbs {
    grid-area: thumbs;

    width: 86px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 16px;

    list-style: none;
} */

/* Thumbnail */
.single-layout-grid-left .flex-control-thumbs li {
/*     width: 86px !important;
    height: 86px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 86px;
 */
  /*   border-radius: 14px;
    overflow: hidden;

    background: #f5f5f5;
    border: 2px solid transparent;

    cursor: pointer; */
}

/* Thumbnail image */
/* .single-layout-grid-left .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    display: block;

    opacity: 0.7;
    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
} */

/* Active thumbnail */
.single-layout-grid-left
.flex-control-thumbs li img.flex-active {
    opacity: 1;
}

/* Optional active border */
.single-layout-grid-left
.flex-control-thumbs li:has(img.flex-active) {
    border-color: #222;
}

/* Hover */
.single-layout-grid-left .flex-control-thumbs li:hover img {
    opacity: 1;
}




/* // Single Custom Slider */