/*
Theme Name: Ekkyou Child Theme
Description: 越境EC ＆ Dokanマルチベンダー用 子テーマ（Cocoon対応）
Template: cocoon-master
Version: 1.1.0
*/

/* ==================================================
 * 1. Dokanベンダーダッシュボード UI改善
 * ================================================== */
.dokan-dashboard .dokan-dash-sidebar {
    background-color: #f8fafc;
    border-right: 1px solid #e2e8f0;
    box-shadow: 2px 0 5px rgba(0,0,0,0.02);
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active {
    background-color: #ffffff;
    border-left: 4px solid #e65540;
}

.dokan-dashboard .dokan-dashboard-content {
    padding: 25px;
    background-color: #ffffff;
}

/* ==================================================
 * 2. 多言語・多通貨スイッチャー（ヘッダー部）
 * ================================================== */
.header-currency-switcher,
.header-language-switcher {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    font-size: 13px;
    font-weight: 500;
}

.header-currency-switcher select,
.header-language-switcher select {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    color: #374151;
    cursor: pointer;
}

/* ==================================================
 * 3. WooCommerce 商品カード＆一覧デザイン強化
 * ================================================== */
ul.products li.product {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 15px !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}

/* ホバー時に浮き上がるアニメーション */
ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-color: #cbd5e1;
}

/* 価格表示の強調 */
ul.products li.product .price {
    color: #e65540 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 10px 0 !important;
}

/* カートに追加ボタン（ECらしいモダンデザイン） */
ul.products li.product .button,
.single-product .single_add_to_cart_button {
    background-color: #111827 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s;
}

ul.products li.product .button:hover,
.single-product .single_add_to_cart_button:hover {
    background-color: #e65540 !important;
}

/* SALEバッジの装飾 */
span.onsale {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
}

/* ==================================================
 * 4. 商品詳細ページ：国際配送・関税案内テキスト
 * ================================================== */
.single-product .cross-border-shipping-info {
    margin-top: 20px;
    padding: 15px 18px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    color: #475569;
    line-height: 1.6;
}

/* ==================================================
 * 5. チェックアウト（決済）画面のセキュリティ表示
 * ================================================== */
.woocommerce-checkout .payment_methods {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.woocommerce-checkout #place_order {
    background-color: #059669 !important; /* 安全性を強調するグリーン */
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 14px 28px !important;
    border-radius: 6px !important;
    width: 100%;
}

.woocommerce-checkout #place_order:hover {
    background-color: #047857 !important;
}