/* Footer chung của truyenlau.com và webdammy.com (partials/site-footer.blade.php). Màu theo từng site và theo chế độ sáng/tối. */
.ft2{--ft-bg:#fbf8f3;--ft-ink:#2b2118;--ft-muted:#6f6253;--ft-line:#e8dfd2;--ft-accent:#8b6f4e;--ft-on:#ffffff;--ft-chip:#f1e9dc;--ft-chip-ink:#4a3b2b;--ft-chip-hover:#e6d9c4;margin-top:48px;background:var(--ft-bg);color:var(--ft-ink);border-top:1px solid var(--ft-line);font-family:inherit;font-size:15px;line-height:1.5}
.ft2--webdammy{--ft-bg:#fffafb;--ft-ink:#33252b;--ft-muted:#7a6870;--ft-line:#f1e0e4;--ft-accent:#a23a56;--ft-chip:#fde6ea;--ft-chip-ink:#9a3350;--ft-chip-hover:#facdd6}
html[data-theme="dark"] .ft2{--ft-bg:#1d1913;--ft-ink:#efe6da;--ft-muted:#a89a8a;--ft-line:#3a3128;--ft-accent:#d2b08a;--ft-on:#1d1710;--ft-chip:#2f2820;--ft-chip-ink:#e5d9c8;--ft-chip-hover:#3b3228}
html[data-theme="dark"] .ft2--webdammy{--ft-bg:#1f1719;--ft-ink:#f3e6ea;--ft-muted:#b6a0a8;--ft-line:#3a2a30;--ft-accent:#e58a9c;--ft-on:#2b0f17;--ft-chip:#3a2128;--ft-chip-ink:#f2b9c5;--ft-chip-hover:#4b2a33}
.ft2 *{box-sizing:border-box}
.ft2 a{color:inherit;text-decoration:none}
.ft2 ul{list-style:none;margin:0;padding:0}
.ft2 :focus-visible{outline:2px solid var(--ft-accent);outline-offset:3px;border-radius:6px}
.ft2__in{max-width:1280px;margin:0 auto;padding:56px 80px 32px;display:flex;flex-direction:column;gap:36px}
/* Nút "Đổi giao diện" cố định ở góc trái dưới (chỉ có trên PC) không được che dòng bản quyền. */
@media (min-width:1024px){.ft2__in{padding-bottom:92px}}

.ft2__top{display:flex;justify-content:space-between;align-items:center;gap:32px}
.ft2__brand{display:flex;flex-direction:column;gap:14px;max-width:460px}
.ft2__logo{display:inline-flex;align-items:center;gap:12px;color:var(--ft-ink)}
.ft2__logo .c-icon__logo{width:36px;height:36px}
.ft2__logo .c-icon__logo::before{width:36px;height:36px}
.ft2__word{font-size:36px;line-height:1;letter-spacing:.03em;font-family:"Bebas Neue",Impact,sans-serif}
.ft2--webdammy .ft2__word{font-family:inherit;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ft-accent)}
.ft2__tagline{margin:0;color:var(--ft-muted);line-height:1.6}

.ft2__follow{display:flex;align-items:center;gap:16px}
.ft2__icons{display:flex;gap:10px}
.ft2__ico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--ft-line);color:var(--ft-ink);transition:border-color .15s,color .15s}
.ft2__ico:hover{border-color:var(--ft-accent);color:var(--ft-accent)}
.ft2__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;border-radius:22px;background:var(--ft-accent);color:var(--ft-on)!important;font-weight:600;font-size:14.5px;transition:filter .15s}
.ft2__cta:hover{filter:brightness(1.08)}
.ft2__contact{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.ft2__note{font-size:13px;color:var(--ft-muted)}
.ft2__mail{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:22px;border:1px solid var(--ft-accent);color:var(--ft-accent);font-weight:500;font-size:14.5px;transition:background-color .15s}
.ft2__mail:hover{background:var(--ft-chip)}

.ft2__cats{display:flex;gap:24px;border-top:1px solid var(--ft-line);padding-top:36px}
.ft2__label{flex:none;width:140px;display:flex;flex-direction:column;gap:4px}
.ft2__label h2{margin:0;font-size:15px;font-weight:600;color:var(--ft-ink)}
.ft2__label span{font-size:13px;color:var(--ft-muted)}
.ft2__catbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}
.ft2__chips{display:flex;flex-wrap:wrap;gap:8px}
.ft2__chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:16px;background:var(--ft-chip);color:var(--ft-chip-ink);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background-color .15s}
.ft2__chip:hover,.ft2__chip[aria-current]{background:var(--ft-chip-hover)}

.ft2__all{align-self:flex-start}
.ft2__all summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:22px;border:1px solid var(--ft-line);color:var(--ft-ink);font-size:14px;font-weight:500;cursor:pointer;list-style:none;transition:border-color .15s,color .15s}
.ft2__all summary::-webkit-details-marker{display:none}
.ft2__all summary:hover{border-color:var(--ft-accent);color:var(--ft-accent)}
.ft2__all summary svg{transition:transform .2s}
.ft2__all[open] summary svg{transform:rotate(180deg)}
.ft2__when-open{display:none}
.ft2__all[open] .ft2__when-closed{display:none}
.ft2__all[open] .ft2__when-open{display:inline}
.ft2__links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;padding-top:18px}
.ft2__links a{display:block;padding:6px 0;font-size:14px;line-height:1.4;color:var(--ft-muted)}
.ft2__links a:first-letter{text-transform:uppercase}
.ft2__links a:hover,.ft2__links a[aria-current]{color:var(--ft-accent);text-decoration:underline}

.ft2__bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--ft-line);padding-top:22px}
.ft2__legal{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.6;color:var(--ft-muted)}
.ft2__maillink{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ft-ink);white-space:nowrap}
.ft2__maillink:hover{color:var(--ft-accent)}

@media (max-width:900px){
  .ft2__in{padding:44px 32px 28px;gap:28px}
  .ft2__top{flex-direction:column;align-items:flex-start;gap:24px}
  .ft2__contact{align-items:flex-start}
  .ft2__cats{flex-direction:column;gap:14px;padding-top:28px}
  .ft2__label{width:auto}
  .ft2__links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft2__bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .ft2__in{padding:40px 24px 28px}
  .ft2__follow{flex-direction:column;align-items:flex-start}
  .ft2__cta{width:100%}
  .ft2__chips li:nth-child(n+9){display:none}
  .ft2__all{align-self:stretch}
  .ft2__all summary{width:100%}
  .ft2__links{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow-y:auto}
}
@media (prefers-reduced-motion:reduce){.ft2 *{transition:none!important}}
