/* Chân trang dùng chung base.html + chon.html (templates/_chan_trang.html, 2026-10).
   Màu thương hiệu var(--mt-primary) (tokens.css), chữ Be Vietnam Pro, tên "MeTravel"
   Playfair Display. Nền: trong suốt, ăn theo nền kem của trang. Mọi thứ căn trái. */
.ct{
  margin-top:56px;
  padding:32px 0 96px;          /* chừa chỗ cho nút chat nổi góc phải dưới */
  font-family:'Be Vietnam Pro', system-ui, sans-serif;
  font-size:14px;
  line-height:1.6;
  color:var(--mt-muted);
  text-align:left;
}
.ct p{margin:0}

/* Hàng trên: trái (giới thiệu) và phải (hai cột link); hẹp thì xếp dọc */
.ct-tren{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px 64px}
.ct-gioi-thieu{flex:1 1 320px;max-width:460px}
.ct-ten{font-family:'Playfair Display', Georgia, serif;font-weight:700;font-size:24px;line-height:1.2;
  color:var(--mt-primary)}
.ct .ct-mo-ta{margin-top:8px}

.ct-nut{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ct-nut a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;
  border:1px solid var(--mt-border);background:#fff;color:var(--mt-text);text-decoration:none;font-weight:500}
.ct-nut a:hover{border-color:var(--mt-primary)}
.ct-nut svg{flex:none}

/* Hai cột link nằm cạnh nhau (kể cả điện thoại 390px) */
.ct-cot-ds{display:flex;flex-wrap:wrap;gap:24px 56px}
.ct-cot{min-width:140px}
.ct .ct-cot-tieu-de{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mt-muted)}
.ct-cot ul{list-style:none;margin:0;padding:0}
.ct-cot li + li{margin-top:8px}
.ct-cot a{color:var(--mt-text);text-decoration:none}
.ct-cot a:hover{color:var(--mt-primary);text-decoration:underline}

/* Đường kẻ mảnh + dòng bản quyền */
.ct-duoi{margin-top:28px;padding-top:16px;border-top:1px solid var(--mt-border);font-size:13px}

.ct a:focus-visible{outline:2px solid var(--mt-primary);outline-offset:2px}

@media (max-width:640px){
  .ct-tren{flex-direction:column}
  .ct-gioi-thieu{flex:none;max-width:none}
  .ct-cot{flex:1 1 140px}
}

/* Khung quanh chân trang ở base.html (2026-10-18). Class của từng trang (vd .sk-chan)
   dùng CHUNG luật với cột nội dung (".sk-trang, .sk-chan {...}") nên có cùng bề rộng
   và lề ngang; luật này bỏ lề trên/dưới của cột cho riêng khung chân trang. Hai class
   (0,2,0) thắng luật một class của trang, kể cả luật trong @media. */
.body-pad > .ct-cot-trang{padding-top:0;padding-bottom:0}

/* Khung bề rộng cho trang không có sẵn khung nội dung quanh chân trang (/vietnam*) */
.ct-khung{max-width:78rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}