/*
 Theme Name: Astra Child
 Theme URI: https://feifei.cn/astra-child/
 Description: My custom child theme for Astra
 Author: Mafye
 Author URI: https://feifei.cn
 Template: astra
 Version: 1.0.0
 Text Domain: astra-child
*/

/* 主要按钮 */
.wp-block-button__link,
.button {
    background-color: #718096 !important;  /* 温和的灰色 */
    color: #ffffff !important;  /* 白色文字 */
    border-radius: 6px !important;  /* 圆角 */
    padding: 12px 24px !important;
    font-family: "Noto Sans SC", sans-serif;
    transition: all 0.3s ease;
}

/* 按钮悬停效果 */
.wp-block-button__link:hover,
.button:hover {
    background-color: #4A5568 !important;  /* 深一点的灰色 */
    transform: translateY(-2px);  /* 轻微上浮效果 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* 主标题 */
.entry-title {
    color: #4A5568;  /* 深灰色，庄重但不沉重 */
    font-family: "Noto Serif SC", serif;  /* 衬线字体，增加典雅感 */
    letter-spacing: 1px;  /* 字间距 */
}

/* 副标题 */
h2, h3, h4 {
    color: #718096;  /* 中灰色 */
    font-family: "Noto Serif SC", serif;
}
/* 正文内容 */
p, .entry-content {
    color: #4A5568;  /* 深灰色 */
    font-family: "Noto Sans SC", sans-serif;  /* 无衬线字体，提高可读性 */
    line-height: 1.8;  /* 行高 */
    font-size: 16px;
}
/* 区块颜色 */
.wp-block-group {
	background-color: F9F2FA;
}
/* 修正手机端文章内边距问题 */
@media (max-width: 768px) {
    .site .site-content #primary .ast-article-single {
        padding: 20px 15px !important;
    }
    
    /* 如果使用Elementor，也修正Elementor容器 */
    .elementor-section .elementor-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* 确保文章内容区域合理的内边距 */
    .ast-article-single .entry-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* 修正可能的嵌套容器问题 */
    .elementor-widget-container {
        padding: 0 !important;
    }
}

/* 更精确的移动端控制 */
@media (max-width: 480px) {
    .site .site-content #primary .ast-article-single {
        padding: 15px 10px !important;
    }
}