/*
Theme Name: KLC Media
Theme URI: https://klcmedia.vn
Description: Giao diện KLC Media xây dựng cho Elementor. Kết hợp với plugin "Theme KLC Media" (tác giả Phú Nguyễn) để dùng bộ widget header, banner, giới thiệu, dịch vụ, dự án, đối tác, tin tức và footer.
Author: Phú Nguyễn
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: klcmedia
*/

:root { --klc-green: #006622; --klc-text: #181818; --klc-font: 'Google Sans Flex', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; font-family: var(--klc-font); font-size: 18px; line-height: 1.6; color: var(--klc-text); background: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
a { color: var(--klc-green); }
h1, h2, h3, h4 { line-height: 1.2; color: var(--klc-green); }

/* Bố cục mặc định (trang không dựng bằng Elementor) */
.klc-main { min-height: 50vh; }
.klc-container { width: min(100% - 40px, 1100px); margin: 0 auto; padding: 60px 0; }
.klc-post { margin-bottom: 48px; }
.klc-post__title a { text-decoration: none; }
.klc-post__thumb img { display: block; width: 100%; border-radius: 12px; }
.klc-entry-title { font-size: 40px; text-transform: uppercase; }
.klc-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 40px; }
.klc-pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--klc-green); border-radius: 999px; text-decoration: none; }
.klc-pagination .current { background: var(--klc-green); color: #fff; }

/* Header/footer dự phòng khi chưa gán mẫu Elementor */
.klc-fallback-header { background: var(--klc-green); color: #fff; }
.klc-fallback-header__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(100% - 40px, 1442px); margin: 0 auto; padding: 18px 0; }
.klc-fallback-header a { color: #fff; text-decoration: none; font-weight: 600; }
.klc-fallback-header ul { display: flex; flex-wrap: wrap; gap: 22px; margin: 0; padding: 0; list-style: none; }
.klc-fallback-footer { background: var(--klc-green); color: #fff; text-align: center; padding: 32px 20px; }
.klc-fallback-footer a { color: #fff; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 767px) { .klc-entry-title { font-size: 28px; } body { font-size: 16px; } }