/*
Theme Name: Storefront Child
Template: storefront
Description: Sano Farm用カスタムテーマ
Version: 1.0
*/


/* =============================================================================
   サイト全体のスタイル
   ============================================================================= */

/* ナビゲーションメニュー */
.main-navigation a {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

/* サイトタイトル */
.site-title {
    display: block;
    font-family: 'Dancing Script', cursive;
    font-weight: 700;
    font-size: 2.5em;
}

.site-branding {
    display: block;
}

/* ヘッダー */
.site-header {
    background-color: #fff; 
    padding: 20px 0;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #f8f5ea;
}

/* =============================================================================
   ヒーローバナー
   ============================================================================= */

.top-hero-banner {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
}

.hero-banner-image {
    width: 100%;
    height: auto;
    display: block;
}

/* =============================================================================
   ページコンテンツ
   ============================================================================= */

.page .entry-title {
    font-family: 'Hannari', serif !important;
    font-size: 32px;
    font-weight: normal;
    color: #2F4F2F;
    margin-bottom: 30px;
}

.page .entry-content {
    font-family: 'Hannari', serif;
    font-size: 18px;
    line-height: 1.8;
    color: #333333;
}

/* =============================================================================
   WooCommerce カスタマイズ
   ============================================================================= */

/* アカウント詳細の表示名フィールドを非表示 */
p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide:has(#account_display_name),
#account_display_name,
label[for="account_display_name"],
#account_display_name_description {
    display: none !important;
}

/* 注文詳細画面の請求先住所からメールアドレスを非表示 */
p.woocommerce-customer-details--email,
.woocommerce-customer-details--email,
body.woocommerce-account .woocommerce-customer-details address a[href*="mailto:"],
body .woocommerce-order-details address a[href*="mailto:"],
a[href*="@"]:not(.button):not(.btn) {
    display: none !important;
}

/* 送り先住所（請求先）とお届け先住所の背景色 */
.woocommerce-column--billing-address {
    background-color: #f8f8f8 ;
    border-radius: 4px ;
    padding: 20px ;
    margin-bottom: 20px ;
}

.woocommerce-column--shipping-address {
    background-color: #f8f8f8 ;
    border-radius: 4px ;
    padding: 20px ;
    margin-bottom: 20px ;
}

.woocommerce-column--billing-address .woocommerce-column__title {
    color: #000000 ;
    border-bottom: 1px solid #949195 ;
    padding-bottom: 10px ;
    margin-bottom: 15px ;
}

.woocommerce-column--shipping-address .woocommerce-column__title {
    color: #000000 ;
    border-bottom: 1px solid #949195 ;
    padding-bottom: 10px ;
    margin-bottom: 15px ;
}

/* 住所内の項目間に余白を追加 */
.woocommerce-column--billing-address address,
.woocommerce-column--shipping-address address {
    line-height: 1.8 ;
}

.woocommerce-column--billing-address address br,
.woocommerce-column--shipping-address address br {
    display: block ;
    margin-bottom: 8px ;
    content: "" ;
}

/* 電話番号の上に余白を追加 */
.woocommerce-customer-details--phone {
    margin-top: 5px ;
    padding-top: 5px ;
}

/* カートページのスタイル調整 */
.woocommerce-cart .cart-collaterals {
    margin-top: 20px;
}

/* チェックアウトページのスタイル調整 */
.woocommerce-checkout .checkout {
    font-family: 'Hannari', serif;
}

/* 商品ページのスタイル調整 */
.woocommerce div.product .summary .price {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

/* マイアカウント注文画面のスタイル調整 - v3 */
.woocommerce-orders-table {
    border-collapse: separate !important;
    border-spacing: 0 3px !important;
}

/* 注文行の枠線と背景 - 統合版 */
tr.woocommerce-orders-table__row,
tr.order,
.woocommerce-orders-table tr,
.woocommerce-orders-table tbody tr,
body.woocommerce-account tr.woocommerce-orders-table__row.order,
body tr.woocommerce-orders-table__row--status-on-hold.order,
body tr.order {
    background-color: #f8f8f8 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* 注文詳細の商品行の背景色を統一 */
tr.woocommerce-table__line-item.order_item,
.woocommerce-table__product-name.product-name,
.woocommerce-account .woocommerce-table__product-name,
td.woocommerce-table__product-name.product-name,
td.woocommerce-table__product-total.product-total {
    background-color: #f8f8f8 !important;
}

body.woocommerce-account tr.woocommerce-orders-table__row.order:hover,
body tr.woocommerce-orders-table__row--status-on-hold.order:hover,
body tr.order:hover {
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
    transition: all 0.3s ease !important;
}

/* セルのスタイル調整 */
body tr.order .woocommerce-orders-table__cell,
body tr.order th,
body tr.order td {
    border: none !important;
    padding: 12px 15px !important;
}

/* レスポンシブテーブル用の枠線 */
@media (max-width: 768px) {
    .woocommerce-orders-table__cell {
        border: 2px solid #333333 !important;
        border-radius: 8px !important;
        background-color: #f8f8f8 !important;
        display: block !important;
        padding: 15px !important;
    }
}


/* =============================================================================
   レスポンシブ対応
   ============================================================================= */

@media (max-width: 768px) {
    .site-title {
        font-size: 2em;
    }
    
    .page .entry-title {
        font-size: 24px;
    }
    
    .page .entry-content {
        font-size: 16px;
    }
}