/* SweetGirl V2 — Three navigation pages background V1 */

/* HOME — deep editorial green */
body:has(.hero.wrap){
  background:
    radial-gradient(ellipse 100% 35% at 50% 15%,
      rgba(88,106,77,.22),transparent 80%),
    radial-gradient(ellipse 85% 30% at 65% 60%,
      rgba(164,123,65,.10),transparent 80%),
    linear-gradient(180deg,
      #101714 0%,#19231e 38%,#141b18 70%,#0e1210 100%)!important;
  overflow-x:clip!important;
}

/* CITIES — cinematic night photography */
body:has(.city-grid.city-fan){
  background:
    linear-gradient(180deg,
      rgba(5,10,19,.55),
      rgba(5,10,19,.72)),
    url("/assets/places-f-final/places-hero-clean.webp")
      center center / cover no-repeat,
    #0b1018!important;
  overflow-x:clip!important;
}

/* PEOPLE — muted green-gray and champagne-gold light */
body:has(.people-directory){
  background:
    radial-gradient(ellipse 95% 34% at 50% 16%,
      rgba(100,108,92,.22),transparent 80%),
    radial-gradient(ellipse 70% 35% at 65% 55%,
      rgba(172,130,73,.12),transparent 80%),
    linear-gradient(180deg,
      #111613 0%,#202923 35%,#171f1b 70%,#0e1310 100%)!important;
  overflow-x:clip!important;
}

/* Keep existing page sections and card effects untouched */

/* Cities: seamless lower background */
body:has(.city-grid.city-fan){
  background-color:#0b1012!important;
}
html:has(.city-grid.city-fan){
  background:#0b1012!important;
  overflow-x:clip!important;
}
body:has(.city-grid.city-fan) .site-footer{
  background:transparent!important;
}


/* HOME EDITORIAL THREE ZONES — 20261026 */

/* 顶部：一张照片，不重复，不拉伸 */
html:has(.hero.wrap) {
  background:#101915!important;
  overflow-x:clip!important;
}
body:has(.hero.wrap) {
  background:
    linear-gradient(180deg,
      rgba(5,12,12,.36) 0px,
      rgba(5,12,12,.48) 370px,
      rgba(8,17,14,.92) 950px,
      #101915 1150px),
    url("/assets/home-background-v5.png")
      center top / auto 1000px no-repeat,
    #101915!important;
  overflow-x:clip!important;
}

body:has(.hero.wrap) .site-header,
body:has(.hero.wrap) main,
body:has(.hero.wrap) .site-footer {
  background:transparent!important;
}

/* 中部：推荐人物独立背景 */
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) {
  position:relative;
  isolation:isolate;
  padding:28px 14px 34px;
  margin-top:18px;
  margin-bottom:20px;
  border-top:1px solid rgba(214,181,111,.30);
  border-bottom:1px solid rgba(214,181,111,.18);
  background:
    linear-gradient(135deg,
      rgba(9,19,17,.91),
      rgba(9,20,17,.89)),
    url("/assets/home-background-v5.png")
      center 48% / cover no-repeat!important;
}

/* 下部：推荐商家独立背景 */
body:has(.hero.wrap) section.section.wrap:has(> .places-grid) {
  position:relative;
  isolation:isolate;
  padding:28px 14px 38px;
  margin-top:18px;
  margin-bottom:20px;
  border-top:1px solid rgba(214,181,111,.30);
  border-bottom:1px solid rgba(214,181,111,.18);
  background:
    linear-gradient(135deg,
      rgba(8,17,15,.84),
      rgba(8,17,15,.87)),
    url("/assets/places-f-final/places-hero-clean.webp")
      center center / cover no-repeat!important;
}

/* 文字标题框加强 */
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .section-heading,
body:has(.hero.wrap) section.section.wrap:has(> .places-grid) .section-heading {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  padding:14px 16px!important;
  background:rgba(5,13,12,.80)!important;
  border:1px solid rgba(219,183,111,.58)!important;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.23);
}

/* 人物与商家卡片保持在背景之上 */
body:has(.hero.wrap) .people-grid,
body:has(.hero.wrap) .places-grid {
  position:relative;
  z-index:1;
}

/* 页脚统一收尾 */
body:has(.hero.wrap) .site-footer {
  background:rgba(7,15,13,.88)!important;
}

@media(max-width:700px) {
  body:has(.hero.wrap) section.section.wrap:has(> .people-grid),
  body:has(.hero.wrap) section.section.wrap:has(> .places-grid) {
    border-radius:0;
  }
}


/* HOME READABILITY — soften backgrounds, protect content */
body:has(.hero.wrap) .hero-art {
  background-color: #333d31 !important;
}
body:has(.hero.wrap) .hero-art img {
  opacity: 1 !important;
}
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .people-grid {
  background: rgba(7, 17, 15, .25);
  border-radius: 10px;
}
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .people-grid > * {
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}


/* HOME COMPACT FEATURED HEADING */

/* 导航下方减少留白 */
body:has(.hero.wrap) .site-header{
  margin-bottom:0!important;
}

body:has(.hero.wrap) .hero.wrap{
  display:none!important;
}

/* 推荐人物区域整体上移 */
body:has(.hero.wrap) section.section.wrap:has(> .people-grid){
  margin-top:0!important;
  padding-top:10px!important;
}

/* 标题取消大卡片 */
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .section-heading{
  min-height:0!important;
  padding:6px 2px 9px!important;
  margin:0 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
  gap:6px!important;
}

/* 缩小标题 */
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .section-heading h2{
  font-size:25px!important;
  line-height:1.15!important;
  margin:2px 0!important;
}
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .section-heading .heading-en{
  font-size:10px!important;
  margin-top:3px!important;
}
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .section-heading .eyebrow{
  font-size:9px!important;
  margin:0!important;
}
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .section-heading .text-link{
  font-size:11px!important;
}

/* Home only: hide duplicated person location and affiliation */
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .card-city,
body:has(.hero.wrap) section.section.wrap:has(> .people-grid) .affiliation {
  display: none !important;
}


/* HOME COVERFLOW COMPACT A */

/* 首页推荐人物整体上移 */
body:has(.hero.wrap) .people-featured-section:has(.people-coverflow) {
  margin-top: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 8px !important;
}

/* 小标题紧凑 */
body:has(.hero.wrap) .people-featured-section:has(.people-coverflow) .section-heading {
  min-height: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 隐藏全部人物入口 */
body:has(.hero.wrap) .people-featured-section:has(.people-coverflow) .section-heading > .text-link {
  display: none !important;
}

/* 缩小标题与轮播间距 */
body:has(.hero.wrap) .people-featured-section .people-coverflow {
  margin-top: 0 !important;
}


/* HOME AD COMPACT TEST V1 */

/* 仅首页广告 */
body:has(.hero.wrap) .ad-area {
  max-width: 100% !important;
  margin: 8px auto 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* 横幅容器 */
body:has(.hero.wrap) .ad-viewport {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(215,180,108,.65) !important;
  background: #18251f !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}

/* 图片改为短横幅 */
body:has(.hero.wrap) .ad-item img {
  display: block !important;
  width: 100% !important;
  height: 145px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
}

/* 控制文字和按钮的间距 */
body:has(.hero.wrap) .ad-toggle {
  font-size: 10px !important;
  padding: 4px 9px !important;
}

/* 广告与人物轮播靠近 */
body:has(.hero.wrap) .ad-area + .people-featured-section {
  margin-top: 0 !important;
  padding-top: 4px !important;
}

@media (max-width:600px) {
  body:has(.hero.wrap) .ad-item img {
    height: 125px !important;
  }
}


/* HOME PLACES TITLE COMPACT V1 */

/* 商家标题整体稍微下移 */
body:has(.hero.wrap) .section.wrap:has(> .home-places-stage) {
  margin-top: 15px !important;
  padding-top: 12px !important;
}

/* 去掉商家精选和浏览商家 */
body:has(.hero.wrap) .section.wrap:has(> .home-places-stage)
.section-heading .eyebrow,
body:has(.hero.wrap) .section.wrap:has(> .home-places-stage)
.section-heading > .text-link {
  display: none !important;
}

/* 商家标题取消大框，保持紧凑 */
body:has(.hero.wrap) .section.wrap:has(> .home-places-stage)
.section-heading {
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 4px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 保留推荐商家，稍微突出 */
body:has(.hero.wrap) .section.wrap:has(> .home-places-stage)
.section-heading h2 {
  font-size: 25px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body:has(.hero.wrap) .section.wrap:has(> .home-places-stage)
.section-heading .heading-en {
  font-size: 11px !important;
  margin-top: 4px !important;
}


/* HOME GOLD TYPOGRAPHY V1 */

/* 首页 SweetGirl 品牌文字 */
body:has(.hero.wrap) .site-header .brand {
  font-size: clamp(30px, 8vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -1.4px !important;
  background: linear-gradient(
    135deg,
    #fff8e8 5%,
    #e6c78b 48%,
    #b8914f 85%,
    #f5dfaf 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.35));
}

/* 人物和商家栏目中文标题统一 */
body:has(.hero.wrap) .people-featured-section .section-heading h2,
body:has(.hero.wrap) .section:has(> .home-places-stage) .section-heading h2 {
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  line-height: 1.2 !important;
  background: linear-gradient(
    110deg,
    #fff7e7 0%,
    #efd6a0 48%,
    #c59c59 85%,
    #fff0cb 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

/* 英文副标题 */
body:has(.hero.wrap) .people-featured-section .heading-en,
body:has(.hero.wrap) .section:has(> .home-places-stage) .heading-en {
  display: block;
  color: #d8bd85 !important;
  -webkit-text-fill-color: #d8bd85 !important;
  font-family: Georgia, serif !important;
  font-size: 12px !important;
  letter-spacing: 1.2px !important;
  margin-top: 5px !important;
}

/* 清除标题区域多余背景框 */
body:has(.hero.wrap) .people-featured-section .section-heading,
body:has(.hero.wrap) .section:has(> .home-places-stage) .section-heading {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* PEOPLE KUALA LUMPUR BACKGROUND V1 */
/* 仅独立人物页面，其他页面不受影响 */

html:has(#people-directory) {
  background:#0b1520!important;
}

body:has(#people-directory) {
  background:
    linear-gradient(
      180deg,
      rgba(5,12,21,.59) 0%,
      rgba(5,13,21,.68) 50%,
      rgba(5,12,20,.77) 100%
    ),
    url("/assets/people-background-v1.png")
      center center / cover no-repeat fixed,
    #0b1520!important;
}

body:has(#people-directory) .site-header,
body:has(#people-directory) main,
body:has(#people-directory) .site-footer {
  background:transparent!important;
}