/**
 * 启明星投资联盟主题自定义样式
 */

:root {
  --primary-color: #011F5B; /* 沃顿蓝色 */
  --secondary-color: #990000; /* 宾大红色 */
  --accent-color: #82AFD3; /* 浅蓝色 */
  --light-gray: #f4f4f4;
  --dark-gray: #333;
  --success-color: #28a745;
  --info-color: #17a2b8;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --font-primary: 'Open Sans', sans-serif;
  --font-secondary: 'Playfair Display', serif;
  --bs-primary: #2e55a4 !important;
  --bs-primary-rgb: 46, 85, 164 !important;
  --bs-link-color: #2e55a4 !important;
  --bs-link-hover-color: #254785 !important;
  --bs-blue: #2e55a4 !important;
}

/* 全局样式 */
body {
  font-family: var(--font-primary);
  color: var(--dark-gray);
  line-height: 1.6;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-secondary);
  font-weight: 700;
  margin-bottom: 1rem;
  color: #062a7e;
}

a {
  color: var(--primary-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--secondary-color);
  text-decoration: none;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
a.bg-primary:hover,
button.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:focus {
  background-color: #2e55a4 !important;
  border-color: #2e55a4 !important;
}

.btn-secondary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.btn-outline-primary {
  color: #2e55a4 !important;
  border-color: #2e55a4 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  background-color: #2e55a4 !important;
  border-color: #2e55a4 !important;
  color: white !important;
}

.bg-primary {
  background-color: #011F5B !important;
}

/* 头部导航样式 */
.site-header {
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 站点标题优化样式 */
.site-title {
  font-family: var(--font-secondary);
  font-weight: 700;
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.2;
  white-space: nowrap;
  text-transform: capitalize;
  padding: 0.5rem 0;
}

.site-title a {
  color: var(--primary-color);
  display: inline-block;
}

/* 顶部标题链接样式 */
.site-branding {
  padding: 0.8rem 0;
}

/* 网站LOGO样式 */
.custom-logo-link {
  display: inline-block;
  max-width: 100%;
}

.custom-logo {
  max-height: 60px;
  width: auto;
}

.main-navigation .nav-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-navigation .nav-menu > li {
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
}

.main-navigation .nav-menu > li > a {
  color: var(--dark-gray);
  font-weight: 600;
  padding: 0.5rem 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

.main-navigation .nav-menu > li > a:hover,
.main-navigation .nav-menu > li.current-menu-item > a {
  color: var(--primary-color);
}

.menu-toggle {
  background: none;
  border: none;
  color: var(--dark-gray);
  font-size: 1.25rem;
  padding: 0.5rem;
  cursor: pointer;
}

/* 首页英雄区块 */
.hero-section {
  background: linear-gradient(rgba(1, 31, 91, 0.8), rgba(1, 31, 91, 0.9)), url('../img/placeholders/hero-bg.jpg') center/cover;
  padding: 5rem 0;
}

.hero-section h1 {
  color: #fff;
  margin-bottom: 1.5rem;
}

.hero-section p {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2rem;
}

/* 响应式修正 */
@media (max-width: 767.98px) {
  .site-title {
    font-size: 1.8rem;
    text-align: center;
  }
  
  .main-header .site-branding {
    margin-bottom: 1rem;
  }
}

/* 首页内容块 */
.section {
  padding: 5rem 0;
}

.section-title {
  position: relative;
  margin-bottom: 3rem;
  text-align: center;
}

.section-title:after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background-color: var(--primary-color);
  margin: 1rem auto 0;
}

.card {
  border: none;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 2rem;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.card-img-top {
  height: 200px;
  object-fit: cover;
}

.card-body {
  padding: 1.5rem;
}

.card-title {
  margin-bottom: 1rem;
  font-weight: 700;
}

/* 团队成员 */
.team-member {
  text-align: center;
  margin-bottom: 2rem;
}

.team-member img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 1rem;
  border: 5px solid #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.team-member h4 {
  margin-bottom: 0.5rem;
}

.team-member p {
  color: var(--secondary-color);
  font-weight: 600;
  margin-bottom: 1rem;
}

.team-member .social-links a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: var(--light-gray);
  color: var(--primary-color);
  border-radius: 50%;
  margin: 0 0.25rem;
  transition: all 0.3s ease;
}

.team-member .social-links a:hover {
  background-color: var(--primary-color);
  color: #fff;
}

/* 多语言支持 */
body.lang-de .lang-content:not(.de) {
  display: none;
}

body.lang-en .lang-content:not(.en) {
  display: none;
}

body.lang-zh .lang-content:not(.zh) {
  display: none;
}

.language-switcher {
  display: flex;
  align-items: center;
}

.language-switcher .language-option {
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.language-switcher .language-option:hover {
  opacity: 1;
}

body.lang-de .language-switcher .language-option[data-lang="de"],
body.lang-en .language-switcher .language-option[data-lang="en"],
body.lang-zh .language-switcher .language-option[data-lang="zh"] {
  opacity: 1;
  font-weight: bold;
  text-decoration: underline;
}

/* 页脚样式 */
.site-footer {
  background-color: var(--dark-gray);
  color: #fff;
}

.site-footer a {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s ease;
}

.site-footer a:hover {
  color: #fff;
}

.footer-widget .widget-title {
  color: #ffffff !important;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.footer-links li {
  margin-bottom: 0.75rem;
}

.footer-bottom {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1.5rem 0;
  font-size: 0.875rem;
}

/* 增强页脚蓝色文字可见度 */
.newsletter h5 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.newsletter-title {
  color: #ffffff !important;
  font-size: 1.25rem !important;
  text-shadow: 0 0 2px rgba(255,255,255,0.3);
  letter-spacing: 0.02em;
}

.btn-primary:hover {
  background-color: #2158c2;
  border-color: #2158c2;
}

/* 法律声明区域样式 */
.footer-impressum {
  background-color: rgba(0, 0, 0, 0.1);
}

.footer-impressum h4 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.footer-impressum h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.25rem;
}

.footer-impressum .small {
  font-size: 0.85rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
}

.footer-impressum .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
  font-style: italic;
}

