/* 
 Theme Name:   Storefront-child
 Theme URI:    
 Description:  This is a child theme ot the free Woocommerce Storefront theme
 Author:       timoanni
 Author URI:   https://zhaper.com
 Template:     storefront
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------------------------------------------------------------------------------------------------------*/

/* MTG 26.1.2023 - Update the width of the 'Shop', 'Checkout' and the 'Basket' pages to 100% after the 'Sidebar' removal in 'functions.php' */
body.woocommerce #primary,
body.woocommerce-checkout #primary,
body.woocommerce-cart #primary,
body.page-id-2 #primary {
	width: 100%;
}

/* MTG 6.2.2026 Increase WooCommerce price size */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    font-size: 1.6em;      /* increase size */
    color: #2e7d32;       /* green */
    font-weight: 700;
}

/* MTG 27.2.2026 Hide product tags on single product page */
.single-product .product_meta .tagged_as {
    display: none !important;
}

/* MTG 15.2.2026 Round WooCommerce buttons */
.woocommerce a.button,
.woocommerce button,
.woocommerce input.button {
    border-radius: 6px;
}

/* MTG 6.2.2026 "Add to cart" / "Lisää ostoskoriin" button */
.woocommerce button.single_add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce a.add_to_cart_button {
    background-color: #2e7d32 !important;  /* green */
    color: #ffffff !important;
    border-radius: 6px;
	outline: none;          /* remove focus/selection outline */
	box-shadow: none;		/* remove keyboard focus */
}

/* MTG 6.2.2026 "Add to cart" / "Lisää ostoskoriin" hover effect */
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button.added:hover,
.woocommerce a.add_to_cart_button.added:hover {
    background-color: #256628 !important; /* darker green */
}


/* MTG 11.2.2026 "Add to cart" / "Lisää ostoskoriin" Switch to lighter green when item added to basket and "View basket" / "Näytä ostoskori" button appears */
.woocommerce .single_add_to_cart_button.added,
.woocommerce .single_add_to_cart_button.in-cart,
.woocommerce a.add_to_cart_button.added,
.woocommerce a.add_to_cart_button.in-cart,
.woocommerce a.button.add_to_cart_button.in-cart { /* also on mobile screen size */
    background-color: #66bb6a !important; /* lighter green */
    color: #ffffff !important;
}
/* Mobile screen sizes, '.force-added' injected in javascript located at the bottom part of the functions.php */
@media (max-width: 768px) {
	.woocommerce .single_add_to_cart_button.added,
	.woocommerce a.add_to_cart_button.added,
	.woocommerce a.button.add_to_cart_button.added,
	.woocommerce .single_add_to_cart_button.force-added,
	.woocommerce a.add_to_cart_button.force-added,
	.woocommerce a.button.add_to_cart_button.force-added {
        background-color: #66bb6a !important; /* lighter green */
        color: #ffffff !important;
    }
}

/* MTG 11.2.2026 "View basket" / "Näytä ostoskori" button */
.woocommerce a.added_to_cart.wc-forward {
    background-color: #2e7d32 !important;   /* same green as add-to-cart */
    color: #ffffff !important;
    border-radius: 6px;
	padding: 0.7em 1.46em;   /* match Add to basket button padding */
    font-size: 1em;         /* match Add to basket font-size */
	line-height: 1.46em;     /* match Add to basket line-height */
    text-decoration: none;
    display: inline-flex;    /* use flex to align vertically */
    align-items: center;     /* vertical align center */
    margin-left: 8px;
    height: auto;            /* allow button to size correctly */
}

/* MTG 11.2.2026 "View basket" / "Näytä ostoskori" button hover effect*/
.woocommerce a.added_to_cart.wc-forward:hover {
    background-color: #256628 !important;  /* darker green on hover */
    color: #ffffff !important;
}

/* MTG 4.2.2026 Keep Zhaper legal links in the footer area */
.zhaper-legal-links {
    position: relative !important;
    display: block !important;
    text-align: center;
    margin: 10px 0;
/*	padding: 0 !important; */
    clear: both;
    z-index: 9000;
}

/* MTG 4.2.2036 Ensure flag widget stays in header corner */
.op6 {
    position: fixed !important;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

/* MTG 6.2.2026 Move the top-right hamburger menu button below the language flags on mobile screens */
@media only screen and (max-width: 767px) {
  /* Mobile menu toggle ("Valikko" / "Menu") */
    button.menu-toggle {
        position: fixed !important;   /* keep it fixed like flags */
        top: 50px;                    /* push below flags; adjust if needed */
        right: 10px;                  /* same right offset as flags */
        z-index: 9998;                /* below flags */
    }
    /* Optional: increase header padding if needed */
    .site-header {
        padding-top: 60px;            /* ensures menu button doesn't overlap header content */
    }
}

/* MTG 6.2.2026 Adjust single product title font size */
.woocommerce div.product .product_title {
    font-size: 2em; /* slightly smaller than default 2.6em */
}

/* MTG 5.2.2026 Show product description by selected ´lang´ */
body.lang-fi .lang-en { display:none; }
body.lang-en .lang-fi { display:none; }


/* MTG 30.1.2023 - Remove the "Search products..." search box, the "Showing the single result" text element, 
 * the 'Default sorting' list element and the breadcrumb navigation bar 'Home > Shop' under the main menu.
   EDIT CSS in 'Appearance' --> 'Customise' --> 'Additonal CSS' */