/*
Theme Name: AI Knowledge
Theme URI: https://example.com/ai-knowledge
Author: AI Knowledge Blog
Description: Twenty Twenty-Five child theme for an AI knowledge-sharing technical blog. Graphite typography, cool-gray atmosphere, code-friendly reading.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.6.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ai-knowledge
Tags: blog, full-site-editing, block-patterns, custom-colors, custom-fonts
*/

/* Child overrides live primarily in theme.json; CSS handles atmosphere & motion. */

/* ========================================================================
   站内搜索框美化(2026-08-12, v1.6)
   v1.5: 紧凑(高度 28px)
   v1.6: 修复 menu 被 wrap 到下一行的问题 — wp-block-search 默认 flex-grow:1 撑满 group
   ======================================================================== */

/* 关键修复:wp-block-search 默认 flex-grow:1 → 强制它固定宽度,让 menu 同一行 */
.aik-header-search {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: 220px !important;
  max-width: 220px !important;
  width: 220px !important;
}
.aik-header-search .wp-block-search__inside-wrapper {
  width: 100% !important;
}

/* 强制 header 内部 group 不换行(menu + search 必须同一行) */
.aik-site-header > .wp-block-group.alignwide {
  flex-wrap: nowrap !important;
}
.aik-site-header .wp-block-group.alignwide > .wp-block-group {
  flex-wrap: nowrap !important;
}

/* 菜单项不压缩 */
.aik-site-header .wp-block-navigation {
  flex-shrink: 0 !important;
}

.wp-block-search {
  /* 整个搜索框:胶囊形 + 浅底 + 细边框 */
  border: 1px solid var(--wp--preset--color--accent-5, #CBD5E1);
  border-radius: 999px;
  padding: 0;
  background: var(--wp--preset--color--accent-4, #F1F5F9);
  max-width: 360px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.wp-block-search:focus-within {
  border-color: var(--wp--preset--color--accent-1, #C2410C);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.12);
}

/* 内部 flex 容器:去掉默认边框 + 圆角 — 紧凑 padding */
.wp-block-search .wp-block-search__inside-wrapper {
  background: transparent;
  border: none !important;
  border-radius: 999px;
  padding: 1px 2px 1px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}

/* input:透明 + 无边框 + 紧凑 padding */
.wp-block-search .wp-block-search__input {
  background: transparent !important;
  border: none !important;
  padding: 5px 0;
  font-size: 0.875rem;
  font-family: inherit;
  color: var(--wp--preset--color--contrast, #1A1F26);
  flex: 1;
  min-width: 0;
  outline: none;
  box-shadow: none;
  line-height: 1.4;
}
.wp-block-search .wp-block-search__input::placeholder {
  color: var(--wp--preset--color--accent-3, #94A3B8);
  font-weight: 400;
}
.wp-block-search .wp-block-search__input:focus {
  outline: none;
  box-shadow: none;
}

/* button:橙色圆形 icon-only — 紧凑 26px */
.wp-block-search.wp-block-search__button-inside .wp-block-search__button {
  background: var(--wp--preset--color--accent-1, #C2410C);
  color: #fff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  padding: 0;
  margin: 0;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0;
  transition: background 0.2s ease, transform 0.1s ease;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
  background: #A8350A;
  transform: scale(1.05);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__button:active {
  transform: scale(0.96);
}
.wp-block-search .wp-block-search__button svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
  display: block;
}

/* header 里:紧凑尺寸(高度 ~28px)— flex 宽度由上方 .aik-header-search 固定 220px 控制 */
.aik-header-search .wp-block-search__inside-wrapper {
  padding: 1px 1px 1px 12px;
  gap: 4px;
}
.aik-header-search .wp-block-search__input {
  font-size: 0.8125rem;
  padding: 4px 0;
}
.aik-header-search.wp-block-search.wp-block-search__button-inside .wp-block-search__button {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.aik-header-search .wp-block-search__button svg {
  width: 12px;
  height: 12px;
}

/* search 结果页:稍宽松 */
.aik-search-page-search {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.aik-search-page-search .wp-block-search__input {
  font-size: 0.9375rem;
  padding: 7px 0;
}
.aik-search-page-search.wp-block-search.wp-block-search__button-inside .wp-block-search__button {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
}
.aik-search-page-search .wp-block-search__button svg {
  width: 14px;
  height: 14px;
}

/* 隐藏 screen-reader-text label,保留可访问性 */
.wp-block-search .wp-block-search__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}