.legal-info li {
  padding: 0.25rem 0;
}

.legal-info .small {
  font-size: 0.8rem;
  line-height: 1.3;
}

/* 响应式设计 */
@media (max-width: 991.98px) {
  .hero-section {
    padding: 4rem 0;
  }
  
  .section {
    padding: 4rem 0;
  }
}

@media (max-width: 767.98px) {
  .hero-section {
    padding: 3rem 0;
  }
  
  .section {
    padding: 3rem 0;
  }
  
  .main-navigation .nav-menu {
    display: none;
  }
  
  .menu-toggle {
    display: block;
  }
  
  /* 移动端法律声明样式 */
  .footer-impressum h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  .footer-impressum h6 {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }
  
  .footer-impressum .col-md-4 {
    margin-bottom: 1.5rem;
  }
  
  .footer-impressum .small {
    font-size: 0.8rem;
  }
}

/* 知识库页面 */
.knowledge-item {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.knowledge-item:hover {
  transform: translateY(-5px);
}

.knowledge-item h3 {
  margin-bottom: 1rem;
}

/* 市场洞察页面 */
.insight-post {
  margin-bottom: 3rem;
}

.insight-post .post-date {
  color: var(--secondary-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.insight-post .post-title {
  margin-bottom: 1rem;
}

.insight-post .post-excerpt {
  margin-bottom: 1rem;
}

/* 创造财富页面 */
.wealth-strategy {
  position: relative;
  padding: 2rem;
  margin-bottom: 2rem;
  background-color: var(--light-gray);
  border-radius: 0.5rem;
  overflow: hidden;
}

.wealth-strategy::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: var(--primary-color);
}

.wealth-strategy h3 {
  margin-bottom: 1rem;
}

/* 课程与培训页面 */
.course-item {
  margin-bottom: 2rem;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.course-item .course-image {
  height: 200px;
  overflow: hidden;
}

.course-item .course-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.course-item:hover .course-image img {
  transform: scale(1.05);
}

.course-item .course-content {
  padding: 1.5rem;
}

.course-item .course-title {
  margin-bottom: 0.5rem;
}

.course-item .course-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--dark-gray);
}

.course-item .course-rating {
  color: var(--warning-color);
}

.course-item .course-price {
  font-weight: 700;
  color: var(--primary-color);
}

/* 活动页面 */
.event-item {
  margin-bottom: 2rem;
  display: flex;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.event-item .event-date {
  min-width: 100px;
  padding: 1.5rem;
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event-item .event-date .day {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.event-item .event-date .month {
  font-size: 1rem;
  text-transform: uppercase;
}

.event-item .event-content {
  padding: 1.5rem;
  flex-grow: 1;
}

.event-item .event-title {
  margin-bottom: 0.5rem;
}

.event-item .event-meta {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--dark-gray);
}

.event-item .event-location {
  margin-bottom: 1rem;
}

/* 会员荣誉页面 */
.member-honor {
  text-align: center;
  margin-bottom: 3rem;
}

.member-honor img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 1rem;
  border: 3px solid var(--primary-color);
}

.member-honor h3 {
  margin-bottom: 0.5rem;
}

.member-honor .member-title {
  color: var(--secondary-color);
  margin-bottom: 1rem;
  font-weight: 600;
}

/* 添加页脚背景颜色强制修改 */
footer#colophon.site-footer,
.site-footer,
#colophon.site-footer,
.site-footer.bg-dark,
footer#colophon {
  background-color: #2e55a4 !important;
}

/* 底部版权区域背景色 */
.footer-bottom {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

/* 修改主页CTA区域背景颜色 - 从亮蓝色改为沃顿蓝色 */
.cta-section,
.join-section,
.community-section,
section.blue-section,
.join-community,
.join-us-section,
div[class*="join"],
div[class*="community"],
div[class*="cta"],
.bg-primary,
.bg-info,
section.bg-blue,
.blue-banner {
  background-color: #011F5B !important; /* 使用沃顿蓝色 */
  color: #ffffff !important;
}

/* 如果上面的选择器不起作用，使用更通用的选择器 */
[style*="background-color: rgb(0, 102, 255)"],
[style*="background-color: #0066ff"],
[style*="background-color: rgb(30, 144, 255)"],
[style*="background-color: #1e90ff"],
[style*="background: rgb(0, 102, 255)"],
[style*="background: #0066ff"],
[style*="background: rgb(30, 144, 255)"],
[style*="background: #1e90ff"],
[style*="background-color:rgb(0, 102, 255)"],
[style*="background-color:#0066ff"] {
  background-color: #011F5B !important;
  background: #011F5B !important;
  color: #ffffff !important;
}

/* 修改社区加入部分背景颜色为灰色 */
.join-section.py-5.bg-primary.text-white,
.join-section.py-5.bg-primary,
.join-section.bg-primary,
section.join-section,
.community-section,
.bg-community,
div.gemeinschaft-section,
section.gemeinschaft,
.werden-sie-teil {
  background-color: #6c757d !important; /* Bootstrap灰色 */
  border-color: #6c757d !important;
  color: #ffffff !important;
}

/* 确保灰色背景上的文字清晰可见 */
.join-section h1,
.join-section h2,
.join-section h3,
.join-section.bg-primary h1,
.join-section.bg-primary h2,
.join-section.bg-primary h3,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.join-section .text-white,
.community-section h1,
.community-section h2,
.community-section h3,
.community-section p {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

/* 修改顶部导航栏颜色 */
.top-bar,
.top-bar.bg-primary,
.top-bar.text-white.py-2,
.top-bar.bg-primary.text-white.py-2 {
  background-color: #2e55a4 !important;
  color: #ffffff !important;
}

/* 顶部导航栏中的链接颜色 */
.top-bar a,
.top-bar.bg-primary a {
  color: #ffffff !important;
}

.top-bar a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: none !important;
}

/* 替换所有Bootstrap默认蓝色 */
:root {
  --bs-primary: #2e55a4 !important;
  --bs-primary-rgb: 46, 85, 164 !important;
  --bs-link-color: #2e55a4 !important;
  --bs-link-hover-color: #254785 !important;
  --bs-blue: #2e55a4 !important;
}

/* 替换按钮和交互元素颜色 */
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
a.bg-primary:hover,
button.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:focus {
  background-color: #2e55a4 !important;
  border-color: #2e55a4 !important;
}

.btn-outline-primary {
  color: #2e55a4 !important;
  border-color: #2e55a4 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  background-color: #2e55a4 !important;
  border-color: #2e55a4 !important;
  color: white !important;
}

/* 替换链接和高亮文本颜色 */
a:not([class]),
a.text-primary,
.text-primary {
  color: #2e55a4 !important;
}

/* 替换表单元素颜色 */
.form-control:focus,
.form-select:focus,
.form-check-input:checked {
  border-color: #2e55a4 !important;
  box-shadow: 0 0 0 0.25rem rgba(46, 85, 164, 0.25) !important;
}

.form-check-input:checked {
  background-color: #2e55a4 !important;
}

/* 替换进度条、警告框等组件颜色 */
.progress-bar {
  background-color: #2e55a4 !important;
}

.alert-primary {
  background-color: rgba(46, 85, 164, 0.15) !important;
  border-color: rgba(46, 85, 164, 0.3) !important;
  color: #2e55a4 !important;
}

/* 覆盖任何可能使用rgb(13 110 253)的内联样式 */
[style*="rgb(13, 110, 253)"],
[style*="rgb(13,110,253)"],
[style*="rgb(13 110 253)"],
[style*="#0d6efd"] {
  color: #2e55a4 !important;
}

[style*="background-color: rgb(13, 110, 253)"],
[style*="background-color: rgb(13,110,253)"],
[style*="background-color: rgb(13 110 253)"],
[style*="background-color: #0d6efd"],
[style*="background: rgb(13, 110, 253)"],
[style*="background: rgb(13,110,253)"],
[style*="background: rgb(13 110 253)"],
[style*="background: #0d6efd"] {
  background-color: #2e55a4 !important;
  background: #2e55a4 !important;
}

[style*="border-color: rgb(13, 110, 253)"],
[style*="border-color: rgb(13,110,253)"],
[style*="border-color: rgb(13 110 253)"],
[style*="border-color: #0d6efd"] {
  border-color: #2e55a4 !important;
}

/* 覆盖Bootstrap的.bg-primary类 */
.bg-primary {
  background-color: #011F5B !important;
}

/* 统一所有页面header下边缘效果 */
.site-header,
header#masthead,
.main-header,
.site-header.home,
body.home .site-header,
.site-header.front-page,
body.front-page .site-header,
body.page-template-front-page .site-header {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border-bottom: none !important;
  position: relative !important;
  z-index: 100 !important;
}

/* 确保下边缘下方没有额外的空白或分隔线 */
.site-header:after,
header#masthead:after,
.main-header:after {
  display: none !important;
}

/* 页面内容与header的间距保持一致 */
.site-content,
#content,
main#main,
body.home .site-content,
body.front-page .site-content {
  padding-top: 2rem !important;
}

/* 统一header导航菜单文字颜色 */
.main-navigation .nav-menu > li > a,
.main-navigation a,
.site-header .nav-menu a,
header#masthead .nav-menu a,
.main-header .nav-menu a,
.navbar-nav .nav-link,
.site-header .navbar-nav .nav-link,
.site-header .menu-item a,
#primary-menu a,
#site-navigation a,
.main-navigation ul li a,
.main-navigation li a {
  color: #2e55a4 !important;
}

/* 统一header导航菜单悬停状态文字颜色 */
.main-navigation .nav-menu > li > a:hover,
.main-navigation a:hover,
.site-header .nav-menu a:hover,
header#masthead .nav-menu a:hover,
.main-header .nav-menu a:hover,
.navbar-nav .nav-link:hover,
.site-header .navbar-nav .nav-link:hover,
.site-header .menu-item a:hover,
#primary-menu a:hover,
#site-navigation a:hover,
.main-navigation ul li a:hover,
.main-navigation li a:hover,
.main-navigation .nav-menu > li.current-menu-item > a,
.main-navigation .current-menu-item > a,
.site-header .nav-menu .current-menu-item > a,
.navbar-nav .nav-item.active .nav-link,
#primary-menu .current-menu-item > a {
  color: #011F5B !important;
}

/* 修改右侧sidebar高亮/选中/按钮背景颜色 */
.sidebar .active,
.sidebar .current,
.sidebar .current-menu-item,
.sidebar .current-category,
.sidebar-item.active,
.sidebar-link.active,
.sidebar .nav-item.active,
.sidebar .nav-link.active,
.sidebar .btn-primary,
.sidebar .active a,
.widget-area .active,
.widget-area .current-menu-item,
.widget-area .current-cat,
.widget-area .cat-item.active,
.widget-area .current-cat > a,
.widget_categories .current-cat,
.widget_categories .current-cat > a,
li.current-cat > a,
li.current-menu-item > a,
.sidebar .list-group-item.active,
.sidebar .btn-primary,
.sidebar .page_item.current_page_item,
.cat-item.current-cat,
.sidebar-menu .active,
.widget .active,
.knowledge-categories .active,
.wissenskategorien .active,
.aktienmarkt.active,
.sidebar-nav .active,
.nav-sidebar .active,
.list-group-item.active {
  background-color: #2e55a4 !important;
  border-color: #2e55a4 !important;
  color: #ffffff !important;
}

/* sidebar链接悬停状态 */
.sidebar a:hover,
.sidebar .btn-primary:hover,
.sidebar-item:hover,
.sidebar-link:hover,
.sidebar .nav-link:hover,
.widget-area a:hover,
.widget_categories a:hover,
.sidebar .list-group-item:hover,
.sidebar .page_item a:hover,
.cat-item a:hover,
.sidebar-menu a:hover,
.widget a:hover,
.knowledge-categories a:hover,
.wissenskategorien a:hover,
.sidebar-nav a:hover,
.nav-sidebar a:hover,
.list-group-item:hover {
  background-color: rgba(46, 85, 164, 0.1) !important;
  color: #2e55a4 !important;
}

/* 覆盖Bootstrap的.bg-primary类 */
.bg-primary {
  background-color: #011F5B !important;
}

/* 针对移动设备全局隐藏水平滚动条 */
@media (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
  }
}