/*
Theme Name:   Rashy Child
Theme URI:    
Description:  Rashy 子主题 - 所有自定义样式写在这里，不动父主题
Author:       你的名字
Author URI:   yoursite.com
Template:     rashy
Version:      1.0.0
Text Domain:  rashy-child
*/

/* ================================================
   所有自定义CSS从这里开始写
   修改时请注明：改了什么 + 日期
   ================================================ */


/* --- 品牌主色（按钮/链接/高亮）---
   使用说明：把 #FF5A5F 替换成你的品牌色
   ------------------------------------------------ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background-color: #FF5A5F !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    transition: opacity 0.3s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
    opacity: 0.85 !important;
    background-color: #FF5A5F !important;
}


/* --- 导航栏固定顶部 ---
   如果不需要固定，把这段注释掉
   ------------------------------------------------ */
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}


/* --- 移动端基础适配 --- */
@media (max-width: 768px) {
    .site-header {
        padding: 8px 15px !important;
    }

    /* 移动端产品图片全宽 */
    .woocommerce ul.products li.product a img {
        width: 100% !important;
    }
}


/* --- 产品卡片样式优化 --- */
.woocommerce ul.products li.product {
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: box-shadow 0.3s ease !important;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}


/* --- 在这里继续添加你的自定义样式 --- */


/* --- LOGO替换 (2026-04-06) --- */
.logo img {
    content: url('https://oshyoga.com/wp-content/uploads/2026/04/pre2_cropped.png') !important;
    max-height: 90px;
    width: auto;
}