/*
Theme Name: Herbotany展示主题
Theme URI: https://example.com/hair-growth
Author: Kyle Zeng
Author URI: https://example.com
Description: Herbotany展示主题
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hair-growth
Tags: e-commerce, responsive-layout, accessibility-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 基本样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    background-color: #f9fafb;
    color: #1f2937;
    line-height: 1.6;
}

/* 确保图片响应式 */
img {
    max-width: 100%;
    height: auto;
}

/* 确保链接可访问 */
a {
    color: #2D3748;
    text-decoration: none;
}

a:hover {
    color: #48BB78;
}

/* 确保表单元素样式一致 */
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button {
    cursor: pointer;
}

/* 确保导航菜单项可访问 */
.nav-item {
    list-style: none;
}

/* 确保轮播图容器高度固定 */
.carousel-fixed-height {
    height: 582px !important;
    width: 100%;
}

.carousel-img {
    height: 582px !important;
    width: 100%;
    object-fit: cover;
}

/* 确保移动端悬浮页脚固定在底部 */
.mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

/* 确保主内容区域有足够的底部内边距，避免被移动端悬浮页脚遮挡 */
main {
    padding-bottom: 64px; /* 移动端悬浮页脚高度 */
}

@media (min-width: 768px) {
    main {
        padding-bottom: 0;
    }
}