/*
 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
*/

/* --- 商品カードを「スッキリ・プロ仕様」にするCSS --- */

/* 1. カード全体の影と角丸 */
.item-card {
    background-color: #ffffff !important;
    border-radius: 12px !important; /* 角を丸く */
    border: 1px solid #E2E8F0 !important; /* 枠線を薄く */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; /* ふんわりした影 */
    transition: transform 0.2s ease-in-out !important; /* 動きを滑らかに */
}

/* 2. マウスを乗せた時に少し浮かせる（Unityのボタンのような演出） */
.item-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* 3. 商品名をもっと読みやすく */
.item-name {
    font-size: 0.9rem !important;
    color: #2D3748 !important;
    margin-top: 10px !important;
}

/* 4. 価格を強調する */
.item-price {
    color: #3182CE !important; /* 鮮やかな赤 */
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}