/* ==========================================================================
   FOOTER MỚI – Bệnh viện Chỉnh hình và PHCN Tam Điệp
   Nạp trên MỌI trang (self-contained: tự khai biến màu, không phụ thuộc home.css)
   ========================================================================== */
.tdf{
  --tdf-primary:#313191;
  --tdf-primary-dark:#20205a;
  --tdf-secondary:#2b99d6;
  --tdf-ink:#0f1330;
  --tdf-line:rgba(255,255,255,.12);
  --tdf-text:#c9d1ec;
  --tdf-muted:#96a0c8;
  --tdf-white:#fff;
  --tdf-container:1280px;
  font-family:"Roboto",-apple-system,"Segoe UI",sans-serif;
  color:var(--tdf-text);
  line-height:1.7;
}
.tdf *,.tdf *::before,.tdf *::after{box-sizing:border-box}
.tdf a{text-decoration:none;transition:color .16s}
.tdf svg{width:20px;height:20px;flex:0 0 auto}
.tdf__container{max-width:var(--tdf-container);margin:0 auto;padding:0 20px}

/* ---- Dải liên hệ nổi bật trên cùng ---- */
.tdf__cta{background:var(--tdf-primary);color:#fff}
.tdf__cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:26px 0;flex-wrap:wrap}
.tdf__cta-text h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#fff;line-height:1.3}
.tdf__cta-text p{margin:0;color:#dfe6ff;font-size:15.5px}
.tdf__cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.tdf__btn{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 22px;
  border-radius:8px;font-size:16px;font-weight:700;border:2px solid transparent}
.tdf__btn svg{width:20px;height:20px}
.tdf__btn--white{background:#fff;color:var(--tdf-primary)}
.tdf__btn--white:hover{background:#eaf1fb;color:var(--tdf-primary-dark)}
.tdf__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.tdf__btn--ghost:hover{background:#fff;color:var(--tdf-primary)}

/* ---- Thân footer ---- */
.tdf__main{background:var(--tdf-ink);padding:52px 0 40px}
.tdf__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px}

/* Cột thương hiệu */
.tdf__brand-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.tdf__logo{width:60px;height:60px;border-radius:50%;background:#fff;padding:5px;flex:0 0 60px;object-fit:contain}
.tdf__brand-name{font-size:16px;font-weight:800;color:#fff;line-height:1.35;margin:0}
.tdf__brand-slogan{font-size:13px;color:var(--tdf-secondary);margin:3px 0 0;font-weight:600}
.tdf__desc{font-size:14.5px;color:var(--tdf-text);margin:0 0 18px;max-width:380px}
.tdf__socials{display:flex;gap:10px}
.tdf__soc{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--tdf-line)}
.tdf__soc svg{width:19px;height:19px}
.tdf__soc:hover{background:var(--tdf-secondary);border-color:var(--tdf-secondary)}

/* Tiêu đề cột */
.tdf__col h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 18px;position:relative;padding-bottom:12px}
.tdf__col h3::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;
  background:var(--tdf-secondary);border-radius:2px}

/* Danh sách link */
.tdf__links{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.tdf__links a{color:var(--tdf-text);font-size:14.5px;display:inline-flex;align-items:flex-start;gap:8px;line-height:1.5}
.tdf__links a svg{width:16px;height:16px;margin-top:3px;color:var(--tdf-secondary)}
.tdf__links a:hover{color:#fff}

/* Cột liên hệ */
.tdf__contact{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tdf__contact li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--tdf-text)}
.tdf__contact li svg{width:20px;height:20px;color:var(--tdf-secondary);margin-top:2px}
.tdf__contact a{color:var(--tdf-text);overflow-wrap:anywhere}
.tdf__contact a:hover{color:#fff}
.tdf__contact strong{color:#fff;font-weight:700;font-size:17px}
.tdf__dir{display:inline-flex;align-items:center;gap:9px;margin-top:6px;min-height:44px;padding:10px 18px;
  border-radius:8px;background:var(--tdf-secondary);color:#fff;font-weight:700;font-size:14.5px}
.tdf__dir:hover{background:#1a6fb5;color:#fff}
.tdf__dir svg{width:18px;height:18px}

/* ---- Miễn trừ trách nhiệm y tế ---- */
.tdf__note{background:var(--tdf-ink);border-top:1px solid var(--tdf-line);padding:16px 0}
.tdf__note p{margin:0;font-size:13px;color:var(--tdf-muted);display:flex;gap:10px;align-items:flex-start;line-height:1.6}
.tdf__note svg{width:18px;height:18px;color:var(--tdf-muted);margin-top:1px;flex:0 0 18px}

/* ---- Thanh dưới cùng ---- */
.tdf__bottom{background:var(--tdf-primary-dark);padding:16px 0}
.tdf__bottom-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tdf__copy{font-size:13.5px;color:var(--tdf-text);margin:0}
.tdf__copy a{color:#fff;font-weight:600}
.tdf__copy a:hover{color:var(--tdf-secondary)}
.tdf__legal{display:flex;gap:8px 20px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.tdf__legal a{color:var(--tdf-text);font-size:13.5px}
.tdf__legal a:hover{color:#fff}

.tdf a:focus-visible,.tdf button:focus-visible{outline:3px solid var(--tdf-secondary);outline-offset:2px;border-radius:4px}

/* ---- Responsive ---- */
@media (max-width:1024px){
  .tdf__grid{grid-template-columns:1fr 1fr;gap:34px}
  .tdf__brand{grid-column:1 / -1}
}
@media (max-width:640px){
  .tdf__cta-in{flex-direction:column;align-items:flex-start}
  .tdf__cta-actions{width:100%}
  .tdf__btn{flex:1 1 auto;justify-content:center}
  .tdf__grid{grid-template-columns:1fr;gap:30px}
  .tdf__main{padding:40px 0 30px}
  .tdf__bottom-in{flex-direction:column;align-items:flex-start;gap:10px}
  /* chừa chỗ cho sticky mobile bar của trang chủ */
  .tdf__bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}