/*
Theme Name: Taxi Lâm Đồng
Theme URI: https://taxilamdong.vn
Author: Taxi Lâm Đồng
Author URI: https://taxilamdong.vn
Description: Giao diện (theme) riêng do Taxi Lâm Đồng phát triển, thay thế theme mặc định Twenty Twenty-Five. Đây là theme "cổ điển" (classic PHP theme, không dùng Full Site Editing) — chỉ đóng vai trò khung xương cho các trang phụ (404, tìm kiếm, trang chưa gán mẫu...). Toàn bộ header/footer/màu sắc thương hiệu thật sự do plugin "Taxi Lâm Đồng - Core & Design System" cung cấp, nên theme này BẮT BUỘC phải dùng kèm plugin đó để hiển thị đúng 100% bản thiết kế.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taxilamdong
*/

/* =========================================================================
   1) RESET / NỀN TẢNG TỐI THIỂU
   Chỉ những gì WordPress khuyến nghị mọi theme nên có (accessibility, ảnh
   responsive, các class căn lề mặc định của trình soạn thảo) — KHÔNG lặp
   lại màu sắc/bố cục đã có sẵn trong tld-core.css của plugin Core, để
   tránh 2 nơi cùng định nghĩa 1 thứ rồi lệch nhau khi chỉnh sửa sau này.
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
figure { margin: 0; }

/* Chuẩn accessibility của WordPress: ẩn khỏi màn hình nhưng vẫn đọc được
   bằng trình đọc màn hình (dùng cho label ô tìm kiếm...). */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* Class căn lề mặc định mà khung soạn thảo Gutenberg tự chèn vào ảnh/khối —
   nếu không khai báo, ảnh căn trái/phải/giữa trong nội dung trang sẽ không
   hiển thị đúng vị trí. */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { font-size: 12.5px; color: #5B6B6E; text-align: center; margin-top: 6px; }

/* =========================================================================
   2) NỘI DUNG TRANG DÙNG THEME (page.php/single.php/404.php/search.php...)
   Các trang chính (trang chủ, bảng giá, khu vực...) không đi qua theme —
   chúng tự dựng HTML riêng trong plugin (xem ghi chú trong header.php).
   Khối CSS dưới đây CHỈ áp dụng cho phần nội dung do CHÍNH theme này in ra,
   dùng lại đúng biến màu (--ink, --muted, --cyan, --line...) đã khai báo
   trong .tld-scope của plugin Core để không bị lệch tông màu.
   ========================================================================= */
.tld-page-content { font-size: 15px; line-height: 1.75; }
.tld-page-content p,
.tld-page-content ul,
.tld-page-content ol,
.tld-page-content blockquote,
.tld-page-content table { margin: 0 0 20px; }
.tld-page-content h2 { font-size: 22px; margin: 32px 0 14px; }
.tld-page-content h3 { font-size: 17px; margin: 26px 0 12px; }
.tld-page-content ul, .tld-page-content ol { padding-left: 22px; }
.tld-page-content a { color: var(--cyan-ink, #0B4D50); text-decoration: underline; }
.tld-page-content blockquote {
	border-left: 3px solid var(--yellow, #FFCA00);
	padding: 4px 0 4px 18px;
	color: var(--muted, #5B6B6E);
	font-style: italic;
}
.tld-page-content img { border-radius: 14px; }

.tld-hero-block { padding: 52px 0 6px; text-align: center; }
.tld-hero-block h1 { font-size: clamp(26px, 4vw, 36px); margin: 0 0 14px; }
.tld-hero-block p.tld-lead { color: var(--muted, #5B6B6E); max-width: 640px; margin: 0 auto; }

.tld-cta-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 26px; }

/* Lưới danh sách bài viết dùng cho index.php/archive.php/search.php khi
   WordPress cần liệt kê nhiều bài (trường hợp hiếm — trang blog/CPT thật sự
   đã có template riêng trong plugin Blog/Directory, khối này chỉ là dự phòng
   cho các loại lưu trữ khác như theo tác giả/theo ngày). */
.tld-archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin: 26px 0 36px; }
.tld-archive-card { border: 1px solid var(--line, #DCF2F3); border-radius: 16px; padding: 18px; background: #fff; }
.tld-archive-card .tld-archive-thumb { display: block; border-radius: 12px; overflow: hidden; margin-bottom: 14px; }
.tld-archive-card .tld-archive-thumb img { display: block; width: 100%; height: 170px; object-fit: cover; }
.tld-archive-card h2 { font-size: 16.5px; margin: 0 0 8px; }
.tld-archive-card h2 a { color: var(--ink, #0E2126); text-decoration: none; }
.tld-archive-card p { color: var(--muted, #5B6B6E); font-size: 13.5px; margin: 0 0 14px; }
.tld-archive-empty { text-align: center; color: var(--muted, #5B6B6E); padding: 40px 0; }

.tld-search-form { display: flex; gap: 10px; max-width: 460px; margin: 0 auto; flex-wrap: wrap; justify-content: center; }
.tld-search-input {
	flex: 1;
	min-width: 200px;
	padding: 11px 16px;
	border-radius: 999px;
	border: 1.5px solid var(--line, #DCF2F3);
	font-size: 14px;
	font-family: inherit;
}
.tld-search-input:focus { outline: none; border-color: var(--cyan, #2DCCD3); }

/* =========================================================================
   3) DỰ PHÒNG KHI PLUGIN CORE CHƯA KÍCH HOẠT
   Theme không tự ý "sập" nếu thiếu plugin — nhưng khi đó sẽ KHÔNG có màu
   sắc/thương hiệu đầy đủ. Khối dưới đây chỉ đủ để trang vẫn đọc được, kèm
   theo 1 thông báo ở khu vực quản trị nhắc kích hoạt lại plugin Core.
   ========================================================================= */
.tld-fallback-header, .tld-fallback-footer {
	padding: 18px 22px;
	border-bottom: 1px solid #DCF2F3;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
}
.tld-fallback-footer { border-top: 1px solid #DCF2F3; border-bottom: none; margin-top: 40px; text-align: center; color: #5B6B6E; font-size: 13px; }
.tld-fallback-logo { font-weight: 700; font-size: 20px; color: #0E2126; text-decoration: none; }
.tld-fallback-wrap { max-width: 1280px; margin: 0 auto; padding: 0 22px; }