/* =============================================================================
   kultivy · Gardener 视觉层
   对标：Astra Starter Template "Gardener 02"（websitedemos.net/gardener-02）
   决策（2026-07-26 Beck 拍板）：换皮 + 首页重构 / 保留 Fraunces+Inter / 保留 Sage 主色
   计划：docs/theme-gardener-redesign-plan.md
   注入：astro/src/lib/theme.ts 在 </head> 前插 <link> —— 删那一行即完全回滚
   加载顺序：本文件是 head 内最后一个样式表，晚于 wp-custom-css，同权重下胜出
   ============================================================================= */

/* ---------- 1. 设计 token（本层真相源）---------- */
:root{
  /* 墨 —— 借参考站明暗结构，色相留 Sage Botanical */
  --gd-forest:#2f4632;        /* 标题（对应参考站 #202714）*/
  --gd-forest-deep:#22331f;   /* hero 遮罩 / 深压 */
  --gd-sage:#7a9b76;          /* 主色（参考站 #6a961f）*/
  --gd-sage-deep:#5f7f5c;     /* hover（参考站 #5e821b）*/
  --gd-body:#56685a;          /* 正文（参考站 #5a5a5a）*/
  --gd-mute:#8a9a8a;          /* 次要文本 */
  /* 面 */
  --gd-cream:#f4f7f1;         /* 分节浅底（参考站 #f2f2f2）*/
  --gd-cream-deep:#e3ebdf;    /* CTA 条底（参考站 #dde1e2）*/
  --gd-border:#e4ecdd;
  /* 形 */
  --gd-r-img:12px;            /* 图片/卡片圆角（同参考站）*/
  --gd-r-btn:24px;            /* 胶囊按钮（同参考站）*/
  --gd-hero-cut:150px;        /* hero 右下大圆角（参考站招牌）*/
  --gd-container:1140px;      /* 参考站容器宽（原 1290px）*/
}

/* ---------- 2. 接管 Kadence 全局变量 ---------- */
:root{
  --global-palette1:var(--gd-sage);
  --global-palette2:var(--gd-sage-deep);
  --global-palette3:var(--gd-forest);
  --global-palette4:#3c5140;
  --global-palette5:var(--gd-body);
  --global-palette6:var(--gd-mute);
  --global-palette7:var(--gd-border);
  --global-palette8:var(--gd-cream);
  --global-palette9:#ffffff;
  --global-palette-btn-bg:var(--gd-sage);
  --global-palette-btn-bg-hover:var(--gd-sage-deep);
  --global-palette-btn:#ffffff;
  --global-palette-btn-hover:#ffffff;
  --global-content-width:var(--gd-container);
  --global-content-wide-width:calc(1140px + 230px);
  --global-calc-content-width:calc(1140px - var(--global-content-edge-padding) - var(--global-content-edge-padding));
  --wp--style--global--content-size:var(--global-calc-content-width);
}

/* ---------- 3. 字阶（跟参考站阶梯；字体仍是 Fraunces + Inter）---------- */
/* 参考站：H1 64 / H2 40 / H3 32 / H4 24 / H5 18，行高 1.4 / 1.3 / 1.3 / 1.2 */
h1{ font-size:64px; line-height:1.4; }
h2{ font-size:40px; line-height:1.3; }
h3{ font-size:32px; line-height:1.3; }
h4{ font-size:24px; line-height:1.2; }
h5{ font-size:18px; line-height:1.2; }

/* 长文正文降一档 —— 参考站是 landing page 字阶，直接套会把文章喊哑 */
.entry-content h2,
.entry-content h2.wp-block-heading{ font-size:32px; line-height:1.22; }
.entry-content h3,
.entry-content h3.wp-block-heading{ font-size:24px; line-height:1.3; }
.entry-content h4,
.entry-content h4.wp-block-heading{ font-size:20px; line-height:1.3; }

/* Kadence 对 h3 有更高特异性的规则，这里补一条同级选择器压过去 */
.entry-content h3.wp-block-heading,
.single .entry-content h3,
.page .entry-content h3{ font-size:24px; }

.single .entry-title,
.page .entry-title{ font-size:48px; line-height:1.08; }

