/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.single-product .kadence-breadcrumbs {
    margin-top: 1rem !important; 
}

/* 按钮基础样式 */
.btn-14 {
  position: relative;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff; /* 默认白色文字 */
  background-color: #0073e6; /* 蓝色背景（默认状态） */
  border: none;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 6px;
  box-shadow:
    -7px -7px 20px 0px #fff9,
    -4px -4px 5px 0px #fff9,
    7px 7px 20px 0px #0002,
    4px 4px 5px 0px #0001;
  transition: color 0.3s ease;
}

/* 伪元素：黑色背景层，初始缩放为0（隐藏） */
.btn-14::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 6px;
  background-color: #000;
  /* 关键：初始缩放为0，从中心展开 */
  transform: scaleX(0);
  transform-origin: center; /* 从中心缩放 */
  transition: transform 0.3s ease-in-out;
  box-shadow:
    -7px -7px 20px 0px #fff9,
    -4px -4px 5px 0px #fff9,
    7px 7px 20px 0px #0002,
    4px 4px 5px 0px #0001;
}

/* 悬停时：展开黑色背景 */
.btn-14:hover::after {
  transform: scaleX(1); /* 完全展开 */
}

/* 可选：点击时轻微下移 */
.btn-14:active {
  transform: translateY(2px);
}
/**/
.product-action-wrap {
    bottom: -1.7rem;
    opacity: 1;
}