/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 *//**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.13.3
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 10.7.0
Tested up to: 7.0
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
/*
Theme Name: Astra Child
Template: astra
Version: 1.0
Author: Your Name
*/
/* 导航固定在顶部，不隐藏 */
/* 系统无衬线字体，替代谷歌字体，加载极快 */
body, button, input, select, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#masthead {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
}

/* 给页面内容留出顶部间距，不被导航挡住 */
.site-content {
  margin-top: 80px !important;
}


/* ============================================== */
/* 🔥 产品中心列表美化（只作用于商品列表页） */
/* ============================================== */
/* ============================================== */
/* 🔥 追格商品中心（jq_goods）专属美化 */
/* 追格商品归档：从 3 列改为 4 列（兼容版） */
body[class*="jq_goods"] .ast-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body[class*="jq_goods"] .ast-row article {
    flex: 0 0 calc(25% - 18px) !important; /* 一行 4 个，减去 gap 宽度 */
    max-width: calc(25% - 18px) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 修复文字横排 */
body[class*="jq_goods"] .entry-content {
    white-space: normal !important;
    word-break: normal !important;
}
/* 只修复图片为正方形，不影响4列布局 */
body[class*="jq_goods"] .post-thumb-img-content img {
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    height: auto !important;
}
/* 商品页面全屏居中，最大宽度 1440px */
body[class*="jq_goods"] .site-content {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}
/* 商品标题：只显示一行 + 字号 18px */
body[class*="jq_goods"] .entry-title {
    font-size: 18px !important;
    white-space: nowrap !important;       /* 强制不换行 */
    overflow: hidden !important;          /* 隐藏超出部分 */
    text-overflow: ellipsis !important;   /* 超出显示省略号 */
    line-height: 1.4 !important;         /* 行高适配，避免拥挤 */
}

/* 价格行 */
.zhuige-price-line {
    display: flex;
    gap: 8px;
    margin: 6px 0;
    align-items: center;
}
/* 促销价 */
.zhuige-sale {
    font-size: 16px;
    color: #e63946;
    font-weight: bold;
}
/* 原价划线 */
.zhuige-orig {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}
/* 销量 + 购物车 行 */
.zhuige-info-line {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
}
/* 购物车按钮 */
.zhuige-cart-btn {
    padding: 3px 8px;
    background: #e63946;
    color: #fff !important;
    border-radius: 3px;
    font-size: 12px;
    text-decoration: none !important;
}
.zhuige-cart-btn:hover {
    background: #c52f39;
}

/* -------------- 商品列表分页美化 -------------- */
.ast-pagination {
  margin: 40px 0 !important;
  text-align: center !important;
}
.ast-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 4px !important;
  padding: 0 16px !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border: none !important;
}
/* 当前页码高亮 */
.ast-pagination .page-numbers.current {
  background: #e63946 !important;
  color: #fff !important;
  font-weight: bold !important;
}
/* 上一页 / 下一页 按钮 */
.ast-pagination .prev,
.ast-pagination .next {
  padding: 0 20px !important;
  background: #fff !important;
  border: 1px solid #eee !important;
}
/* 悬停效果 */
.ast-pagination .page-numbers:hover:not(.current) {
  background: #f0f0f0 !important;
  color: #e63946 !important;
}




/* 商品详情页容器 */
/* ========================================
   商品详情页 - 专业版（无侧边栏）
======================================== */
.zhuige-detail-page {
    padding: 30px 0;
}
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 顶部布局 */
.detail-top {
    display: flex;
    gap: 50px;
    margin-bottom: 50px;
    align-items: flex-start;
}
.detail-img {
    flex: 0 0 450px;
}
.detail-img img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.detail-info {
    flex: 1;
}

/* 标题 */
.detail-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #222;
}

