/*
Theme Name: Astra Child
Template: astra
*/

/* 导航栏 */
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link{
    color:#dc9c51;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle{
    color:#dc9c51;
}
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu{
    border-color: #dc9c51;
}
/* 导航栏 */

/* 首页banner */

/* 轮播容器样式 */
.custom-carousel-container {
    position: relative;
    width: 100%;
    height: 500px;  /* 根据你的实际高度调整 */
    overflow: hidden;
    background: #000;
}

/* 轮播项公共样式 */
.custom-carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    visibility: hidden;
}

/* 激活状态的轮播项 */
.custom-carousel-item.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

/* 轮播项 1：图片背景（适配你现有的样式） */
.custom-carousel-item:first-child {
    background-image: url('https://feemioperfume.com/wp-content/uploads/2026/05/banner-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 视频样式 */
.custom-carousel-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* YouTube iframe 样式 */
.custom-carousel-item iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* 文字内容叠加层（保持与你原有样式一致） */
.banner-content {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 70%;
    padding: 0 20px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.banner-content h1 {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.banner-content h4 {
    font-size: 1.25rem;
    margin-top: 1rem;
}

/* 视频上方的文字叠加（如果视频没有文字，可以不加） */
.video-overlay {
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

/* 轮播控制按钮 */
.carousel-prev,
.carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    font-size: 18px;
    transition: background 0.3s ease;
}

.carousel-prev {
    left: 20px;
}

.carousel-next {
    right: 20px;
}

.carousel-prev:hover,
.carousel-next:hover {
    background: rgba(0,0,0,0.8);
}

/* 轮播指示点 */
.carousel-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}

.dot {
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active {
    background: #fff;
    transform: scale(1.2);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .custom-carousel-container {
        height: 400px;
    }
    
    .banner-content{
        width: 100%;
        left: 50%;
    }
    
    .banner-content h1 {
        font-size: 1.8rem;
    }
    
    .banner-content h4 {
        font-size: 1rem;
    }
}
/* banner轮播样式 */


 .elementor-829 .elementor-element.elementor-element-1c31441{
    min-height: auto;
 }
 .elementor-element-7c4b2bf>.e-con-inner{
    text-align: center;
    width: 60%;
    margin-left: 5%;
    margin-top: 10%;
    margin-bottom: 10%;
 }
 .e-1f90753-932280d .e-heading-base{
    margin-top: 4em;
 }
 .elementor-element-7c4b2bf>.e-con-inner>h1{
    font-size: 2.2em;
 }
 .elementor-element-7c4b2bf>.e-con-inner>h4{
    font-size: 1.2em;
 }

 /* 隐藏图文分离的banner */
.elementor-element-1c31441{
    display: none;
}
 /* 隐藏图文分离的banner */

 /* 隐藏原来的banner图片 */
 .elementor-element-5f69bb2{
    display: none;
 }
  /* 隐藏原来的banner图片 */

/* 首页banner */


:is(.elementor-widget-image-box, .elementor-image-box-title .elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title) a{
    text-decoration: none;
}

.elementor-element-7e0b9e5 .e-con.e-child .elementor-widget__width-initial.elementor-widget.elementor-widget-heading{
    width: auto;
    padding-right: 9px;
}

.elementor-element-7e0b9e5 .e-con.e-child .elementor-widget__width-initial.elementor-widget.elementor-widget-heading:hover{
    border-color: #dc9c51;
    background-color: #edd789;
}
.elementor-element-7e0b9e5 .e-con.e-child .elementor-widget__width-initial.elementor-widget.elementor-widget-heading:hover a{
    color:#000;
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{
    text-decoration: none;
}

/* 隐藏 Elementor 文章列表或归档页面中的作者头像 */
.elementor-post__meta-data span.elementor-post-avatar{
    display: none;
}
/* 隐藏 Elementor 文章列表或归档页面中的作者头像 */

#ast-scroll-top{
    background-color: #edd789;
    color: #000;
}

/* 面包屑 */
.woocommerce-js .woocommerce-breadcrumb{
    color: #000;
    font-weight: 700;
    line-height: 10px;
    text-align: start;
}
.elementor-284 .elementor-element.elementor-element-774b145 .woocommerce-breadcrumb{
    color: #000;
}
.woocommerce-js .woocommerce-breadcrumb a{
    color: #000;
}
/* 面包屑 */

/* 文件选择按钮 */
/* 隐藏原始的文件输入框 */
.elementor-field-type-upload input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/* 圆形按钮容器 */
.elementor-field-group-field_0307b00 {
    width: 80px !important;
    height: 80px !important;
    /* background-color: #f5f5f5; */
    position: relative !important;
    cursor: pointer !important;
    padding-top: calc(11px / 2);
    padding-bottom: calc(11px / 2);
}

/* 隐藏原有的 + 号文字（整个 label 隐藏） */
.elementor-field-group-field_0307b00 > .elementor-field-label {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: transparent !important;      /* 文字透明，隐藏原来的 + */
    font-size: 0 !important;            /* 字号为0，确保文字不可见 */
    /* background: transparent !important; */
    cursor: pointer !important;
    background-color: #f5f5f5;
    
}

/* ===== 用父容器的伪元素绘制加号 ===== */
/* 横线 - 挂在容器上 */
.elementor-field-group-field_0307b00::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 28px !important;      /* 加号长度 */
    height: 2px !important;      /* 加号粗细（细长效果） */
    background-color: #9d9d9d !important;
    border-radius: 2px !important;
    z-index: 1 !important;
}

/* 竖线 - 挂在容器上 */
.elementor-field-group-field_0307b00::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 2px !important;
    height: 28px !important;
    background-color: #9d9d9d !important;
    border-radius: 2px !important;
    z-index: 1 !important;
}

/* 鼠标悬停效果 */
.elementor-field-group-field_0307b00 > .elementor-field-label:hover {
    background-color: #e8e8e8 !important;
}

.elementor-field-group-field_0307b00 > .elementor-field-label:hover::before,
.elementor-field-group-field_0307b00 > .elementor-field-label:hover::after {
    background-color: #666666 !important;
}

/* 圆形按钮容器 - 确保能够容纳文件名 */
.elementor-field-group-field_0307b00 {
    width: 80px !important;
    height: 80px !important;
    position: relative !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 伪元素绘制加号 - 挂在容器上 */
.elementor-field-group-field_0307b00::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 28px !important;
    height: 2px !important;
    background-color: #9d9d9d !important;
    z-index: 1 !important;
}

.elementor-field-group-field_0307b00::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 2px !important;
    height: 28px !important;
    background-color: #9d9d9d !important;
    z-index: 1 !important;
}

/* 鼠标悬停效果 */
.elementor-field-group-field_0307b00 > .elementor-field-label:hover {
    background-color: #e8e8e8 !important;
}

.elementor-field-group-field_0307b00:hover::before,
.elementor-field-group-field_0307b00:hover::after {
    background-color: #666666 !important;
}

/* 文件名显示样式 */
.file-name-display {
    font-size: 11px !important;
    color: #666 !important;
    text-align: center !important;
    margin-top: 90px !important;  /* 在圆形按钮下方显示 */
    word-break: break-all !important;
    max-width: 120px !important;
    position: absolute !important;
    bottom: -30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}



.elementor-field-group-field_ea117ac{
    margin-left: 20px;
    margin-top: 15px;
    font-size: 12px;
    width: 70% !important;
}
.elementor-field-group-field_ea117ac>p{
    margin-bottom: 0;
}

.elementor-field-group-field_4ad7eca{
    margin-left: 8px;
    margin-top: 18px;
    font-size: 12px;
    width: 70% !important;
}
.elementor-field-group-field_4ad7eca>p{
    margin-bottom: 0;
}

.elementor-field-group-field_c39b4d8{
    margin-left: 8px;
    margin-top: 18px;
    font-size: 12px;
    width: 70% !important;
}
.elementor-field-group-field_c39b4d8>p{
    margin-bottom: 0;
}
/* 文件选择按钮 */

/* 表单提交按钮 */
/* .elementor-71 .elementor-element.elementor-element-231d1f3 .elementor-button[type="submit"]{
    width: 85%;
}
.elementor-1167 .elementor-element.elementor-element-505cc3e9 .elementor-button[type="submit"]{
    width: 85%;
}
.elementor-1167 .elementor-element.elementor-element-736111fa .elementor-button[type="submit"]{
    width: 85%;
} */
.elementor-labels-above .elementor-button[type="submit"]{
    width: 85%;
}
/* 表单提交按钮 */


.pro-sidebar-close-button{
    display: none !important;
}

.page-numbers{
    margin-top: 10px !important;
}

/* PC端：产品侧边栏始终显示 */
.elementor-widget-sidebar {
    display: block !important;
}

.elementor-share-btn{
    border-radius: 5px;
}

.ast-article-single figure, .ast-article-single img.size-thumbnail{
    box-shadow: none !important;
}

/* 底部社媒按钮样式 */
.footer-widget-area-inner ul.wp-block-social-links-is-layout-flex li.wp-block-social-link{
    border-radius: 9999px;
}

.footer-widget-area-inner ul.wp-block-social-links-is-layout-flex li.wp-block-social-link a.wp-block-social-link-anchor{
    /* padding: .375em; */
    padding: 7px;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: none;
    align-items: center;
    display: flex;
    line-height: 0;
    fill:#fff;
    color: #fff;
}
/* 这里的样式是复制的/wp-includes/css/dist/block-library/style.min.css?ver=7.0文件中的对应样式，因elementor创建的页面没有加载这个文件，后面若需这个文件的样式可以复制到这里 ----start*/
.wp-block-social-link:hover {
    transform: scale(1.1)
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}
/* 这里的样式是复制的/wp-includes/css/dist/block-library/style.min.css?ver=7.0文件中的对应样式，因elementor创建的页面没有加载这个文件 ----end*/

.footer-widget-area-inner ul.wp-block-social-links-is-layout-flex li.wp-block-social-link a.wp-block-social-link-anchor:hover{
    border-bottom:0;
    box-shadow:none;

}
/* 底部社媒按钮样式 */

/* PC 端样式 - 屏幕宽度 ≥ 769px */
@media (min-width: 769px) {
    /* 确保 PC 端始终显示，不受手机端类名影响 */
    .elementor-widget-sidebar {
        display: block !important;
    }
    
    /* 覆盖所有可能隐藏的类名 */
    .elementor-widget-sidebar.mobile-sidebar-hidden {
        display: block !important;
    }

    .main-sidebar-pro-columns .main-sidebar-pro-box .wp-block-image a img[class*="wp-image-"]{
        width: 80px !important;
        height: 80px !important;
        max-width: 80% !important;
        max-height: 80% !important;
        object-fit: contain !important;
    }
}


/* 只在手机端生效 */
@media (max-width: 768px) {

    .elementor-829 .elementor-element.elementor-element-1c31441{
        height: 250px;
    }
     .elementor .elementor-background-slideshow__slide__image{
        background-position: 75%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .elementor-element-7c4b2bf>.e-con-inner {
        width: 70%;
        margin-left: 1%;
        margin-top: 0;
        margin-bottom: 0;
        gap: 10px;
    }
    .elementor-element-7c4b2bf>.e-con-inner>h1{
        font-size: 1.5em;
    }
    .elementor-element-7c4b2bf>.e-con-inner>h4{
        font-size: 1.2em;
    }

    .elementor-widget-sidebar.mobile-sidebar-hidden {
        display: none !important;
    }

    .pro-sidebar-close-button{
        display: block !important;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }
    
    /* 1. 侧边栏默认隐藏，从左侧滑出 */
    .elementor-widget-sidebar {
        position: fixed !important;
        top: 0px !important;
        left: 0 !important;
        /* width: 85% !important;
        max-width: 320px !important; */
        height: 100% !important;
        background: #fff !important;
        z-index: 99999 !important;
        padding: 50px 20px 20px 20px !important;
        overflow-y: auto !important;
        /* transform: translateX(-100%) !important; */
        transition: transform 0.3s ease !important;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
        width: 100% !important;
    }
    
    /* 2. 侧边栏展开状态 */
    .elementor-widget-sidebar.sidebar-open {
        transform: translateX(0) !important;
    }
    
    /* 3. 遮罩层（点击关闭） */
    .sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 99998 !important;
        display: none;
    }
    
    .sidebar-overlay.active {
        display: block;
    }
    
    /* 4. 关闭按钮（放在侧边栏右上角） */
    .sidebar-close-btn {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
        color: #333;
        background: transparent;
        border: none;
        padding: 0;
        width: 30px;
        height: 30px;
        line-height: 1;
        z-index: 100000 !important;
    }
    
    .sidebar-close-btn:hover {
        color: #000;
    }
    
    /* 5. 防止打开侧边栏时背景滚动 */
    body.sidebar-active {
        overflow: hidden !important;
    }

    #widget-sidebar-nemu-button{
        line-height: 35px;
        background-color: #ea9d01;
    }

    .main-sidebar-pro-box{
        width: 100%;
        /* height: 150px; */
    }


    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 5% !important;
        /* height: 220px !important; */
        /* padding-top: 10px !important; */
    }
    #block-60 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        height: 170px !important; 
        padding-top: 10px !important;
    }
    #block-60 .has-text-align-center{
        margin-top: 2px !important;
    }

    .main-sidebar-pro-box figure{
        margin:0 !important;
    }

    .main-sidebar-pro-box .wp-block-column .wp-block-image a img{
        height: 80px !important;
        width: 60% !important;
    }
    .main-sidebar-pro-columns .main-sidebar-pro-box{
        height: 170px !important; 
        padding-top: 35px !important;
    }

    .main-sidebar-pro-columns .main-sidebar-pro-box .wp-block-image a img[class*="wp-image-"]{
        height: 70px !important;
    }

    .main-sidebar-pro-columns .main-sidebar-pro-box h6{
        margin-top:0 !important;
        padding-top:0 !important;
    }

    .wp-image-1417{
        width: 45px !important;
    }
    .wp-image-1430{
        width: 40px !important;
        margin-top: 1rem;
    }
    .wp-image-1402{
        width: 38px !important;
        margin-top: 1.2rem;
    }


}