body{ color:var(--gd-body); }
h1,h2,h3,h4,h5,h6,
.entry-title,.site-title{ color:var(--gd-forest); }

@media (max-width:767px){
  h1{ font-size:40px; }
  h2{ font-size:32px; }
  h3{ font-size:24px; }
  h4{ font-size:22px; }
  .single .entry-title,
  .page .entry-title{ font-size:32px; }
  .entry-content h2,
  .entry-content h2.wp-block-heading{ font-size:26px; }
  .entry-content h3,
  .entry-content h3.wp-block-heading{ font-size:21px; }
}

/* ---------- 4. 按钮：胶囊（参考站签名之一）---------- */
.wp-block-button__link,
.wp-element-button,
.kb-button,
.kt-button,
.button,
input[type="submit"]{
  border-radius:var(--gd-r-btn) !important;
  padding:14px 32px;
  font-family:'Inter', system-ui, sans-serif;
  font-weight:700;
  font-size:14px;
  letter-spacing:.4px;
  text-transform:capitalize;
}
.wp-block-button__link:hover,
.wp-element-button:hover{ background-color:var(--gd-sage-deep); }

/* 描边按钮（参考站 header "Get A Quote" 的形） */
.wp-block-button.is-style-outline .wp-block-button__link{
  border-width:1px;
  border-color:currentColor;
  background:transparent;
}

/* ---------- 5. 圆角：整站无直角 ---------- */
/* !important：WP 块编辑器把 border-radius:6px 写进了元素 style 属性 */
.entry-content img,
.wp-block-image img,
.post-thumbnail img,
.entry-image img,
.kadence-post-image img,
.wp-block-post-featured-image img{ border-radius:var(--gd-r-img) !important; }

.entry-content figure.wp-block-image,
.loop-entry .post-thumbnail,
.entry-image{ border-radius:var(--gd-r-img); overflow:hidden; }

/* ---------- 6. 链接与元信息 ---------- */
.entry-content a{
  color:var(--gd-forest);
  text-decoration-color:var(--gd-sage);
}
.entry-content a:hover{ text-decoration-color:var(--gd-forest); }
a:where(:not(.wp-element-button):not(.button)):hover{ color:var(--gd-sage-deep); }

