/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Astra子テーマ
Author: KEZURU
Template: astra
Version: 1.0.0
*/

/* ========================================
   Google Fonts読み込み
   ======================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600&display=swap');

/* ========================================
   ヘッダー・フッターのフォント統一
   ======================================== */

/* ヘッダーメニューに明朝体を適用 */
.site-header,
.site-header *,
.main-header-menu,
.main-header-menu a,
.ast-builder-menu,
.ast-builder-menu a,
header nav,
header nav a {
    font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif !important;
    letter-spacing: 0.08em;
}

/* フッターに明朝体を適用 */
.site-footer,
.site-footer *,
.footer-widget-area,
.footer-widget-area *,
.ast-footer-copyright,
.ast-footer-copyright * {
    font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif !important;
    letter-spacing: 0.08em;
}

/* メニュー・リンクのスタイル調整 */
.main-header-menu a,
.ast-builder-menu a,
.site-footer a {
    font-weight: 300;
}

/* ========================================
   全ページのフォント統一（管理バー・ボタン除外）
   ======================================== */

/* サイト全体に明朝体を適用（管理バーを除外） */
body *:not(#wpadminbar):not(#wpadminbar *) {
    font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif !important;
    letter-spacing: 0.08em;
    line-height: 1.8;
}

/* 見出しのスタイル */
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    letter-spacing: 0.1em;
}

/* WooCommerce商品ページ */
.woocommerce .product_title,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce .price,
.woocommerce-cart,
.woocommerce-checkout {
    font-family: 'Noto Serif JP', serif !important;
}

/* WordPress管理画面全体 */
.wp-admin,
.wp-admin * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ========================================
   クーポンコード非表示
   ======================================== */
.woocommerce-form-coupon-toggle,
.checkout_coupon,
.woocommerce-remove-coupon,
form.checkout_coupon,
.cart-collaterals .coupon,
.woocommerce-cart .coupon {
    display: none !important;
}

/* ========================================
   トップに戻るボタンのデザイン統一
   ======================================== */

/* ボタン本体のスタイル */
#ast-scroll-top {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed !important;
    bottom: 2rem !important;
    right: 2rem !important;
    left: auto !important;
    width: 56px !important;
    height: 56px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(139, 115, 85, 0.2) !important;
    border-radius: 50% !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 9999 !important;
    cursor: pointer;
    padding: 0 !important;
    font-family: inherit !important;
    letter-spacing: normal !important;
}

/* ホバー時のスタイル */
#ast-scroll-top:hover {
    background: rgba(139, 115, 85, 0.1) !important;
    border-color: rgba(139, 115, 85, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Astraのデフォルトアイコンを非表示 */
#ast-scroll-top .ast-icon {
    display: none !important;
}

/* 矢印アイコンを追加（::afterで） */
#ast-scroll-top::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b5d52' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 10l7-7m0 0l7 7m-7-7v18'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

/* ホバー時に矢印を少し上に */
#ast-scroll-top:hover::after {
    transform: translateY(-2px);
}

/* モバイル対応 */
@media (max-width: 768px) {
    #ast-scroll-top {
        bottom: 1.5rem !important;
        right: 1.5rem !important;
        width: 48px !important;
        height: 48px !important;
    }
}

/* ========================================
   WordPress管理バー（最後に記述して優先）
   ======================================== */

/* WordPress管理バーは標準フォントで上書き（最優先） */
#wpadminbar li,
#wpadminbar li *,
#wpadminbar a,
#wpadminbar a *,
#wpadminbar span,
#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar .ab-icon,
#wpadminbar span.ab-icon,
#wpadminbar .ab-label,
#wpadminbar span.ab-label,
#wpadminbar .ab-submenu,
#wpadminbar .ab-submenu *,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-comments *,
#wpadminbar #wp-admin-bar-new-content,
#wpadminbar #wp-admin-bar-new-content *,
.ab-icon,
span.ab-icon,
.ab-item,
a.ab-item,
.ab-label,
span.ab-label,
.ab-submenu,
.dashicons,
#wp-admin-bar-root-default,
#wp-admin-bar-root-default *,
#wp-admin-bar-top-secondary,
#wp-admin-bar-top-secondary * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
}