/*
Theme Name: Hello Elementor Child
Description: Hello Elementor子主题
Author: Your Name
Template: hello-elementor
Version: 1.0.0
*/

/* 
===========================
自定义样式从这里开始
===========================
*/

/* 全局元素样式 */
a,
button,
input,
textarea,
select {
    outline: none !important;
}

/* 主题自定义样式 */

.wp-child-theme-hello-elementor-child {
    --e-global-color-primary: #D1A75D;
    --e-global-color-secondary: #FAD38F;
    --e-global-color-text: #FFFFFF;
    --e-global-color-accent: #FFFFFFB3;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
    background-color: #272727;
}

.woocommerce button.button,
.wp-child-theme-hello-elementor-child button,
.wp-child-theme-hello-elementor-child input[type="button"],
.wp-child-theme-hello-elementor-child input[type="submit"],
.wp-child-theme-hello-elementor-child .elementor-button {
    background-color: transparent;
    background-image: linear-gradient(45deg, #FAD38F 0%, #D1A75D 100%);
    color: #482906;
}

.woocommerce button.button:hover,
.woocommerce button.button:focus,
.wp-child-theme-hello-elementor-child button:hover,
.wp-child-theme-hello-elementor-child button:focus,
.wp-child-theme-hello-elementor-child input[type="button"]:hover,
.wp-child-theme-hello-elementor-child input[type="button"]:focus,
.wp-child-theme-hello-elementor-child input[type="submit"]:hover,
.wp-child-theme-hello-elementor-child input[type="submit"]:focus,
.wp-child-theme-hello-elementor-child .elementor-button:hover,
.wp-child-theme-hello-elementor-child .elementor-button:focus {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FAD38F 0%, #D1A75D 100%);
    color: #482906;
}

/*
 * 模块：WooCommerce 店铺公告显示
 * 目的：确保 .woocommerce-store-notice 在所有页面可见
 * 说明：部分主题或样式可能隐藏该公告，这里强制显示为 block
 */
.woocommerce-store-notice {
    display: block !important;
    /* 禁止使用绝对定位，避免覆盖页面布局 */
    position: static !important;
}