/* 搜索框样式 */

/* 重置所有干扰样式 */
.rd-navbar-element {
  position: static !important;
  float: right !important;
  margin-right: 20px !important;
}

.rd-navbar-search-toggled {
  display: inline-block !important;
}

/* 搜索按钮 */
.rd-navbar-search-toggled .rd-navbar-search-toggle {
  display: inline-block !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  padding: 10px !important;
  color: #ffffff !important;
}

/* 搜索表单 - 居中定位，不是全屏 */
.rd-navbar-main-outer {
  position: relative !important;
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  overflow: visible !important;
}

.rd-navbar-search-toggled .rd-search {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  z-index: 999999 !important;
  background: #005523 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* 激活时显示搜索框 - 仅在桌面端 */
@media (min-width: 769px) {
  .rd-navbar-search-toggled.active .rd-search {
    display: block !important;
  }
}

/* 激活时隐藏按钮 - 仅在桌面端 */
@media (min-width: 769px) {
  .rd-navbar-search-toggled.active .rd-navbar-search-toggle {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* 表单容器 - 和导航条同高70px，使用flex居中 */
.rd-navbar-search-toggled .rd-search .form-wrap {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  background: #005523 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* 输入框 - 深绿色背景，白色文字，和导航条同高70px */
.rd-navbar-search-toggled .rd-search .form-input {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 80px 0 30px !important;
  font-size: 18px !important;
  line-height: normal !important;
  border: none !important;
  background-color: #005523 !important;
  background: #005523 !important;
  color: #ffffff !important;
  display: block !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  box-shadow: none !important;
  text-indent: 0 !important;
}

/* placeholder */
.rd-navbar-search-toggled .rd-search .form-input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: normal !important;
}

/* 聚焦状态 - 保持深绿色背景 */
.rd-navbar-search-toggled .rd-search .form-input:focus {
  outline: none !important;
  background-color: #005523 !important;
  background: #005523 !important;
  box-shadow: none !important;
}

/* 移除自动填充的背景色，改为深绿色 */
.rd-navbar-search-toggled .rd-search .form-input:-webkit-autofill,
.rd-navbar-search-toggled .rd-search .form-input:-webkit-autofill:hover,
.rd-navbar-search-toggled .rd-search .form-input:-webkit-autofill:focus,
.rd-navbar-search-toggled .rd-search .form-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #005523 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #005523 !important;
  background: #005523 !important;
}

/* 提交按钮 - 白色图标，相对于form定位 */
.rd-navbar-search-toggled .rd-search .rd-navbar-search-submit {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 50px !important;
  width: 50px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 24px !important;
  color: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
}

.rd-navbar-search-toggled .rd-search .rd-navbar-search-submit:hover {
  color: #cccccc !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
}

.rd-navbar-search-toggled .rd-search .rd-navbar-search-submit:active {
  color: #ffffff !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}

.rd-navbar-search-toggled .rd-search .rd-navbar-search-submit:focus {
  outline: none !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}

.rd-navbar-search-toggled .rd-search .rd-navbar-search-submit::before {
  color: #ffffff !important;
}

/* 响应式 */
@media (max-width: 768px) {
  /* 在移动端完全禁用PC端的搜索覆盖层 */
  .rd-navbar-search-toggled .rd-search,
  .rd-navbar-search-toggled.active .rd-search {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  
  /* 在移动端也不要隐藏搜索按钮 */
  .rd-navbar-search-toggled .rd-navbar-search-toggle,
  .rd-navbar-search-toggled.active .rd-navbar-search-toggle {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}