/*
Theme Name: Astra XSen Child
Theme URI: https://example.com/
Description: Child theme for Astra. Use this theme to keep all custom CSS, local fonts, and layout tweaks safe from Astra updates.
Author: XSen
Template: astra
Version: 0.2.0
Text Domain: astra-xsen-child
*/

/* ==================================================
   0) 基础建议
   - 所有自定义都写在这里（不要改父主题 Astra）
   - 字体文件建议用 .woff2
   - 字体文件路径：./assets/fonts/
   ================================================== */


/* ==================================================
   1) 本地字体：Noto Sans（示例）
   说明：
   - 把字体文件放到：
     /wp-content/themes/astra-xsen-child/assets/fonts/
   - 文件名需要与下面保持一致
   ================================================== */

@font-face {
  font-family: "Noto Sans";
  src: url("./assets/fonts/NotoSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./assets/fonts/NotoSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./assets/fonts/NotoSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ==================================================
   2) 全站应用字体
   说明：
   - Astra 可能会在 Customizer 里设置字体，这里用 !important 做最终裁判
   ================================================== */

:root{
  --x-body-font: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --x-mono-font: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

body,
button,
input,
textarea,
select{
  font-family: var(--x-body-font) !important;
}


/* ==================================================
   3) 阅读体验（可按需删改）
   ================================================== */

.ast-single-post .entry-content{
  line-height: 1.75;
  font-size: 16px;
}

code, pre{
  font-family: var(--x-mono-font);
}


/* ==================================================
   4) Astra List 横图（16:9）示例（可选）
   用法：
   - 需要把归档/博客列表做成横图：取消注释即可
   ================================================== */

/*
.blog .ast-article-post,
.archive .ast-article-post{
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.blog .ast-post-thumbnail,
.archive .ast-post-thumbnail{
  flex: 0 0 320px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
}

.blog .ast-post-thumbnail img,
.archive .ast-post-thumbnail img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*/