/*
 * 主题 CSS 变量 - 静态部分（页脚动态配色 + 响应式规则）
 * 动态变量（主色、页面宽度）由 PHP 通过 wp_add_inline_style 注入
 */

/* ================================
   页脚动态配色（统合入口）
   所有页脚颜色逻辑集中于此，模板不再注入 <style>。
   ================================ */

/* ── 默认页脚 footer-custom ── */
.footer-custom {
    --footer-primary: var(--huoqiao-primary-color);
    --footer-primary-light: var(--hq-footer-primary-light);
    --footer-hover: var(--huoqiao-primary-color);
    --footer-bg: #ffffff;

    background: linear-gradient(135deg,
        rgba(var(--huoqiao-primary-color-rgb), 0.1) 0%,
        rgba(var(--huoqiao-primary-color-rgb), 0.03) 20%,
        #ffffff 40%);
}

.footer-custom::before {
    display: none;
}

.footer-custom .social-link {
    background: rgba(var(--huoqiao-primary-color-rgb), 0.08);
}

.footer-custom .social-link:hover {
    background: var(--huoqiao-primary-color);
    box-shadow: 0 4px 12px rgba(var(--huoqiao-primary-color-rgb), 0.3);
}

/* ── 页面宽度响应式规则 ── */
@media (max-width: 768px) {
    :root {
        --page-width: 100%;
        --container-max-width: 100%;
    }

    .hq-page-container,
    .hq-fl-header-wrapper,
    .huoqiao-search-container,
    .banner-content,
    .wechat-main-content,
    .hqw-image-category-grid,
    .hqw-recommended-articles-grid,
    .hq-pc-product-grid {
        max-width: 100% !important;
        padding-left: var(--page-padding-mobile) !important;
        padding-right: var(--page-padding-mobile) !important;
        box-sizing: border-box;
    }
}

/* ── 移动端渐变保底 ── */
@media (max-width: 768px) {
    .footer-custom {
        background: linear-gradient(135deg,
            rgba(var(--huoqiao-primary-color-rgb), 0.1) 0%,
            rgba(var(--huoqiao-primary-color-rgb), 0.03) 20%,
            #ffffff 40%);
    }
}