/*
Theme Name:   Laifen Russia
Theme URI:    https://ru.laifentech.com
Description:  Laifen 俄罗斯站点定制主题，专为电商设计。包含品牌色彩、自定义样式和 WooCommerce 深度集成。
Author:       Laifen Development Team
Author URI:   https://ru.laifentech.com
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  laifen-russia
Tags:         e-commerce, woocommerce, russia, two-columns, custom-colors, custom-menu, custom-logo, block-styles, wide-blocks
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
*/

/* ==========================================================================
   Laifen 品牌色彩系统
   ========================================================================== */
:root {
    /* 主色调 */
    --laifen-primary: #007bff;
    --laifen-primary-hover: #0056b3;
    --laifen-primary-light: #e7f1ff;

    /* 次要色 */
    --laifen-secondary: #6c757d;
    --laifen-secondary-hover: #545b62;

    /* 状态色 */
    --laifen-success: #28a745;
    --laifen-danger: #dc3545;
    --laifen-warning: #ffc107;
    --laifen-info: #17a2b8;

    /* 中性色 */
    --laifen-gray-100: #f8f9fa;
    --laifen-gray-200: #e9ecef;
    --laifen-gray-300: #dee2e6;
    --laifen-gray-800: #343a40;
    --laifen-gray-900: #212529;

    /* 文字色 */
    --laifen-text-primary: #212529;
    --laifen-text-secondary: #6c757d;
    --laifen-text-muted: #6c757d;

    /* 间距 */
    --laifen-spacing-xs: 0.5rem;
    --laifen-spacing-sm: 1rem;
    --laifen-spacing-md: 1.5rem;
    --laifen-spacing-lg: 2rem;
    --laifen-spacing-xl: 3rem;

    /* 圆角 */
    --laifen-radius-sm: 4px;
    --laifen-radius-md: 8px;
    --laifen-radius-lg: 12px;

    /* 阴影 */
    --laifen-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --laifen-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
    --laifen-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   基础样式重置
   ========================================================================== */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--laifen-text-primary);
    margin: 0;
}

/* a {
    color: var(--laifen-primary);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--laifen-primary-hover);
} */

/* ==========================================================================
   自定义按钮样式
   ========================================================================== */
.btn-laifen,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    background-color: var(--laifen-primary);
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: var(--laifen-radius-md);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.btn-laifen:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    background-color: var(--laifen-primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--laifen-shadow-md);
}

/* ==========================================================================
   导航栏样式
   ========================================================================== */
.site-header {
    background-color: white;
    box-shadow: var(--laifen-shadow-sm);
}

.main-navigation a {
    color: var(--laifen-text-primary);
    font-weight: 500;
    transition: color 0.3s ease;
}

.main-navigation a:hover {
    color: var(--laifen-primary);
}

/* ==========================================================================
   产品卡片样式
   ========================================================================== */
.woocommerce ul.products li.product {
    border-radius: var(--laifen-radius-lg);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product img {
    border-radius: var(--laifen-radius-md);
}

/* ==========================================================================
   页脚样式
   ========================================================================== */
.site-footer {
    background-color: var(--laifen-gray-900);
    color: white;
    padding: var(--laifen-spacing-xl) 0;
}

.site-footer a {
    color: var(--laifen-gray-300);
}

.site-footer a:hover {
    color: white;
}

/* ==========================================================================
   实用工具类
   ========================================================================== */
.text-center {
    text-align: center;
}

.mt-1 { margin-top: var(--laifen-spacing-xs); }
.mt-2 { margin-top: var(--laifen-spacing-sm); }
.mt-3 { margin-top: var(--laifen-spacing-md); }
.mt-4 { margin-top: var(--laifen-spacing-lg); }
.mt-5 { margin-top: var(--laifen-spacing-xl); }

.mb-1 { margin-bottom: var(--laifen-spacing-xs); }
.mb-2 { margin-bottom: var(--laifen-spacing-sm); }
.mb-3 { margin-bottom: var(--laifen-spacing-md); }
.mb-4 { margin-bottom: var(--laifen-spacing-lg); }
.mb-5 { margin-bottom: var(--laifen-spacing-xl); }