/*
Theme Name: Taxi Đức Trọng
Theme URI: https://taxiductrong.com.vn
Author: Taxi Đức Trọng
Author URI: https://taxiductrong.com.vn
Description: Giao diện (theme) riêng cho taxiductrong.com.vn — nhánh từ theme "Taxi Lâm Đồng" nhưng CỐ Ý thiết kế khác biệt (bảng màu, font chữ, hình khối, hoạ tiết) để không bị nhận ra là cùng 1 theme với site mẹ taxilamdong.vn, dù dùng chung đúng bộ 13 plugin nghiệp vụ (Core/Directory/Blog/Sample-data...). 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...); phần lớn trang chính do các plugin tự dựng HTML, phần NHẬN DIỆN THIẾT KẾ (mục 4 trong file này) mới là phần thật sự làm site này trông khác site mẹ.
Version: 1.0.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: taxiductrong
*/

/* =========================================================================
   1) RESET / NỀN TẢNG TỐI THIỂU (giống theme taxilamdong — đây là phần
   "khung xương" bắt buộc mọi theme cổ điển đều cần, không phải phần nhận
   diện thương hiệu nên giữ nguyên để không phát sinh lỗi mới).
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
figure { margin: 0; }

.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;
}

.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: #8A6F5C; text-align: center; margin-top: 6px; }

/* =========================================================================
   2) NỘI DUNG TRANG DÙNG THEME (page.php/single.php/404.php/search.php...)
   ========================================================================= */