/* 价格 */
.detail-price {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.detail-price .price {
    font-size: 30px;
    color: #e53935;
    font-weight: bold;
}
.detail-price .price-old {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
}

/* 销量 库存 */
.detail-meta {
    display: flex;
    gap: 25px;
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
}

/* 购物车按钮 */
.detail-cart {
    margin-top: 10px;
}
.buy-btn {
    display: inline-block;
    padding: 14px 40px;
    background: #e53935;
    color: #fff !important;
    border-radius: 6px;
    font-size: 16px;
    text-decoration: none !important;
    transition: 0.2s;
}
.buy-btn:hover {
    background: #c62828;
}

/* 商品详情 */
/* 高端茶叶商城详情页样式 */
.tea-detail-page {
    padding: 40px 0;
    background: #fff;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 头部布局 */
.detail-header {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-bottom: 60px;
}
.detail-left {
    flex: 0 0 480px;
}
.product-image .main-img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.detail-right {
    flex: 1;
    padding-top: 10px;
}

/* 标题 */
.product-title {
    font-size: 28px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 24px;
    line-height: 1.3;
}

/* 价格 */
.price-group {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.price-current {
    font-size: 36px;
    color: #c0392b;
    font-weight: 700;
}
.price-original {
    font-size: 20px;
    color: #999;
    text-decoration: line-through;
}

/* 销量/库存 */
.product-stats {
    display: flex;
    gap: 30px;
    font-size: 15px;
    color: #666;
    margin-bottom: 32px;
}

/* 按钮 */
.action-group .btn-cart {
    display: inline-block;
    padding: 16px 48px;
    background: #c0392b;
    color: #fff !important;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(192, 57, 43, 0.25);
}
.action-group .btn-cart:hover {
    background: #a93226;
    transform: translateY(-2px);
}

/* 详情内容 */
/* 高端茶叶商城详情页样式 - 优化版 */
.tea-detail-page {
    padding: 40px 0;
    background: #fff;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 头部布局 */
.detail-header {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-bottom: 60px;
}
.detail-left {
    flex: 0 0 480px;
    position: relative; /* 为按钮绝对定位做准备 */
}
.product-image {
    position: relative;
}
.product-image .main-img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
/* 购物车按钮 - 图片右下角 */
.cart-on-image {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.btn-cart {
    display: inline-block;
    padding: 10px 24px;
    background: #c0392b;
    color: #fff !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(192, 57, 43, 0.25);
}
.btn-cart:hover {
    background: #a93226;
    transform: translateY(-2px);
}
.detail-right {
    flex: 1;
    padding-top: 10px;
}

/* 标题 */
.product-title {
    font-size: 24px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 16px;
    line-height: 1.3;
}

/* 价格 */
.price-group {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}
.price-current {
    font-size: 32px;
    color: #c0392b;
    font-weight: 700;
}
.price-original {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
}

/* 商品摘要（小字） */
.product-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* 销量/库存 */
.product-stats {
    display: flex;
    gap: 30px;
    font-size: 15px;
    color: #666;
}

/* 详情内容 */
/* 商品详情页 - 最终样式 */
/* 只加样式，不影响原有布局 */
/* =======================================
   商品详情页样式
======================================= */
.product-detail-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 120px 20px 40px;
}

.product-detail {
    display: flex;
    gap: 40px;
    align-items: stretch;
    flex-wrap: wrap;
}

/* 左侧相册 */
.product-gallery {
    flex: 0 0 48%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}
.slide-main {
    flex: 1;
}
.slide-main img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.slide-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    flex-wrap: wrap;
}
.slide-thumbs img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
}

/* 右侧信息 */
.product-info {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}
.product-info h1 {
    font-size: 22px;
    font-weight: 500;
    color: #222;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

/* 价格 */
.product-price-wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.price-member {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #555;
}
.price-member span:last-child {
    font-size: 26px;
    font-weight: 700;
    color: #c0392b;
    margin-left: 4px;
}
.price-original {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 14px;
    color: #999;
}
.price-original span:last-child {
    font-size: 20px;
    text-decoration: line-through;
    margin-left: 4px;
}

/* 销量 库存 */
.product-meta {
    display: flex;
    gap: 10px;
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
}

/* 商品标签 */
.product-badge {
    font-size: 15px;
    color: #e63946;
    font-weight: bold;
    margin-bottom: 15px;
}

/* 属性 */
.product-attr {
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
}

/* 按钮 + 数量 */
.product-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 46px;
    margin-top: 10px;
}
#addCartBtn,
#buyNowBtn {
    flex: 1;
    padding: 14px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
}
#addCartBtn {
    background: #c0392b;
}
#buyNowBtn {
    background: #222;
}

.qty-group {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    font-size: 14px;
    color: #333;
}
.qty-box {
    display: flex;
    align-items: center;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.qty-box button {
    width: 38px;
    height: 38px;
    border: none;
    background: #f7f7f7;
    cursor: pointer;
    font-size: 18px;
    color: #000;
}
#qty_num {
    width: 50px;
    text-align: center;
    font-size: 15px;
    color: #000;
}

/* 商品详情区块 */
.product-content-section {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}
.section-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-left: 12px;
    border-left: 4px solid #c0392b;
}
.product-content {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
}



/* 嘉应龙 页脚样式 */
.jiayinglong-footer {
    background: #f8f6f2;
    padding: 50px 0 20px;
    border-top: 1px solid #e8e4dc;
    clear: both;
}
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0 20px;
}
.footer-col {
    flex: 1;
    min-width: 180px;
}
.footer-col h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}
.footer-col p,
.footer-col li {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}
.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-col a {
    color: #666;
    text-decoration: none;
}
.footer-copyright {
    max-width: 1200px;
    margin: 30px auto 0;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #e8e4dc;
    font-size: 14px;
    color: #666;
}


/* ------------------------------
   文章页面 高级美化 · 茶业风格
/* ------------------------------
   文章/资讯列表页 美化 · 嘉应龙茶业风格
------------------------------- */
/* ------------------------------
   重置 + 文章列表页美化 · 嘉应龙茶业
------------------------------- */
/* =============================================
   方案一：文章列表图片统一高度，自动裁剪
============================================= */