/*
Theme Name: Storefront Child
Theme URI: https://www.kochi-ice.com/onlineshop
Description: Storefront Child Theme for 高知アイス オンラインショップ
Author: Your Name
Author URI: https://www.kochi-ice.com
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/





/* 1. Global Font Family */
body, 
button, 
input, 
select, 
textarea, 
a,
h1, h2, h3, h4, h5, h6, 
.gift-lp-wrapper,
.home {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}









.product-template-default #secondary{
	display:none !important;
}


/* Remove the purple/blue focus outline from all links and buttons site-wide */
*:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Specifically target the logo and navigation links */
a:focus, 
.site-branding a:focus, 
.main-navigation a:focus {
    outline: none !important;
    border: none !important;
}


/* Hide default WooCommerce category title and count below custom category thumbnails */
ul.products li.product .woocommerce-loop-category__title {
    display: none !important;
}




/* Styling for the main Shop page title (商品カテゴリー) */
.post-type-archive-product .woocommerce-products-header__title {
    text-align: center;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #333 !important;
    position: relative;
    margin-bottom: 30px;
}


.storefront-full-width-content .woocommerce-products-header {
        text-align: center;
        padding: 0 0 5.9968353111em;
    }


/* Add padding below the header ONLY on the main Shop page */
.post-type-archive-product header.woocommerce-products-header {
    padding-bottom: 14px !important;
}



@media (max-width: 768px) {
    .post-type-archive-product .woocommerce-products-header__title {
        font-size: 24px !important;
    }
}



/* Yellow underline for Shop page title */
.post-type-archive-product .woocommerce-products-header__title::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #FCDF00;
    margin: 15px auto 0 auto;
}

@media (max-width: 550px) {
   .post-type-archive-product header.woocommerce-products-header {
    padding-bottom: 0px !important;
}
	.post-type-archive-product .woocommerce-products-header__title {
 
    margin-bottom: 25px !important;
}
	
	.post-type-archive-product .storefront-sorting {
    display: none;
}
	
}