/*
Theme Name: Moban 8-10-26
Theme URI: https://moban-8-10-26.local/
Author: Moban Studio
Author URI: https://moban-8-10-26.local/
Description: Giao diện cổng game với bộ sưu tập cuộn ngang toàn màn hình, điều hướng chấm tròn kép, tông màu xanh denim và hồng cá hồi hiện đại, tối ưu cho di động.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moban-8-10-26
Tags: entertainment, horizontal-gallery, responsive
*/

/* ===== Base tokens (chi tiết layout trong assets/css/main.css) ===== */
*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    background: #F0F4F8;
    color: #22304A;
    font-family: 'Roboto', 'Segoe UI', Tahoma, sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

a { color: #1565C0; text-decoration: none; transition: color .2s ease; }
a:hover { color: #FF8A80; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; width: 1px; margin: -1px; overflow: hidden;
    padding: 0; position: absolute; word-wrap: normal;
}

/* Nội dung bài viết */
.entry-content img { border-radius: 14px; }
.alignwide { margin-left: -32px; margin-right: -32px; max-width: calc(100% + 64px); }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }

.wp-block-button .wp-block-button__link {
    background: #1565C0; color: #fff; border-radius: 14px; padding: 10px 22px;
}

/* Tiện ích widget */
.widget { margin-bottom: 26px; }
.widget-title {
    font-size: 16px; text-transform: uppercase; letter-spacing: 1px;
    color: #1565C0; margin: 0 0 12px;
}
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { padding: 6px 0; border-bottom: 1px dashed rgba(21,101,192,.15); }

/* Bình luận */
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list .comment { margin-top: 18px; }
.comment-body { background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 18px rgba(21,101,192,.08); }
.comment-reply-link { font-size: 13px; color: #FF8A80; }