/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
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 5,700+ 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/
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
Version: 4.11.12.1758939119
Updated: 2025-09-26 22:11:59

*/

/* 隐藏WooCommerce分类页面标题 */
.woocommerce-products-header__title.page-title {
    display: none !important;
}


/* 让WooCommerce分页居中 */
.woocommerce-pagination {
    text-align: center !important;
    display: flex;
    justify-content: center;
    width: 100%;
}

.woocommerce-pagination .page-numbers {
    display: inline-flex !important;
    justify-content: center;
    list-style: none;
    margin: 0 auto !important;
    padding: 0;
}

/* 确保分页项水平排列 */
.woocommerce-pagination ul {
    display: flex !important;
    justify-content: center;
    margin: 0 auto !important;
    padding: 0;
    list-style: none;
}

.woocommerce-pagination li {
    display: inline-block !important;
    margin: 0 5px !important;
}
/*---------------------------------------------------------------------------------------------------------*/
/* 自定义产品网格布局 - 短码专用 */
/* 产品网格布局 - 短码专用 */
/* Product grid layout - for shortcode */
.custom-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.custom-product-item {
    text-align: center;
}

.custom-product-item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.custom-product-item img:hover {
    transform: scale(1.05);
}

.custom-product-item h3 {
    margin: 10px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
}

.custom-product-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.custom-product-item a:hover h3 {
    color: #007cba;
}

/* Pagination Styles - WooCommerce like */
.custom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 20px;
    padding: 20px 0;
}

.woocommerce-pagination {
    text-align: center;
}

.woocommerce-pagination ul {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}

.woocommerce-pagination li {
    margin: 0;
}

.woocommerce-pagination .page-numbers {
    display: inline-flex; /* 改为 flex 布局 */
    align-items: center;  /* 添加垂直居中 */
    justify-content: center; /* 添加水平居中 */
    padding: 8px 12px;
    border: 1px solid #d3ced2;
    border-radius: 3px;
    text-decoration: none;
    color: #515151;
    font-weight: 600;
    min-width: 40px;
    height: 40px; /* 添加固定高度 */
    text-align: center;
    transition: all 0.3s ease;
    box-sizing: border-box; /* 添加这个很重要 */
}

.woocommerce-pagination a.page-numbers:hover {
    background-color: #f8f9fa;
    border-color: #007cba;
    color: #007cba;
}

.woocommerce-pagination .page-numbers.current {
    background-color: #007cba;
    border-color: #007cba;
    color: white;
}

.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next {
    font-weight: normal;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .custom-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .custom-product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .woocommerce-pagination .page-numbers {
        padding: 6px 10px;
        min-width: 35px;
    }
}

@media (max-width: 480px) {
    .custom-product-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .woocommerce-pagination ul {
        gap: 2px;
    }
    
    .woocommerce-pagination .page-numbers {
        padding: 4px 8px;
        min-width: 30px;
        font-size: 14px;
    }
}

/* Dynamic columns */
.custom-product-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.custom-product-grid.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.custom-product-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.custom-product-grid.columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.custom-product-grid.columns-6 {
    grid-template-columns: repeat(6, 1fr);
}
/*---------------------------------------------------------------------------------------------------------*/
/* 移除Astra主题容器造成的间隙 */
.site-primary {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 确保Elementor部分紧贴页眉 */
.elementor-page-page .elementor-section:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/*---------------------------------------------------------------------------------------------------------*/
.ekit-template-content-markup.ekit-template-content-header {
    position: fixed;
    top:0px; /* 向上偏移显示完整内容 */
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #2F3B40;
    padding-top: 20px; /* 补偿偏移 */
}

/* 清除可能的主体间距 */
.ast-single-entry-banner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/*---------------------------------------------------------------------------------------------------------*/
.site-content {
  margin-top: 71px; /* 71px高度，这个高度就是固定的导航栏高度， 需要在退出登陆的状态调试，否则最上面的管理菜单会影响显示 */
}
/*---------------------------------------------------------------------------------------------------------*/
/* 针对 Elements Kit 页脚模板的所有链接设置为白色 */
.ekit-template-content-footer a,
.ekit-template-content-footer a:visited,
.ekit-template-content-footer a:hover {
    color: #ffffff !important;
}
/*---------------------------------------------------------------------------------------------------------*/
/*把分类页的产品列表拉宽*/
.ast-woocommerce-container {
    margin: 0 !important;
    padding: 20px !important;
}
/*---------------------------------------------------------------------------------------------------------*/

.ast-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
	
}