/* ---------- 7. 分节节奏工具类（首页 P3 使用）---------- */
/* 参考站背景序：白 → 白 → 白/灰 72% 硬切 → 灰 → 白 → CTA 深面 */
.gd-band-cream{ background:var(--gd-cream); }
.gd-band-cta{ background:var(--gd-cream-deep); }
.gd-band-split{ background:linear-gradient(#ffffff 72%, var(--gd-cream) 72%); }

/* hero：全宽底图 + forest 遮罩 + 右下 150px 大圆角 */
.gd-hero{
  position:relative;
  overflow:hidden;
  border-radius:0 0 var(--gd-hero-cut) 0;
  background-size:cover;
  background-position:center;
}
.gd-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(47,70,50,.64);
  pointer-events:none;
}
.gd-hero > *{ position:relative; z-index:1; }
.gd-hero,
.gd-hero h1,
.gd-hero h2,
.gd-hero p{ color:#ffffff; }

/* eyebrow：参考站 hero 小标（H5 18px 700，无字距）*/
.gd-eyebrow{
  font-family:'Inter', system-ui, sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  margin:0 0 .6em;
}

@media (max-width:767px){
  .gd-hero{ border-radius:0 0 72px 0; }
}

/* ---------- 8. 首页 hero（P3）---------- */
/* 底图：Codex 出图 2026-07-26，1536×1024 → webp 2048 / 1200 两档 */
.gd-hero--home{
  background-image:url('/images/hero/home-hero.webp');
  min-height:620px;
  display:flex;
  align-items:center;
  margin-top:-32px !important;  /* 吃掉 .entry-content-wrap 的 32px padding，紧贴 header（Kadence alignfull 规则特异性更高，需提权）*/
}
/* 文字对齐到 1140 容器，而不是贴视口边缘 */
.gd-hero--home > .wp-block-group__inner-container{
  width:100%;
  max-width:calc(var(--gd-container) + 96px);
  margin-inline:auto;
}

/* 主按钮：遮罩本身就是绿的，sage 实心不跳 —— 反白最接近参考站"主按钮最突出"的意图 */
.gd-hero .wp-block-button:first-child .wp-block-button__link{
  background-color:#ffffff !important;
  color:var(--gd-forest) !important;
}
.gd-hero .wp-block-button:first-child .wp-block-button__link:hover{
  background-color:var(--gd-cream) !important;
}

/* 深遮罩上的描边按钮：白边白字 */
.gd-hero .wp-block-button.is-style-outline .wp-block-button__link{
  border-color:#ffffff;
  color:#ffffff;
}
.gd-hero .wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:#ffffff;
  color:var(--gd-forest);
}

@media (max-width:900px){
  .gd-hero--home{
    background-image:url('/images/hero/home-hero-1200.webp');
    min-height:auto;
  }
}

/* hero 标题：字号交给 CSS（内联会挡住 media query）*/
.gd-hero h1{ font-size:64px; line-height:1.1; }

@media (max-width:900px){
  .gd-hero h1{ font-size:40px; }
  .gd-hero--home .wp-block-column:first-child{ padding:64px 24px !important; }
  .gd-hero .wp-block-buttons{ gap:10px; }
}
@media (max-width:480px){
  .gd-hero h1{ font-size:33px; }
  .gd-eyebrow{ font-size:16px; }
}

/* =============================================================================
   9. 首页重设计（2026-07-26 第二版）
   目标：去掉「连续三段一样的卡片网格」，给每段不同的视觉密度。
   段序：Hero(图) → The Guides(主次编辑式) → Latest(轻网格) → Topics(图上叠字)
        → FAQ(两列) → About(人像 + CTA)
   ============================================================================= */

/* Kadence 模板残留：Join Now 指向 startertemplatecloud.com，站内无此功能 */
.header-button-wrap,
.mobile-header-button-wrap{ display:none !important; }

.gd-wrap{ max-width:var(--gd-container); margin-inline:auto; }

/* 段头：kicker + 标题 + 引导句 */
.gd-kicker{
  font-family:'Inter', system-ui, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gd-sage);
  margin:0 0 10px;
}
.gd-sechead{ margin:0 0 6px; font-size:40px; line-height:1.15; color:var(--gd-forest); }
.gd-seclede{ margin:0 0 40px; font-size:17px; line-height:1.6; color:var(--gd-body); max-width:56ch; }

/* ---------- 9.1 The Guides：1 大 + 5 小的编辑式布局 ---------- */
.gd-editorial{ display:grid; grid-template-columns:1.32fr 1fr; gap:52px; align-items:start; }

.gd-lead{ display:block; text-decoration:none; color:inherit; }
.gd-lead__media{
  display:block; overflow:hidden; border-radius:var(--gd-r-img);
  aspect-ratio:16/10; margin-bottom:20px;
}
.gd-lead__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  border-radius:0 !important;
  transition:transform .5s ease;
}
.gd-lead:hover .gd-lead__media img{ transform:scale(1.035); }
.gd-lead__cat,
.gd-item__cat{
  display:block;
  font-family:'Inter', system-ui, sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gd-sage); margin-bottom:8px;
}
.gd-lead__title{
  display:block; font-family:'Fraunces', Georgia, serif;
  font-size:30px; line-height:1.2; font-weight:600; color:var(--gd-forest);
  margin-bottom:12px;
}
.gd-lead:hover .gd-lead__title{ color:var(--gd-sage-deep); }
.gd-lead__excerpt{ display:block; font-size:16px; line-height:1.7; color:var(--gd-body); margin-bottom:14px; }
.gd-lead__cta{
  display:inline-block; font-family:'Inter', system-ui, sans-serif;
  font-size:14px; font-weight:700; color:var(--gd-forest);
  border-bottom:2px solid var(--gd-sage); padding-bottom:2px;
}

