/*
Theme Name: yst-theme
Description: coolmountain theme
Author: kerwin
Version: 1.0
last update time: 2025-02-27
*/

/*
  header 样式
*/
/* 重置默认样式 */
html, body, header {
  margin: 0;
  padding: 0;
}

/* 确保所有元素的盒模型一致 */
* {
  box-sizing: border-box;
}





body {
  margin: 0 !important;
  background-color: #f0f0f1;
  font-family: "Poppins", sans-serif;
}

footer {

  background-color: #333;
  
}


.wp-block-group{
  padding: 50px;
}
.footer-mobile-extra {
  /* 桌面端即使 HTML 存在也不显示 */
  display: none;
}

/* 默认都不显示 */
.footer-mobile-extra,
.footer-mobile-copyright {
display: none;
}
@media (max-width: 768px) {
  footer{
      background-color: #000000;
      margin:-50px 0；
  }
.footer-center {
  padding: 0 20px 0 20px;
}
.icon-content{
  padding: 0 20px 0 10px;
}
  .footer-container .icon-content .icon-a {
    text-decoration: underline solid transparent !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    -webkit-tap-highlight-color: transparent !important;
  }
/* 整体 li 样式 */
.footer-center ul li {
  border-top: 1px solid transparent; /* 默认透明，后面用 nth-child 覆盖 */
  margin: 0 0 0 -40px;
  padding: 0;
}


.footer-center ul li:nth-child(1) {
  border-top-color: hsl(0, 0%, 40%); /* 深灰 */; /* 红 */
}
.footer-center ul li:nth-child(2) {
  border-top-color: hsl(0, 0%, 45%);/* 绿 */
}
.footer-center ul li:nth-child(3) {
  border-top-color: hsl(0, 0%, 50%); /* 蓝 */
}
.footer-center ul li:nth-child(4) {
  border-top-color: hsl(0, 0%, 55%); /* 橙 */
}
.footer-center ul li:nth-child(5) {
  border-top-color: hsl(0, 0%, 60%); /* 灰 */
}
 .footer-center ul li:last-child {
  border-bottom: 1px solid #fff;
}

/* 一级链接样式（充当手风琴标题） */
.footer-center ul li > a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0px;
background: #000;
color: #fff;
font-size: 20px;
font-weight: 600;
position: relative;
text-decoration: none;
}
 .footer-center ul li > a {
  color: #fff;
  transition: color 0.3s ease;
}

/* 悬停或激活时文字变橙 */
.footer-center ul li:hover > a {
  color: #ff6801;
}

/* 箭头指示器 */
/* 默认：显示加号 */
.footer-center ul li > a::after {
content: "+";               /* 加号 */
display: inline-block;
font-size: 30px;            /* 按需调整大小 */
font-weight: 250;          /* 按需调整粗细 */
transition: transform 0.3s;
margin-left: 10px;
color:#888888
}

/* hover/展开时：显示减号 */
.footer-center ul li:hover > a::after {
content: "-";               /* 减号 */
transform: none;            /* 取消之前的旋转 */
}

/* 默认隐藏二级菜单 */
.footer-center ul li .center-li {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}

/* hover（tap）时：展开二级菜单 & 翻转箭头 */
.footer-center ul li:hover .center-li {
max-height: 500px; /* 根据实际链接数量调整这个值 */
}
.footer-center ul li:hover > a::after {
transform: rotate(0deg);
}

/* 二级菜单链接样式 */
.footer-center ul li .center-li a {
display: block;
padding: 8px 20px;
background: #222;
color: #ccc;
font-size: 14px;
text-decoration: none;
border-top: 1px solid #333;
}
.footer-center ul li .center-li a:hover {
background: #333;
color: #fff;
}
/* —— 放大 .footer-top 里的 Logo 和其他图片/SVG —— */
.footer-container.footer-top .footer-logo svg,
.footer-container.footer-top .footer-logo img {
width: 180px !important;    /* 根据需要调整到合适大小 */
height: auto !important;
padding: 40px 0 10px 20px !important;
}

/* —— 如果你在 .footer-top 里还有其它 <img> —— */
.footer-container.footer-top img {
width: 100px !important;
height: auto !important;
}

/* —— 同时放大 .footer-top 下的社交图标（若是 SVG） —— */
.footer-container.footer-top .icon-content svg {
width: 50px !important;     /* 根据需要调整 */
height: 40px !important;
}
.footer-mobile-extra {
  display: block;
  padding: 0 20px;
  text-align: left;
  margin-top: -20px;
  
}
.footer-mobile-extra .mobile-follow-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: -1rem;
  color: #fff;
}
.footer-mobile-extra .mobile-follow-desc {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #ccc;
}

.footer-mobile-copyright {
  display: block;
  padding: 0px 10px 0 10px;
  text-align: center;
  background: #000;    /* 可根据实际背景色调整 */
  color: #aaa;
  font-size: 0.75rem;
}
.footer-mobile-copyright p {
  margin:0em 0em 0em 0em;
  font-size: 1.1em;
  line-height: 1.8;
}
.footer-mobile-copyright a {
  color: #aaa;
  text-decoration: underline;
  font-size: 0.75rem;
}
.wrapper > * {
  display: none !important;
}
/* 但如果 footer 在 .wrapper 里面，就让它重现 */
.wrapper > footer {
  display: block !important;
}
.footer-mobile-copyright .copy-text-white {
color: #ffffff;
}
	  .backdrop.mobile-only {
  z-index: 1!important;        /* 层级高 */
}

.flavor-image {
  z-index: 0!important;        /* 层级低于 backdrop.mobile-only */
}

}