/* CSS dùng chung cho các trang con (không phải trang chủ): breadcrumb, gợi ý tìm kiếm. */

.crumbs{padding-block:var(--s8) 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3);font-size:var(--fs-sm);color:var(--fg-2)}
.crumbs li{display:flex;gap:var(--s3);align-items:center;min-width:0}
.crumbs li+li::before{content:"/";color:var(--line)}
.crumbs a{color:var(--fg-2);text-decoration:none}
.crumbs a:hover{color:var(--action);text-decoration:underline}
.crumbs [aria-current]{color:var(--fg);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.search{position:relative}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;color:var(--fg);border:0;border-radius:var(--r-card);box-shadow:var(--shadow-hover);padding:var(--s3);z-index:30;max-height:360px;overflow:auto}
.suggest a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s3) var(--s5);border-radius:8px;color:var(--fg);text-decoration:none;font-size:var(--fs-md)}
.suggest a:hover,.suggest a:focus-visible,.suggest a[aria-selected="true"]{background:var(--bg);outline:none}
.suggest .si{width:44px;height:44px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}
.suggest .si img{width:100%;height:100%;object-fit:contain}
.suggest .si .fb svg{width:40px}
.suggest .sn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggest .sp{font-weight:600;font-size:var(--fs-sm)}
.suggest .sempty{padding:var(--s5);font-size:var(--fs-md);color:var(--fg-2)}
.pcard a.media{display:grid}