@import "main.css";
@import "fonts/stylesheet.css";

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

**/


.fpd-off-canvas fpd-main-bar{
    order: 1 !important;
}


#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #202020;
    border-top: 1px solid #353535;
}


.mspc-wrapper.mspc-items-horizontal .mspc-variation .mspc-radio{
	display:none;
}

.mspc-content .mspc-variations .mspc-variation {
    position: relative;
    padding: 15px;
    cursor: pointer;
    transform: scale(1);
    display: flex !important;
;
    gap: 10px;
    flex-direction: column !important;
    border-radius: 6px;
    align-content: center!important;
    justify-content: center!important;
    align-items: center!important;
}


@media only screen and (max-width: 48em){

.mspc-wrapper.mspc-items-horizontal .mspc-variation {
    flex-direction: row;
    align-items: flex-start;
    border: 0;
    PADDING: 0;
}
}


.woocommerce-form-coupon-toggle {
    background: #fff;
    border: 1px solid #e1e5e9;
    border-radius: 12px;
    padding: 24px;
    margin: 24px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.woocommerce-info {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #6c757d;
}

.showcoupon {
    color: #6aad1c !important;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

.showcoupon:hover {
    border-bottom-color: #007cba;
}
.woocommerce-form-coupon-toggle .showcoupon{
	font-weight:900;
}


.white-gradient-left .img-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, white 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}



/* 产品详情未选中偏移*/
.mspc-wrapper.mspc-items-horizontal .mspc-variation {
    flex-direction: row;
    align-items: flex-start;
    border: 3px solid transparent;
}

/* 修复订单错位*/
.wc-item-meta {
    margin-top: 1.3em;
    display: flex;
}

.woocommerce-breadcrumb{
	display:none;
}


.mspc-pa_material-bg {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 一行 3 个 */
  gap: 20px; /* 可选：间距 */
  padding: 20px;
}

.mspc-pa_bag-back-color{
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important; /* 一行 5 个 */
  gap: 20px; /* 可选：元素之间的间距 */
  padding: 20px;
}


/* 修复分享错位*/
.fpd-share-design > * {
    display: inline-block;
    margin: 10px 10px 0 0;
    width: 380px;
}




.flickity-slider .row{
	top:0;
}

.fpd-view-switcher {
  position: fixed;      /* 固定位置 */
  top: 20px;            /* 距离顶部 */
  right: 20px;          /* 右边 */
  background: #0073e6;  /* 蓝色背景 */
  padding: 10px 15px;   /* 内边距 */
  border-radius: 5px;   /* 圆角 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 9999;        /* 置顶 */
}

.fpd-view-switcher button {
  font-size: 16px;
  color: #fff;
  border: none;
  background: transparent;
  margin: 0 5px;
  cursor: pointer;
}

.fpd-view-switcher button:hover {
  color: #ffcc00;
}





/*多语言插件*/

.gt_float_switcher {
    position: absolute;
    min-width: 200px;
    top: -25px;
    right: 0;
}

@media only screen and (max-width: 48em){
    .gt_float_switcher {
        position: absolute;
        width: 200px;
        top: 0;
    }
}

.gt_float_switcher,
.gt_options{
    background: #333 !important; 
}
.gt_float_switcher .gt_options a{
    color: #999 !important;
}
.gt-open {
    opacity: 1;
    transform: translateX(0px);
    position: absolute;
    
}
.gt_float_switcher img {
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: auto;
    margin: 0 5px 0 0;
    border-radius: 1px;
}
.gt_float_switcher .gt_options a:hover {
    background: #555 !important;
    color: #fff;
}
.gt_float_switcher .gt-selected .gt-current-lang,
.gt_float_switcher .gt_options a {
    font-size: 13px;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    position: absolute;
    transform: rotate(-360deg) !important;
    right: 20px;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
    transform: rotate(180deg) !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    color: #fff !important;
}

.gt_float_switcher .gt-selected {
    background-color: #333 !important;
}
/*底部询盘*/
.mc4wp-form-fields{
    text-align: center;
}
.mc4wp-form-fields #email{
    width: 70%;
    float: left;
}

/* 字体修改 */
.cat-list img{
    border-radius: 12px;
}
.ad-list{
    position: relative;
}
.box-shadow-2,
.ad1 .banner{
        box-shadow: 2px 4px 12px #00000014
}

.ad3 .badge-container{
    display: none;
}

.ad1 .box-image img {
    max-height: 92px;
}

h1, h2, h3, h4{
   font-family: Gilroy;
}

p,body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a {
     font-family: Inter;
 
}
.banner h1, .banner h2, .banner h3 {
    font-weight: 800;
    
}
.color-variable-items-wrapper,
.color-variable-items-wrapper .variable-item:not(.radio-variable-item),
.color-variable-items-wrapper li *{
    border-radius: 50% !important;
}

.button-variable-items-wrapper li{
    height: 40px !important;
    width: 30% !important;
    float: left !important;
}
@media only screen and (max-width: 48em) {
  .button-variable-items-wrapper li{
    width: 47% !important;

}  
}
.button-variable-items-wrapper .variable-item-contents{
        padding: 2px 20px !important;
}
.button-variable-items-wrapper li{
    border-radius: 0 !important;  
}
.button-variable-items-wrapper span{

  
}
.variations tr:not(:last-child) {
    margin-bottom: 30px !important;
    display: inline-block;
}

.single_add_to_cart_button {
    width: 100%;
}

.woocommerce-variation-add-to-cart, form.cart {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    width: 100%;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before{
   
    background-size: 32%; 
}

.star-rating span:before {
    color: #ceb18f;
    
}

.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
    display: block;
    text-align: start;
    width: auto !important;
    font-size: 70%;
}

/*顶部*/
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .15);
}

.header-full-width .container {
    max-width: 98% !important;
}

/*底部*/
footer li{
    font-size: 13px;
}

footer .widget_nav_menu{
    padding: 0;
}

footer .dark .widget>ul>li+li,
footer .dark ul.menu>li+li {
    border: none;
}