/**
* Theme Name: Tactiko Child
* Description: This is a child theme of Tactiko, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: tactiko
* Version: 1.1.15
*/

/* Hide inventory status on single product pages */
.single-product .inventory_status,
.single-product .inventory-status,
.tactiko-single-product-extra,
.product_meta .sku_wrapper {
    display: none !important;
}

/*
 * Keep variation selectors visible while hiding purchase controls.
 */
.single-product form.cart .quantity,
.single-product form.variations_form .single_add_to_cart_button,
.single-product form.cart:not(.variations_form),
.single_variation_wrap {
    display: none !important;
}

/*
  * The variation form itself must remain visible.
  */
.single-product form.variations_form,
.single-product form.variations_form .variations {
    display: block !important;
}

body {
    padding-top: 70px;
}

.site-header {
    position: fixed;
    width: 100%;
    margin-bottom: 0px;
    background-color: #000;
    margin-top: -70px;

    .menu-mobile-nav-button span {
        background-color: #fff;
    }

    .header-main {
        .header-left {
            a {
                color: #fff;
            }
        }

        .header-right {
            display: none;
        }
    }

    .site-header-cart {
        display: none;
    }

    .main-navigation ul.menu>li.menu-item>a {
        color: #fff;
    }

    .main-navigation ul.menu>li.menu-item:hover>a {
        color: #000;
        background-color: #fff;
    }

    .main-navigation ul.menu>li.menu-item.current-menu-item>a,
    .current_page_parent > a, 
    .current_page_ancestor > a {
        background-color: #383838 !important;
        color: #fff !important;
    }
}

.product-block {
    .product-transition {
        flex-grow: 1;
        aspect-ratio: 4/4;

        .product-img-wrap {
            height: 100%;

            .product-image {
                height: 100%;
            }

            img {
                height: 100%;
                width: 100%;
                object-fit: cover;
                object-position: center;
            }
        }
    }

    .product-image {
        height: 100%;
        width: 100%;

        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
    }
}

.single-product {
    .site-content {
        min-height: fit-content !important;
    }
}

.hostpot-content {
    .left {
        height: 210px;
        width: 350px;
        max-width: 100% !important;

        img{
            height: 100%;
            object-fit: cover;
        }
    }
}