/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** 产品详情样式调整 ***************/
/* 确保无列表样式 */
.product-attributes {
    list-style: none; /* 移除默认列表样式 */
    padding: 0;       /* 移除内边距 */
    margin: 0;        /* 移除外边距 */
}

/* 调整列表项 */
ul.product-attributes li {
    margin-left: 0 !important; /* 设置li的边距为0，与下面的产品描述对齐 */
    margin-bottom: 15px; /* 增加每个列表项之间的间距 */
    z-index: 999; /* 确保该元素在上层 */
}

/* 强调属性名 */
.product-attributes li strong {
    font-weight: 700;    /* 加粗属性名 */
}

/* 可选：设定属性值的颜色 */
.product-attributes li span {
    color: #555;          /* 设置属性值的颜色 */
}

/* 可选：设定属性名与属性值的间距 */
.product-attributes li strong + span {
    margin-left: 5px;    /* 属性名和属性值之间的间距 */
}
/*变体价格大小*/
.woocommerce-variation-price{
	font-size: 1.3em;
}

/*产品页侧边栏上部分背景变透明*/
.wpc-filters-widget-top-container:before, .wpc-filters-widget-top-container{
	background-color:transparent !important;
	border-top:0 !important;
	z-index:9999;
}
.yay-currency-single-page-switcher{
	margin:0;
	padding:4px 0;
	background-color:transparent;
}
div.yay-currency-custom-select-wrapper{
	border-radius: 0;
	background-color:transparent;
}
.yay-currency-custom-select__trigger.small {
	border-radius: 0;
    height: 25px;
	background-color: #ffffff;
    color: black;
}
.yay-currency-custom-select.open .yay-currency-custom-options {
 	border-radius: 0;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}
.woocommerce-pagination.gcw-busy { pointer-events: none; opacity: .6; }



/* ========== PDP Grid Layout (PC) ========== */
@media (min-width: 849px) {

  /* 总容器改成 grid：左内容 + 右 buybox */
  .gcw-pdp{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px;
    grid-template-areas:
      "gallery buybox"
      "details buybox";
    gap: 24px;
    align-items: start;
  }

  /* 三块区域定位 */
  .gcw-pdp__gallery{ grid-area: gallery; }
  .gcw-pdp__buybox{ grid-area: buybox; }
  .gcw-pdp__details{ grid-area: details; }

  /* sticky buybox */
  .gcw-pdp__buybox{
    position: sticky;
    top: 90px; /* 这里改成你 header 的真实高度 + 间距 */
    align-self: start;
  }

  /* 解决 sticky 常见失效：祖先 overflow / transform */
  .gcw-pdp,
  .gcw-pdp > .col,
  .gcw-pdp > .col > .col-inner{
    overflow: visible !important;
  }
}

/* ========== PDP Layout (Mobile) ========== */
@media (max-width: 848px) {

  /* 移动端按顺序自然堆叠：gallery -> buybox -> details */
  .gcw-pdp{
    display: block !important;
  }

  .gcw-pdp__buybox{
    position: static !important;
    top: auto !important;
  }
}