/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Version: 1.0
 Description: Child theme for GeneratePress
 Author: Your Name
 Author URI: https://hksexdoll.com
 Text Domain: generatepress-child
*/

@import url("../generatepress/style.css");
/*1 seacher product Overall search form style*/
.woocommerce-product-search {
    display: flex; 
    align-items: center; 
    max-width: 500px; 
    margin: 0 auto; 
    border-radius: 30px; 
    overflow: hidden; 
    border: 1px solid #ccc;  
    background-color: #fff; 
}
.woocommerce-product-search .search-field {
    flex: 1;                     
    padding: 10px 15px; 
    border: none;      
    outline: none; 
    font-size: 16px;
    border-radius: 0;
}
.woocommerce-product-search button {
    padding: 10px 15px;
    border: none;
    background-color: #000;  
    color: #fff;   
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
} 
.woocommerce-product-search button::before {
    content: "\1F50D";  
    margin-right: 5px;  
} 
.woocommerce-product-search button:hover {
    background-color: #333; 
}
@media (max-width: 480px) {
    .woocommerce-product-search {
        max-width: 100%; 
    }
    .woocommerce-product-search .search-field,
    .woocommerce-product-search button {
        font-size: 14px;
        padding: 8px 10px;
    }
}
/*2 display woocommerce products heade title*/
.woocommerce-products-header__title.page-title {
    display: none;
}
/*3-1 PC Thumbnail left, large image right */
@media (min-width: 1025px) {
    .woocommerce-product-gallery {
        display: flex;
        flex-direction: row-reverse;
        gap: 2px;
    }
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
       max-height: calc(8 * (80px + 10px));
       overflow-y: auto !important; 
    }
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
    width: 0;
}
    .woocommerce-product-gallery .flex-control-thumbs li {
		width: 100% !important;
        margin: 0 0 5px 0 !important;
    }
.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 80px !important; 
    object-fit: cover;
	 border-radius: 4px;
    .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
        flex: 1;
    }
}}
@media (max-width: 1024px) {
    .woocommerce-product-gallery {
        display: block;
    }
    .woocommerce-product-gallery .flex-control-thumbs {
        display: flex;
		flex-direction: row;
		justify-content: center;
        width: 100%; 
    }
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 8% !important;
        margin: 0 3px !important;
    }}
@media (max-width: 768px) {
    .flex-control-nav.flex-control-thumbs li {
        width: 6% !important; }}
@media (max-width: 480px) {
    .flex-control-nav.flex-control-thumbs li {
        width: 5% !important; 
    }}
/*4-2 woocommerce breadcrumb */
.woocommerce-breadcrumb a {
    color: #0073aa;
    text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}
/*5 Product Detail Page Image Thumbnail (PC Default) */
.single-product .div1 img {
  width: 13.5%;
  margin-bottom: 2px !important;
  margin-right: 2px !important; 
} 
@media screen and (max-width: 640px) {
  .single-product .div1 img {
    	  width: 24%;
    margin-bottom: 0.5px !important;
    margin-right: 2px !important; 
  }
}
/*6-3 Hide SKu tag */
.product_meta .sku_wrapper {
  display: none;
}
.product_meta .tagged_as {
  display: none;
}
.product_categories a {
    color: #007BFF;  
    text-decoration: none;  
}
.product_categories a:hover {
    text-decoration: underline;  
    color: #0056b3;
}
.product_categories {
    font-size: 14px;
}
.product_categories span {
    margin-right: 5px;
}
/*7 price Discount style */
.price {
    display: inline-flex;
    align-items: center;
}
.sale-price {
    color: #E53E3E;
    font-size: 1.2em;
    margin-right: 12px;
}
.regular-price {
    color: rgb(118, 118, 118);
    text-decoration: line-through;
    font-size: 0.7em;
    margin-right: 12px;
}
.discount-percentage {
    color: #ffffff;
    background: rgb(0, 0, 0);
    padding: 1px 3px;
    border-radius: 3px;
    font-size: 0.5em;
}
/*8 Product page detail style*/
.p-3.text-c{outline:0.5px dashed red !important; fill:red !important;text-align: center;FONT-WEIGHT:200;padding: 0.5rem!important;}
.mb-0, .my-0{margin-bottom:0!important;}
.items-center {align-items: center;}
  ul.list-reset {list-style: none;padding:0;margin: 0 0 0.2em;}
  ul.list.dashed > li {padding: 10px 0;border-bottom: 1px dashed #dddddd;}
  .flex {display:flex;}
  .font-color6 {color:#666666;}
  .ml-3, .mx-3 {margin-left: 1rem!important;}
  .fa-check-circle:before {content: "\f182";}
  .bold {font-weight:bold;}
  .font-r075 {font-size:0.75rem;}


/* 2️⃣ Sale 标签悬浮在图片上方 */
.related.products .product .onsale {
    position: absolute;
    top: 10px;           /* 调整垂直位置 */
    left: 10px;          /* 调整水平位置 */
    z-index: 5;
    background-color: #ff0000; /* 红色背景，可自定义 */
    color: #fff;          /* 字体颜色 */
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
}

/* 确保父容器 position 为 relative，以便 Sale 标签绝对定位 */
.related.products .product .woocommerce-LoopProduct-link,
.related.products .product .woocommerce-loop-product__link {
    position: relative;
    display: block;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* =========================
   页脚整体样式 - clamp 自适应
   ========================= */
.elementor-location-footer {
    font-family: 'Poppins', sans-serif; /* 支持中英文 */
    font-size: clamp(14px, 1.2vw, 16px); /* 自适应字体 */
    color: #ffffff; /* 文本颜色 */
    background-color: #111827; /* 背景颜色 */
    text-align: center; /* 居中 */
}

/* 页脚链接 */
.elementor-location-footer a {
    color: #66ccff; /* 链接颜色 */
    transition: color 0.3s ease;
}
.elementor-location-footer a:hover {
    color: #ff9900; /* 悬停颜色 */
}

/* 页脚标题 (h1-h3) */
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3 {
    font-size: clamp(16px, 1.5vw, 18px); /* 标题自适应字体 */
    color: #ffffff;
    margin-bottom: 0.5em;
}

/* WooCommerce 页脚一致性 */
.woocommerce .elementor-location-footer {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 1.2vw, 16px) !important;
    color: #ffffff !important;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em; /* 假设每行约1.5em，根据字体大小调整 */
    line-height: 1.5em; /* 控制行高 */
    margin: 0;
}