/*
 Theme Name:   Bravada Child
 Template:     bravada
 Version:      1.0.0
 Description:  自定义字体 & JS 的子主题
 Author:       teddy
*/
/* 全站启用：用同一个家族名 "LXGW WenKai" */
html, body,
h1, h2, h3, h4, h5, h6,
.site-title, .site-description,
.entry-title, .entry-content, .entry-meta,
nav, .menu, .menu a,
button, input, select, textarea {
  font-family: "LXGW WenKai", "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue", Arial, sans-serif !important;
}

/* iOS/Safari 文本自动放大与渲染差异修正 */
html{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 当你只有 Regular 文件时，尽量减少浏览器“假粗体/假斜体”的风格差异 */
@supports (font-synthesis: none){
  body{
    font-synthesis: weight style small-caps position; /* 或更激进：none */
  }
}
/* 强制移动侧边菜单使用 LXGW WenKai */
#mobile-menu,
#mobile-menu .side-menu,
#mobile-menu .side-menu a,
#mobile-menu .side-menu a span,
#mobile-menu #mobile-nav > li > a,
#mobile-menu #mobile-nav > li > a > span {
  font-family: "LXGW WenKai", "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400;
}

/* 取消主题可能加的全大写/字距，保持文楷观感 */
#mobile-menu .side-menu a,
#mobile-menu .side-menu a span {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* 如果主题给菜单项用的是按钮字重，改回正常（可按需调整） */
#mobile-menu .side-menu a {
  font-size: 12px;           /* 可根据你的设计调整 */
  line-height: 1.4;
}
/* 覆盖 Bravada 给站点标题强制的 Playfair Display */
#site-title,
#site-title a {
  font-family: "LXGW WenKai", "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700; /* 按需保留或改成 normal */
  letter-spacing: normal;
  text-transform: none;
}

/* 有些布局里标题是 h1#site-title；一并兜底 */
h1#site-title,
h1#site-title a {
  font-family: "LXGW WenKai", "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue", Arial, sans-serif !important;
}
#footer-top .footer-inside::before {
  content: none !important;
  background: none !important;
}

#mobile-nav .searchform input[type="search"] {
  display: flex;                     /* 让文字垂直居中 */
  align-items: center;
  height: 2em;                     /* 高度和字号保持一致 */
  line-height: 2em;                /* 行高 = 高度，确保居中 */
  font-size: 2em;
  padding: 0 2.2em 0 1em;            /* 左右 padding */
  border: 0;
  border-bottom: 2px solid;
  background: transparent;
  box-sizing: border-box;
}
/* 首页：让足迹卡片模块与 content-masonry 同宽 */
body.home #container:not(.bravada-landing-page) .main > .travel-home.aikuto-travel {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* 足迹地图样式 */
/* 基础色（与 Bravada 协调） */
:root{
  --blk-bg: #ffffff;
  --blk-fg: #0f172a;
  --blk-sub:#64748b;
  --blk-border:#e2e8f0;
  --blk-accent:#0ea5e9;

  --blk-chip:#f8fafc;
  --blk-chip-fg:#0f172a;

  --blk-badge:#f3f4f6;
  --blk-badge-fg:#111827;

  --blk-shadow: 0 4px 16px rgba(0,0,0,.06);
}
body.dark{
  --blk-bg:#0b1220;
  --blk-fg:#e2e8f0;
  --blk-sub:#94a3b8;
  --blk-border:#1f2937;
  --blk-accent:#38bdf8;

  --blk-chip:#0f172a;
  --blk-chip-fg:#e5e7eb;

  --blk-badge:#111827;
  --blk-badge-fg:#e5e7eb;

  --blk-shadow: 0 8px 24px rgba(0,0,0,.28);
}

/* 集中面板（一个大平面块，无圆角） */
#map-container { position: relative; }
.map-panel{
  background: var(--blk-bg);
  color: var(--blk-fg);
  border: 1px solid var(--blk-border);
  box-shadow: var(--blk-shadow);
  margin-bottom: 12px;
  padding: 12px;
  /* 扁平风：不使用圆角 */
  border-radius: 0;
}

/* 面板结构：标题 + 切换；下方是开关 + 统计 */
.panel-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--blk-border);
}
.panel-title{
  font-weight: 700;
  letter-spacing: .02em;
}

/* 模式切换（世界/中国）：扁平按钮、无圆角 */
.mode-group{ display: inline-flex; gap: 6px; }
.mode-btn{
  appearance: none;
  border: 1px solid var(--blk-border);
  background: #fff0;           /* 完全扁平 */
  color: var(--blk-fg);
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  border-radius: 0;             /* 无圆角 */
}
body.dark .mode-btn{ background: #0000; }
.mode-btn.active{
  background: var(--blk-accent);
  color: #fff;
  border-color: var(--blk-accent);
}

/* 面板主体：两行结构（上：开关；下：统计） */
.panel-body{
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 10px;
  padding-top: 10px;
}

/* 扁平开关组（不改变原 JS 事件） */
.toggle-group{ display: flex; gap: 10px; flex-wrap: wrap; }
.toggle{
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid var(--blk-border);
  background: var(--blk-chip);
  color: var(--blk-chip-fg);
  padding: 7px 12px;
  font-size: 12px;
  cursor: pointer; user-select: none;
  border-radius: 0;             /* 无圆角 */
}
/* 美化 checkbox：扁平方框 */
.toggle input{
  appearance: none;
  width: 14px; height: 14px;
  border: 1.5px solid var(--blk-accent);
  background: transparent;
  margin: 0; outline: none;
}
.toggle input:checked{
  background: var(--blk-accent);
  border-color: var(--blk-accent);
}
.toggle input:checked::after{
  content: ""; display: block;
  width: 6px; height: 6px; margin: 3px;
  background: #fff;
}

/* 统计区：把 #stats 内容扁平化为行块（不必改 JS 输出） */
#stats.stats-block{
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
  color: var(--blk-fg);
}
#stats.stats-block h3,
#stats.stats-block p{
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--blk-border);
  background: var(--blk-badge);
  color: var(--blk-badge-fg);
  font-size: 12px;
  line-height: 1;
  border-radius: 0;             /* 无圆角 */
  white-space: nowrap;
}

/* 地图 SVG：与面板分隔、避免遮挡 */
#map-svg{
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--blk-border);
  /* 扁平风保持无圆角；若需圆角可自行添加 */
  border-radius: 0;
  background: linear-gradient(180deg, rgba(14,165,233,.06), transparent 30%);
}

/* 响应式：中小屏更紧凑 */
@media (max-width: 980px){
  .panel-head { flex-direction: column; align-items: stretch; }
  .mode-group { justify-content: space-between; }
  .panel-title { font-size: 15px; }
}
@media (max-width: 680px){
  .mode-btn { padding: 6px 10px; font-size: 12px; }
  .toggle { padding: 6px 10px; font-size: 12px; }
  #stats.stats-block h3, #stats.stats-block p { font-size: 11px; padding: 5px 8px; }
}