.gd-list{ list-style:none; margin:0; padding:0; }
.gd-list li + li{ border-top:1px solid var(--gd-border); margin-top:20px; padding-top:20px; }
.gd-item{ display:grid; grid-template-columns:104px 1fr; gap:18px; align-items:center; text-decoration:none; color:inherit; }
img.gd-item__thumb{
  width:104px; height:78px; object-fit:cover; display:block;
  border-radius:8px !important;
}
.gd-item__cat{ margin-bottom:5px; }
.gd-item__title{
  display:block; font-family:'Fraunces', Georgia, serif;
  font-size:18px; line-height:1.3; font-weight:600; color:var(--gd-forest);
}
.gd-item:hover .gd-item__title{ color:var(--gd-sage-deep); }

/* ---------- 9.2 Latest：3 列轻网格 ---------- */
.gd-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px 32px; }
.gd-card{ display:block; text-decoration:none; color:inherit; }
.gd-card__media{ display:block; overflow:hidden; border-radius:var(--gd-r-img); aspect-ratio:4/3; margin-bottom:16px; }
.gd-card__media img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0 !important; transition:transform .5s ease; }
.gd-card:hover .gd-card__media img{ transform:scale(1.035); }
.gd-card__title{
  display:block; font-family:'Fraunces', Georgia, serif;
  font-size:19px; line-height:1.3; font-weight:600; color:var(--gd-forest); margin-bottom:8px;
}
.gd-card:hover .gd-card__title{ color:var(--gd-sage-deep); }
.gd-card__date{ display:block; font-size:13px; color:var(--gd-mute); }

/* ---------- 9.3 Topics：图上叠字卡 ---------- */
.gd-topics{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.gd-topic{
  position:relative; display:block; overflow:hidden;
  border-radius:var(--gd-r-img); aspect-ratio:16/9;
  text-decoration:none; color:#fff;
  background-size:cover; background-position:center;
}
.gd-topic::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(23,38,26,.88) 0%, rgba(23,38,26,.42) 46%, rgba(23,38,26,.06) 100%);
  transition:opacity .4s ease;
}
.gd-topic:hover::after{ opacity:.86; }
.gd-topic__body{ position:absolute; z-index:1; left:28px; right:28px; bottom:24px; }
.gd-topic__name{
  display:block; font-family:'Fraunces', Georgia, serif;
  font-size:26px; line-height:1.2; font-weight:600; color:#fff; margin-bottom:6px;
}
.gd-topic__meta{ display:block; font-size:14px; line-height:1.5; color:rgba(255,255,255,.86); }

/* ---------- 9.4 FAQ：两列 ---------- */
.gd-faq{ display:grid; grid-template-columns:repeat(2,1fr); gap:36px 56px; }
.gd-faq__q{ margin:0 0 8px; font-family:'Fraunces', Georgia, serif; font-size:20px; line-height:1.3; font-weight:600; color:var(--gd-forest); }
.gd-faq__a{ margin:0; font-size:16px; line-height:1.7; color:var(--gd-body); }

/* ---------- 9.5 About：人像 + 正文 ---------- */
.gd-about{ display:grid; grid-template-columns:212px 1fr; gap:48px; align-items:center; }
img.gd-about__portrait{
  width:212px; height:212px; border-radius:50% !important;
  object-fit:cover; display:block;
  box-shadow:0 10px 30px rgba(47,70,50,.14);
}
.gd-about__byline{
  font-family:'Inter', system-ui, sans-serif;
  font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gd-sage-deep); margin:14px 0 0; text-align:center;
}

/* ---------- 9.6 响应式 ---------- */
@media (max-width:1024px){
  .gd-editorial{ grid-template-columns:1fr; gap:44px; }
  .gd-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
  .gd-sechead{ font-size:30px; }
  .gd-seclede{ margin-bottom:30px; font-size:16px; }
  .gd-grid,
  .gd-topics,
  .gd-faq{ grid-template-columns:1fr; }
  .gd-faq{ gap:28px; }
  .gd-lead__title{ font-size:24px; }
  .gd-item{ grid-template-columns:88px 1fr; gap:14px; }
  img.gd-item__thumb{ width:88px; height:66px; }
  .gd-topic__name{ font-size:22px; }
  .gd-about{ grid-template-columns:1fr; gap:28px; justify-items:center; text-align:center; }
  img.gd-about__portrait{ width:168px; height:168px; }
}