/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* ==========================================================
   SINGLE PRODUCT - BACK TO CATEGORY
========================================================== */


/* Subheader */

body.single-product #Subheader {
    padding: 14px 0 !important;
    min-height: 0 !important;
}


/* Container */

body.single-product #Subheader .column.one {
    display: flex !important;

    align-items: center !important;

    min-height: 30px !important;
}


/* Hide original Shop title */

body.single-product #Subheader h2.title {
    display: none !important;
}


/* Hide original Betheme breadcrumb */

body.single-product #Subheader ul.breadcrumbs {
    display: none !important;
}


/* Our custom back link */

body.single-product #Subheader .store-product-back {
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px;

    margin: 0 !important;

    padding: 6px 0 !important;

    color: #333 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        color .2s ease,
        transform .2s ease;
}


/* Arrow */

body.single-product
#Subheader
.store-product-back-arrow {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    font-weight: 400;

    line-height: 1;

    transform: translateY(-1px);
}


/* Hover */

body.single-product
#Subheader
.store-product-back:hover {
    color: #168544 !important;
}


/* Arrow movement */

body.single-product
#Subheader
.store-product-back:hover
.store-product-back-arrow {
    transform:
        translate(-2px, -1px);
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    body.single-product #Subheader {
        padding: 9px 0 !important;
    }


    body.single-product
    #Subheader
    .store-product-back {
        font-size: 13px !important;

        padding: 5px 0 !important;
    }


    body.single-product
    #Subheader
    .store-product-back-arrow {
        font-size: 21px;
    }

}