/*
Theme Name: Moban 8-10-47
Theme URI: https://example.com/moban-8-10-47
Author: Moban 8-10-47 Team
Author URI: https://example.com
Description: Giao diện WordPress phong cách điện ảnh tối màu: hero trượt ảnh toàn màn hình, poster rơi chéo như rạp chiếu ban đêm, dải chữ chạy liền mạch và nút bánh hamburger biến hình thành chữ X. Tông đen mực, đỏ thẫm và kem nhạt, toàn bộ nội dung bằng tiếng Việt.
Version: 1.0.0
Requires at least: 5.6
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moban-8-10-47
Tags: dark, entertainment, grid-layout, custom-menu, featured-images, translation-ready
*/

/* ===== Nền tảng giao diện tối điện ảnh ===== */

:root {
    --ink: #141414;
    --crimson: #F0544F;
    --paper: #F5F3F4;
    --ash: #232323;
    --smoke: rgba(245, 243, 244, 0.62);
    --display-font: 'Oswald', 'Franklin Gothic Medium', 'Arial Narrow', Impact, sans-serif;
    --body-font: 'Roboto', 'Helvetica Neue', sans-serif;
}

body {
    background-color: var(--ink);
    color: var(--paper);
    font-family: var(--body-font);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

a:hover,
a:focus {
    color: var(--crimson);
}

h1, h2, h3, h4 {
    font-family: var(--display-font);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

::selection {
    background: var(--crimson);
    color: var(--paper);
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.alignleft { float: left; margin: 0.5em 1.5em 1em 0; }
.alignright { float: right; margin: 0.5em 0 1em 1.5em; }
.aligncenter { display: block; margin: 1em auto; }

.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.85rem; color: var(--smoke); padding: 0.4em 0; }

.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

.sticky { display: block; }

.bypostauthor { display: block; }