/* ================================================================
   Global — 网站全局样式
   通用：背景 / 隐藏元素 / 购物车居中 / 社交图标 / 动画
   ================================================================ */

/* 隐藏作者和日期信息 */
.elementor-post-info,
.post-date,
.post-author {
    display: none !important;
}

/* 隐藏"上一篇"文章导航 */
.elementor-post-navigation,
.post-navigation {
    display: none !important;
}

.related.products h2 {
    color: #2c2c2c !important;
}

/* 将文章页面背景改为米白色 */
body {
    background-color: #f8f7f5 !important;
}

.single-post body {
    background-color: #f8f7f5 !important;
}

.post-type-archive .site,
.single .site {
    background-color: #f8f7f5 !important;
}

/* 通用居中代码 */
.woocommerce-cart .container,
.woocommerce-checkout .container {
    margin: 0 auto !important;
    max-width: 1200px;
    width: 100%;
    float: none;
}

.woocommerce .site-main,
.woocommerce-page .site-main {
    margin: 0 auto !important;
    max-width: 1200px;
}

.woocommerce-cart #primary,
.woocommerce-checkout #primary {
    margin: 0 auto;
    float: none;
}

/* ===== 加载动画 ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== 社交图标 ===== */
.social-section {
    text-align: center;
    padding: 20px 0;
}

.social-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #b8a2a2;
    margin-bottom: 20px;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #e8d0d0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b8a2a2;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icon:hover {
    background: #e8d0d0;
    color: #8a6e6e;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(210, 180, 180, 0.2);
}

/* 侧边栏空间不够时 filter 显示在产品上方 */
@media (max-width: 544px) {
    .post-type-archive-product #content .ast-container,
    .tax-product_cat #content .ast-container,
    .woocommerce-shop #content .ast-container {
        display: flex;
        flex-direction: column;
    }

    .post-type-archive-product #secondary,
    .tax-product_cat #secondary,
    .woocommerce-shop #secondary { order: 1; width: 100% !important; }

    .post-type-archive-product #primary,
    .tax-product_cat #primary,
    .woocommerce-shop #primary { order: 2; width: 100% !important; }
}

/* 平板端隐藏侧边栏 filter */
@media (min-width: 544px) and (max-width: 921px) {
    .post-type-archive-product #secondary,
    .tax-product_cat #secondary,
    .woocommerce-shop #secondary {
        display: none !important;
    }
}


/* ===== 文章页字体切换按钮 ===== */
.font-switcher {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8dcd0;
}
.font-switcher-label {
    font-size: 0.7rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b8a2a2;
    margin-right: 4px;
}
.font-switcher-btn {
    padding: 4px 14px;
    border: 1px solid #e8dcd0;
    border-radius: 2px;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    color: #999;
    cursor: pointer;
    transition: all 0.2s;
}
.font-switcher-btn:hover {
    border-color: #b8860b;
    color: #b8860b;
}
.font-switcher-btn.active {
    background: #b8860b;
    border-color: #b8860b;
    color: #fff;
}

/* Sans 模式：文章内容用 Montserrat */
.font-sans .entry-content,
.font-sans .entry-content p,
.font-sans .entry-content h2,
.font-sans .entry-content h3,
.font-sans .entry-content h4 {
    font-family: 'Montserrat', sans-serif !important;
}