/* ============================================
   Kiwada Theme - WooCommerce スタイル
   WooCommerce のデフォルトスタイルを上書き
   ============================================ */

/* WooCommerce のデフォルトボタンをリセット */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--color-primary);
    color: var(--color-primary-fg);
    border-radius: var(--radius);
    font-family: var(--font-serif);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.2em;
    padding: 0.875rem 2rem;
    transition: background-color var(--transition-base), opacity var(--transition-base);
    text-transform: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--color-neutral-800);
    color: var(--color-white);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--color-primary);
    color: var(--color-primary-fg);
}

/* 商品ページ */
.woocommerce .products {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 通知メッセージ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-top-color: var(--color-primary);
    border-radius: var(--radius);
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.woocommerce-message::before {
    color: var(--color-primary);
}

/* フォーム */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 0.75rem 1rem;
    font-family: var(--font-serif);
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-foreground);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--color-ring);
    outline: none;
    box-shadow: 0 0 0 2px rgba(153, 141, 128, 0.2);
}

/* 価格 */
.woocommerce .price,
.woocommerce .amount {
    font-family: var(--font-serif);
    font-weight: 300;
    color: var(--color-foreground);
}

/* レーティング */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: var(--color-foreground);
}

/* パンくず */
.woocommerce .woocommerce-breadcrumb {
    font-size: 11px;
    letter-spacing: 0.15em;
    font-weight: 300;
    color: var(--color-muted-fg);
    margin-bottom: 2rem;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--color-muted-fg);
    transition: color var(--transition-base);
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--color-foreground);
}

/* マイアカウント ナビ */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 0.875rem 1rem;
    font-size: 12px;
    letter-spacing: 0.15em;
    font-weight: 300;
    border-bottom: 1px solid var(--color-border);
    transition: opacity var(--transition-base);
}

.woocommerce-MyAccount-navigation li a:hover { opacity: 0.6; }

.woocommerce-MyAccount-navigation li.is-active a {
    font-weight: 500;
    background-color: var(--color-secondary);
}