/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* 元々のテーマのメインアクセント #ccabc1 */ 
/* 元々のテーマのボタンをホバーしたとき　rgba(204,171,193,0.8) */

/* out of stockラベルののスタイルを変更 */
.sold-out-overlay {
background: #654ea3;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 5px 10px;
position: absolute;
right: 50px;
top: 10px;
}

/* in stockの文字の色*/
.stock.in-stock{
	color:#889882;
	}

/* back orderの文字の色*/
.stock.available-on-backorder{
	color:#889882;
	}

/* out of stockの文字の色*/
.stock.out-of-stock{
	color:red;
	}

/* 見出しを中央に持ってくる */
.gb-headline{
	text-align:center
}

/* Quick viewのCSS */
.quick-view-css-support{
	color:black;
	background-color:#ffffff;
	border-color:gray;
	font-weight:bold;
	padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
	}
/* テキストを真ん中に寄せる */
.sato-class-text-align{
	text-align:center;
}

/* ページNoticeの一番上の肌色 */
.woocommerce-store-notice, p.demo_store {
	background-color: #D6BDB7;
	color: black;
}

/* Cartの写真を拡大するCss */
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 300px;
    box-shadow: 300px;
}

/* メインアクセント #ccabc1 */ 
/* ボタンをホバーしたとき　rgba(204,171,193,0.8) */
/* トップページのイメージの下にある文字の色 */
.elementor-heading-title.elementor-size-default{
	color:#B2003B;
}

/* Checkoutページのアスタリスクを非表示にする　CSS追加 https://stackoverflow.com/questions/27410070/woocommerce-remove-asterisk-from-required-fields-on-checkout-page?rq=1 */
#billing_address_1_field abbr.required {
       display: none;
     }

/* フロントページのみShort Discriptionを非表示 */
.home .woocommerce ul.products li.product .woocommerce-product-details__short-description,
.home .woocommerce-page ul.products li.product .woocommerce-product-details__short-description {
    display: none;
}

/* ブランド非表示 */
.wb-posted_in {
  display: none !important;
}



/*ナビゲーションバーにあるMy accoutを大文字にする*/
.menu-item-type-post_type.menu-item-object-page a[href*="my-account"] {
    text-transform: uppercase;
}

/* Store Noticeを上にずらす。 */
.woocommerce-store-notice.demo_store {
    position: fixed;
    top: -10px;
}

body {
    padding-top: 40px; /* Adjust this value depending on the height of your store notice */
}

/* Increase the width and font size of the .wcml-cs-active-currency selector */
.wcml-dropdown.footer-bar .wcml-cs-active-currency .wcml-cs-item-toggle {
    padding-left: 20px; /* Adjust this value to increase the left padding */
    padding-right: 20px; /* Adjust this value to increase the right padding */
    font-size: 22px; /* Adjust this value to your preferred font size */
    display: inline-block;
}

/* cart pageに写真を表示する */
/* Show product images on mobile cart page */
@media (max-width: 767px) {
    .woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail {
        display: table-cell !important;
    }
}

/* Adjust product image size on mobile cart page */
@media (max-width: 767px) {
    .woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail img {
        max-width: 50px;
        height: auto;
    }
}

/* 値段のサイズを変更 */
.woocommerce-Price-amount.amount{
	font-size:20px;
	font-family:"Josefin Sans";
	font-weight:550;
}

/* quick viewの色変更 */
.quick-view-css-support {
    font-size: 13px !important;
	font-weight: lighter;
    color: #AD0132;
    background-color: white;
	border-color: #AD0132;
}

/* New ラベルのCSS。左上に貼り付ける */
.new-label {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #2271B1;
    color: white;
    padding: 3px 3px;
    font-size: 15px;
    font-weight: bold;
    z-index: 100;
}

/* 個数のタグが縦に並ぶので、横並びに整列させる。 CHATgptで作成*/
.quantity {
  display: flex; /* Set the container as a flex container */
  align-items: center; /* Align items vertically at the center */
}

.quantity a {
  padding: 5px; /* Add some padding to the anchor tags for better spacing */
}


/* Style for the 'In Stock' label。instokタグがついている商品にラベルをつける */
.in-stock-label {
    position: absolute;
    bottom: 0px;  /* Adjust as needed */
    right: 0px;  /* Adjust as needed */
    background-color: #34a853; /* Change color as desired */
    color: #fff;
    padding: 0px 0px;
    z-index: 10; /* Ensure the label appears above other elements */
    font-weight: bold;
	font-size: 15px;
}

/* カートページとチェックアウトページの returning customer login を非表示にする*/
.returning-customer-login-checkout, .returning-customer-login {
    display: none;
}