/*
Theme Name: Moban 8-10-40
Theme URI: https://example.com/moban-8-10-40
Author: Moban Studio
Author URI: https://example.com
Description: Giao diện WordPress tiếng Việt với trang đích cuộn dài, hero toàn màn hình, điều hướng breadcrumb và bộ lọc tìm kiếm thời gian thực. Bảng màu hổ phách và nâu đất ấm áp, mang đến trải nghiệm đọc tin tức và khám phá trò chơi liền mạch trên mọi thiết bị.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moban-8-10-40
Tags: landing-page, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ============================================================
   Nền tảng màu sắc & biến CSS — Hổ phách trên nền kem ấm
   ============================================================ */
:root {
    --color-primary: #9C6644;      /* Nâu đất son — màu chủ đạo */
    --color-primary-dark: #7A4E33;
    --color-primary-deep: #4A2C17; /* Chữ nâu sẫm */
    --color-accent: #FFB703;       /* Vàng hổ phách — điểm nhấn */
    --color-cream: #FFF8ED;        /* Nền kem sáng */
    --color-cream-soft: #FBEED9;
    --color-line: rgba(156, 102, 68, 0.18);
    --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body: 'Be Vietnam Pro', 'Roboto', -apple-system, sans-serif;
}

body {
    background-color: var(--color-cream);
    color: var(--color-primary-deep);
    font-family: var(--font-body);
    line-height: 1.7;
}

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

a:hover {
    color: var(--color-accent);
}

h1, h2, h3, h4 {
    font-family: var(--font-display);
    line-height: 1.25;
    color: var(--color-primary-deep);
}

/* Nút hành động chính */
.btn,
.wp-block-button__link,
input[type="submit"] {
    background: var(--color-accent);
    color: var(--color-primary-deep);
    border: none;
    border-radius: 999px;
    padding: 12px 28px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.btn:hover,
input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(156, 102, 68, 0.28);
    color: var(--color-primary-deep);
}

/* Nội dung bài viết */
.entry-content img {
    border-radius: 12px;
}

.entry-content blockquote {
    border-left: 4px solid var(--color-accent);
    padding: 8px 20px;
    background: var(--color-cream-soft);
    border-radius: 0 12px 12px 0;
    font-style: italic;
}

/* Đồng bộ widget chân trang */
.site-footer .widget {
    color: rgba(255, 248, 237, 0.85);
}

.site-footer .widget a {
    color: rgba(255, 248, 237, 0.85);
}

.site-footer .widget a:hover {
    color: var(--color-accent);
}