/*
Theme Name: Ganquan365
Theme URI: https://ganquan365.com/
Template: twentytwentyfive
Author: JoshuaWang2019
Author URI: https://ganquan365.com/
Description: 甘泉网站主题 - 基于Twenty Twenty-Five
Version: 2.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ganquan365
*/

/* ===================================
   深色/浅色模式 - Header & Footer
   使用主题变量系统（theme-variables.css）
   =================================== */

/* Header样式 */
header,
.wp-block-template-part header,
.site-header,
body > header {
  background-color: var(--card-bg) !important;
  color: var(--theme-gray-800) !important;
  border-bottom: var(--card-border) !important;
  box-shadow: var(--shadow-sm) !important;
  transition:
    background-color var(--transition-base),
    color var(--transition-base);
}

header *,
.wp-block-template-part header *,
.site-header *,
body > header * {
  color: var(--theme-gray-800) !important;
}

header a,
.wp-block-template-part header a,
.site-header a,
body > header a {
  color: var(--theme-gray-700) !important;
  transition: color var(--transition-fast);
}

header a:hover,
.wp-block-template-part header a:hover,
.site-header a:hover,
body > header a:hover {
  color: var(--theme-primary) !important;
}

/* 导航菜单 */
.wp-block-navigation,
.wp-block-navigation__container,
nav,
.navigation-menu {
  background-color: transparent !important;
}

.wp-block-navigation a,
.wp-block-navigation__container a,
nav a,
.navigation-menu a {
  color: var(--theme-gray-700) !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation__container a:hover,
nav a:hover,
.navigation-menu a:hover {
  color: var(--theme-primary) !important;
}

/* 下拉菜单 / 移动端菜单 - 简洁样式 */
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation-submenu__container,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background-color: var(--theme-gradient-background) !important;
  z-index: 9999 !important;
}

/* 深色模式下的菜单文字 */
@media (prefers-color-scheme: dark) {
  .wp-block-navigation__responsive-container a,
  .wp-block-navigation__responsive-container-content a,
  .wp-block-navigation-submenu__container a {
    color: #e2e8f0 !important;
  }

  .wp-block-navigation__responsive-container a:hover,
  .wp-block-navigation__responsive-container-content a:hover,
  .wp-block-navigation-submenu__container a:hover {
    color: var(--theme-primary) !important;
  }
}

/* 移动端菜单按钮 */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--theme-gray-800) !important;
}

/* Footer样式 */
footer,
.wp-block-template-part footer,
.site-footer,
body > footer {
  background-color: var(--theme-gradient-background) !important;
  color: var(--theme-gray-600) !important;
  border-top: var(--card-border) !important;
  transition:
    background-color var(--transition-base),
    color var(--transition-base);
}

footer *,
.wp-block-template-part footer *,
.site-footer *,
body > footer * {
  color: var(--theme-gray-600) !important;
}

footer a,
.wp-block-template-part footer a,
.site-footer a,
body > footer a {
  color: var(--theme-gray-700) !important;
  transition: color var(--transition-fast);
}

footer a:hover,
.wp-block-template-part footer a:hover,
.site-footer a:hover,
body > footer a:hover {
  color: var(--theme-primary) !important;
}

/* WordPress区块的特殊处理 */
.wp-block-group.has-background,
.wp-block-cover {
  background-color: transparent !important;
}

/* 确保logo和图片在深色模式下可见 */
@media (prefers-color-scheme: dark) {
  header img,
  .site-header img,
  .wp-block-site-logo img {
    opacity: 0.95;
    transition: opacity var(--transition-fast);
  }

  header img:hover,
  .site-header img:hover,
  .wp-block-site-logo img:hover {
    opacity: 1;
  }
}

/* ===================================
   Tailwind 容器深色模式修复
   确保 #ganquan365-tailwind 容器
   使用网站的 CSS 变量系统
   =================================== */

/* Tailwind 容器基础样式 */
#ganquan365-tailwind {
  background-color: var(--theme-gradient-background);
  color: var(--theme-gray-800);
  min-height: 100vh;
}

/* 深色模式整体修复 */
@media (prefers-color-scheme: dark) {
  /* 页面背景 - 最高优先级 */
  html,
  body {
    background-color: #0f172a !important;
  }

  .wp-site-blocks,
  .is-layout-flow,
  .entry-content,
  main,
  article {
    background-color: #0f172a !important;
  }

  /* Tailwind 容器背景 */
  #ganquan365-tailwind {
    background-color: #0f172a !important;
  }

  /* 覆盖 Tailwind 的 bg-white 类 - 卡片/按钮背景 */
  #ganquan365-tailwind .bg-white,
  #ganquan365-tailwind button.bg-white,
  #ganquan365-tailwind div.bg-white,
  #ganquan365-tailwind [class*='bg-white'] {
    background-color: #1e293b !important;
  }

  /* 控制按钮背景 (bg-gray-100) */
  #ganquan365-tailwind .bg-gray-100,
  #ganquan365-tailwind button.bg-gray-100,
  #ganquan365-tailwind a.bg-gray-100 {
    background-color: #334155 !important;
  }

  #ganquan365-tailwind .bg-gray-100:hover,
  #ganquan365-tailwind button.bg-gray-100:hover,
  #ganquan365-tailwind a.bg-gray-100:hover {
    background-color: #475569 !important;
  }

  /* 章节展开面板背景 */
  #ganquan365-tailwind .bg-gray-50 {
    background-color: #1e293b !important;
  }

  /* 进度条背景 */
  #ganquan365-tailwind .bg-gray-200 {
    background-color: #334155 !important;
  }

  /* 边框颜色 */
  #ganquan365-tailwind .border-gray-200 {
    border-color: #334155 !important;
  }

  /* 文字颜色调整 */
  #ganquan365-tailwind .text-gray-900 {
    color: #f8fafc !important;
  }

  #ganquan365-tailwind .text-gray-700,
  #ganquan365-tailwind .text-gray-600 {
    color: #94a3b8 !important;
  }

  #ganquan365-tailwind .text-gray-400 {
    color: #94a3b8 !important;
  }

  /* 按钮内的图标颜色 */
  #ganquan365-tailwind button .text-gray-700,
  #ganquan365-tailwind a .text-gray-700 {
    color: #e2e8f0 !important;
  }

  /* hover 状态下的背景 */
  #ganquan365-tailwind .hover\:bg-gray-200:hover {
    background-color: #475569 !important;
  }
}