@charset "UTF-8";
/*
Theme Name: Storefront Child
Author: John Doe
Author URI: https://example.com/
Version: 1.0.0
Description: Storefront Child Theme
Template: storefront
Tags: e-commerce
*/


@media (min-width: 768px) {
    .storefront-primary-navigation {
        clear: both;
        background-color: #ff0000;
    }
}
@media (min-width: 768px) {

/* ナビバー内の文字をすべて白に */
.storefront-primary-navigation,
.storefront-primary-navigation a,
.storefront-primary-navigation .cart-contents,
.storefront-primary-navigation .count,
.storefront-primary-navigation .woocommerce-Price-amount,
.storefront-primary-navigation .woocommerce-Price-currencySymbol,
.storefront-primary-navigation .menu-toggle {
    color: #ffffff !important;
}

/* ミニカート（ドロップダウン）内の文字は黒に戻す */
.storefront-primary-navigation .widget_shopping_cart_content,
.storefront-primary-navigation .widget_shopping_cart_content a,
.storefront-primary-navigation .widget_shopping_cart_content .woocommerce-Price-amount,
.storefront-primary-navigation .widget_shopping_cart_content .woocommerce-Price-currencySymbol,
.storefront-primary-navigation .widget_shopping_cart_content .quantity,
.storefront-primary-navigation .widget_shopping_cart_content strong {
    color: #000000 !important;
}
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {color: #ffffff !important;}
	
/* ホバー時も白を維持 */
.storefront-primary-navigation a:hover {
    color: #ffffff !important;
    opacity: 0.8;
}
}

.site-header .site-branding {
    display: flex !important;
    align-items: center;
    gap: 12px;
}
.site-header .site-branding .custom-logo-link {
    margin-bottom: 0;
}
.site-header .site-branding .custom-logo {
    width: auto;
    max-width: 220px;
    height: auto;
}
.sbuild-site-text {
    font-weight: bold;
    line-height: 1.3;
    color: #333;
}

.site-info a{
	display:none;
}

.woocommerce-privacy-policy-text {
	display: none !important;
}

@media (max-width: 768px) {

	.sbuild-site-text{
		 display: none;
	}
}
/* ------------------------------------------------
  絞り込みフィルターのポイント上限入力欄の文字切れ修正
------------------------------------------------ */
.wc-block-product-filter-price-slider__left.text input[type="text"], .wc-block-product-filter-price-slider__right.text input[type="text"] 
{
    width: auto;
    min-width: 80px;
    padding: 6px 8px;
    font-size: 13px;
    box-sizing: border-box;
}

/* ------------------------------------------------
  賞品一覧で、ボタンの高さを揃える.
------------------------------------------------ */
/* 商品一覧(ul)をflexコンテナにして、同じ行のカードの高さを揃える */
ul.products {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/* 各商品カード(li)を縦並びのflexボックスにし、floatを解除 */
ul.products li.product {
    float: none;
    display: flex;
    flex-direction: column;
}

/* ボタンをカードの下端に固定 */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button {
    margin-top: auto;
}

/* ------------------------------------------------
  ポイント管理ページ.
------------------------------------------------ */
#point-give-form .action-toggle label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: normal;
    margin-bottom: 0;
    white-space: nowrap;
    line-height: 1; /* 追加：文字の縦方向の余白を詰める */
}
#point-give-form .action-toggle input[type="radio"] {
    margin: 0;             /* 追加：ブラウザ標準の余白をリセット */
    vertical-align: middle; /* 追加：念のため縦中央に */

}
#point-give-form .action-toggle {

    margin-bottom: 24px !important;
}