.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, #7A2F14); text-decoration: underline; }
.tld-page-content blockquote {
	border-left: 3px solid var(--yellow, #E8A93C);
	padding: 4px 0 4px 18px;
	color: var(--muted, #8A6F5C);
	font-style: italic;
}
.tld-page-content img { border-radius: 6px 18px 6px 18px; }

.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, #8A6F5C); max-width: 640px; margin: 0 auto; }

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

.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, #F5E8DC); border-radius: 6px 18px 6px 18px; padding: 18px; background: #fff; }
.tld-archive-card .tld-archive-thumb { display: block; border-radius: 4px 14px 4px 14px; 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, #2B1B14); text-decoration: none; }
.tld-archive-card p { color: var(--muted, #8A6F5C); font-size: 13.5px; margin: 0 0 14px; }
.tld-archive-empty { text-align: center; color: var(--muted, #8A6F5C); 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: 4px 14px 4px 14px;
	border: 1.5px solid var(--line, #F5E8DC);
	font-size: 14px;
	font-family: inherit;
}
.tld-search-input:focus { outline: none; border-color: var(--cyan, #C1592B); }

/* =========================================================================
   3) DỰ PHÒNG KHI PLUGIN CORE CHƯA KÍCH HOẠT
   ========================================================================= */
.tld-fallback-header, .tld-fallback-footer {
	padding: 18px 22px;
	border-bottom: 1px solid #F5E8DC;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Be Vietnam Pro", sans-serif;
}
.tld-fallback-footer { border-top: 1px solid #F5E8DC; border-bottom: none; margin-top: 40px; text-align: center; color: #8A6F5C; font-size: 13px; }
.tld-fallback-logo { font-weight: 700; font-size: 20px; color: #2B1B14; text-decoration: none; }
.tld-fallback-wrap { max-width: 1280px; margin: 0 auto; padding: 0 22px; }

/* =========================================================================
   4) NHẬN DIỆN THIẾT KẾ RIÊNG — "CÀ PHÊ & ĐẤT ĐỎ BAZAN" (Đức Trọng)
   ĐÂY LÀ PHẦN THẬT SỰ LÀM SITE NÀY KHÁC taxilamdong.vn. Mọi HTML/class bên
   dưới (.tld-scope, .btn, .logo, header, footer, .about-step, .faq-item...)
   đều do plugin Core/Directory/Blog tự in ra GIỐNG HỆT trên mọi site (không
   thể đổi ở đây) — nhưng toàn bộ MÀU SẮC/FONT CHỮ/BO GÓC/HOẠ TIẾT thì theme
   nào cũng có quyền override, và đó chính là những gì file này làm: nạp lại
   bảng màu đất đỏ bazan (đã chốt trong tài liệu cấu hình), đổi font từ Inter
   (hình học, lạnh) sang cặp Fraunces (serif ấm, có cá tính) + Be Vietnam Pro,
   đổi toàn bộ bo góc từ "viên thuốc/tròn đều" (999px) sang bo góc BẤT ĐỐI
   XỨNG kiểu "cắt góc" (0/18px xen kẽ) — 1 hình khối không nơi nào khác trong
   hệ thống dùng, và thêm hoạ tiết nền lấm tấm (gợi đất bazan) cho các khối
   nền mềm. Kết quả: nhìn thoáng qua, không ai nhận ra đây là cùng 1 khung
   HTML với taxilamdong.vn.
   ========================================================================= */

/* ---- 4.1 Font: Fraunces (tiêu đề, có cá tính/ấm) + Be Vietnam Pro (thân bài,
   hỗ trợ tốt dấu tiếng Việt) — nạp qua wp_enqueue_style() ở functions.php
   (kèm preconnect), ở đây chỉ khai báo font-family để dùng. */
.tld-scope,
.tld-scope button,
.tld-scope select,
.tld-scope input { font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, sans-serif; }
.tld-scope h1, .tld-scope h2, .tld-scope h3,
.tld-scope .logo,
.tld-scope .sec-head h2 {
	font-family: 'Fraunces', Georgia, serif;
	font-weight: 600;
	letter-spacing: 0; /* Fraunces đã có cá tính riêng, không cần letter-spacing âm kiểu Inter */
}

/* ---- 4.2 Bảng màu (đúng theo tld_color_* đã chốt trong tài liệu cấu hình
   taxiductrong-cau-hinh-site-generator.md — khai lại trực tiếp ở đây để
   site LUÔN đúng bảng màu này ngay cả khi Customizer chưa được điền, không
   phụ thuộc bước cấu hình riêng). */
.tld-scope{
  --bg:#FFFCF8;
  --bg-soft:#FBEEE3;
  --ink:#2B1B14;
  --muted:#8A6F5C;
  --cyan:#C1592B;        /* đất đỏ bazan / terracotta — màu thương hiệu chính, thay cho cyan gốc */
  --cyan-deep:#A8431C;
  --cyan-ink:#7A2F14;
  --yellow:#E8A93C;       /* vàng mật cà phê / hoa dã quỳ */
  --yellow-deep:#C98A1F;
  --zalo:#0068FF;         /* giữ nguyên — màu thương hiệu của Zalo, không tự đổi */
  --line:#F0DFCB;
  --red:#C0392B;
  --shadow:0 10px 30px rgba(43,27,20,0.10);
  --shadow-sm:0 4px 14px rgba(43,27,20,0.07);
}

/* ---- 4.3 Hình khối: bo góc bất đối xứng "cắt góc" thay cho bo tròn đều —
   áp cho MỌI khối thẻ/card/menu-thả xuống dùng chung trong Core, không cần
   sửa từng nơi vì cascade (file này nạp SAU tld-core.css của plugin). */
.tld-scope .nav-drop-menu-inner,
.tld-scope .about-step,
.tld-scope .faq-item,
.tld-scope .trademark-note,
.tld-scope .disclaimer-box { border-radius: 4px 20px 4px 20px; }

/* ---- 4.4 Nút bấm: bỏ hình viên thuốc (999px) → bo góc vừa phải bất đối
   xứng, chữ hoa nhẹ + giãn chữ kiểu nhãn thủ công (label thủ công/artisan),
   khác hẳn phong cách nút "app hiện đại" của site mẹ. */
.tld-scope .btn {
	border-radius: 3px 14px 3px 14px;
	text-transform: uppercase;
	font-size: 12.5px;
	letter-spacing: 0.03em;
	font-weight: 700;
}
.tld-scope .btn-cyan{ background:var(--cyan); color:#fff; }
.tld-scope .btn-cyan:hover{ background:var(--cyan-deep); color:#fff; }
.tld-scope .btn-yellow{ background:var(--yellow); color:var(--ink); }
.tld-scope .btn-outline{ border-color:var(--line); color:var(--ink); background:#fff; }
.tld-scope .btn-outline:hover{ border-color:var(--cyan); }
.tld-scope .btn-home{ border-radius: 4px 12px 4px 12px; }

/* ---- 4.5 Logo: huy hiệu tròn nâu cà phê (gradient) thay vì ô vuông bo góc
   gradient cyan — vẫn giữ icon 🚕 để không mất tính rõ ràng "đây là taxi". */
.tld-scope .logo .mark {
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, var(--yellow), var(--cyan-deep) 70%);
}

/* ---- 4.6 Header: thanh nền kem ấm thay vì trắng-mờ-kính, viền dưới đất đỏ
   dày hơn thay cho viền mảnh trung tính — để header "đứng hình" khác hẳn
   ngay từ khung nhìn đầu tiên. */
.tld-scope header {
	background: rgba(255,252,248,0.95);
	border-bottom: 2px solid var(--cyan);
	backdrop-filter: blur(6px);
}
.tld-scope .top-bar { background: linear-gradient(90deg, var(--cyan-ink), var(--cyan)); }

/* ---- 4.7 Section eyebrow: thẻ nhãn nhỏ có viền chấm thay vì chữ hoa trơn —
   gợi cảm giác "tem/nhãn thủ công" của 1 vùng nông sản. */
.tld-scope .sec-eyebrow {
	display: inline-block;
	padding: 3px 12px;
	border: 1px dashed var(--cyan);
	border-radius: 3px 12px 3px 12px;
	color: var(--cyan-ink);
}

/* ---- 4.8 Hoạ tiết nền lấm tấm (gợi đất bazan) cho khối nền mềm (section.soft)
   — 1 lớp texture rất nhẹ, không ảnh hưởng hiệu năng (SVG nội tuyến, không
   thêm HTTP request), khác hẳn nền phẳng 1 màu của site mẹ. */
.tld-scope section.soft {
	background-color: var(--bg-soft);
	background-image: radial-gradient(rgba(122,47,20,0.07) 1.4px, transparent 1.4px);
	background-size: 18px 18px;
}

/* ---- 4.9 Footer: nền nâu cà phê đậm, chữ kem sáng — thay vì nền trắng như
   site mẹ, đảo ngược hoàn toàn tông màu để không ai nhầm 2 site là 1. */
.tld-scope footer {
	background: var(--ink);
	color: #EFE1D2;
	border-top: none;
	border-radius: 28px 28px 0 0;
}
.tld-scope footer .foot-col h4 { color: #C9A88C; }
.tld-scope footer .foot-col a { color: #F3E7DA; }
.tld-scope footer .foot-col a:hover { color: var(--yellow); }
.tld-scope footer .foot-company p { color: #D8C3AE; }
.tld-scope footer .social-row a { background: rgba(255,255,255,0.08); color: #F3E7DA; }
.tld-scope footer .social-row a:hover { background: var(--cyan); color: #fff; }
.tld-scope footer .legal-line,
.tld-scope footer .foot-bottom { color: #B49A82; border-top-color: rgba(255,255,255,0.12); }
.tld-scope footer .disclaimer-box { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.14); color: #D8C3AE; }
.tld-scope footer .disclaimer-box strong { color: #F3E7DA; }

/* ---- 4.10 Nút gọi nổi/thanh gọi mobile: đồng bộ hình khối cắt góc + màu mới. */
.tld-scope .mobile-bar { border-top-color: var(--line); }
.tld-scope .desktop-hotline-float { border-radius: 4px 20px 4px 20px; border-color: var(--line); }
.tld-scope .desktop-hotline-float .ico { border-radius: 50%; }

/* ---- 4.11 Badge/chip/FAQ: bo góc cắt góc đồng bộ toàn hệ thống component. */
.tld-scope .fchip { border-radius: 3px 14px 3px 14px; }
.tld-scope .mbadge { border-radius: 3px 10px 3px 10px; }