/*
 Theme Name:   Okayo B2B Theme
 Theme URI:
 Description:  Storefront子テーマ - toB向けECサイト用カスタマイズ
 Author:       Okayo
 Author URI:
 Template:     storefront
 Version:      1.0.0
 Text Domain:  okayo-b2b-theme
*/

/* ===== toB向けカスタムCSS ===== */

/* 全体: プロフェッショナルな印象 */
body {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* ヘッダー: 企業向けシンプルデザイン */
.site-header {
    background-color: #1a4d8f;
}

.site-header .site-title a,
.site-header .site-description {
    color: #fff;
}

/* ナビゲーション */
.main-navigation ul li a {
    color: #fff;
}

.main-navigation ul li a:hover {
    color: #c5d9f0;
}

/* 会員価格ラベル */
.okayo-member-price {
    color: #1a4d8f;
    font-weight: bold;
}

/* 見積書作成ボタン */
.okayo-quote-button {
    background-color: #1a4d8f !important;
    color: #fff !important;
    border: none !important;
    margin-top: 10px;
    display: block;
    text-align: center;
}

.okayo-quote-button:hover {
    background-color: #15407a !important;
}

/* 商品一覧: グリッド表示の調整 */
.woocommerce ul.products li.product {
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 4px;
    transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* フッター */
.site-footer {
    background-color: #2c2c2c;
    color: #ccc;
}

.site-footer a {
    color: #c5d9f0;
}

/* 非ログイン時: ログイン促進メッセージ */
.okayo-login-notice {
    background-color: #f0f5fb;
    border: 1px solid #1a4d8f;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    color: #1a4d8f;
}

/* レスポンシブ: モバイル調整 */
@media screen and (max-width: 768px) {
    .okayo-quote-button {
        width: 100%;
    }
}