/*
Theme Name: Cây Cảnh Minh Tường
Theme URI: https://caycanhminhtuong.com/
Author: Cây Cảnh Minh Tường
Author URI: https://caycanhminhtuong.com/
Description: Giao diện Cây Cảnh Minh Tường cao cấp, sang trọng, tối ưu cho cửa hàng bán cây cảnh, sân vườn, cây phong thủy và cẩm nang chia sẻ kinh nghiệm trồng cây. Tích hợp WooCommerce, bài viết có sidebar, mục lục tự động ẩn ban đầu, đánh giá 5 sao chuẩn Schema SEO, danh mục không sidebar.
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: minhtuong
Tags: e-commerce, two-columns, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

:root {
    --primary: #155225;
    --primary-hover: #0f3d1b;
    --primary-light: #228b3b;
    --primary-subtle: #e8f5e9;
    --accent: #f59e0b;
    --accent-hover: #d97706;
    --danger: #ef4444;
    --dark: #1e293b;
    --dark-muted: #64748b;
    --light-bg: #f8faf7;
    --white: #ffffff;
    --border-color: #e2e8f0;
    --card-shadow: 0 4px 20px -2px rgba(21, 82, 37, 0.08);
    --card-hover-shadow: 0 12px 30px -4px rgba(21, 82, 37, 0.16);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;
    --transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Reset & Global Base */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-main);
    color: var(--dark);
    background-color: var(--light-bg);
    line-height: 1.65;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a {
    color: var(--primary);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--primary-light);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul, ol {
    list-style: none;
}

.container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: #0f2416;
    font-weight: 700;
    line-height: 1.3;
}