/* HeroUI v3 Card, Avatar, Breadcrumbs, TextArea, Dropdown and Pagination.
 * Original component styles: ../reference/heroui-home/ (Apache-2.0).
 * Reuses home-heroui.css tokens, Card, Button, Chip and Alert adaptations.
 * Two-column post layout is site-specific; existing forms and handlers retained.
 */
.home-topic .home-topic__heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.home-topic .forum-topic-title { font:500 20px/28px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:var(--home-fg) !important; }
.home-topic .post-btns { display:flex !important; align-items:center; gap:8px; float:none !important; margin:0; flex-wrap:wrap; }
.home-topic .breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:0; margin:0 0 16px; border:0; background:transparent; font:500 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; }
.home-topic .breadcrumb li, .home-topic .breadcrumb a { color:var(--home-muted) !important; }
.home-topic .breadcrumb li.active { color:var(--home-fg) !important; }
.home-topic .breadcrumb li + li::before { content:'›'; padding:0 6px 0 0; color:var(--home-muted); }
.home-topic .forum-post-card { margin-bottom:16px; }
.home-topic .forum-post-card > .row { display:grid; grid-template-columns:160px minmax(0,1fr); gap:16px; margin:0; }
.home-topic .forum-post-card > .row > div { max-width:100%; width:100%; min-width:0; padding:0; }
.home-topic .forum-left-col { padding:0 16px 0 0; border-right:1px solid var(--home-separator); }
.home-topic .forum-left-col > .avatar-img { width:48px !important; height:48px !important; border-radius:24px; object-fit:cover; }
.home-topic .forum-left-col > .username { font-size:14px !important; line-height:20px; }
.home-topic .forum-left-col > .card { padding:12px; background:var(--home-default) !important; border-radius:16px; margin-top:12px !important; font-size:12px; }
.home-topic .forum-right-col { gap:12px; }
.home-topic .forum-right-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0; border:0; color:var(--home-muted); }
.home-topic .sm-btns { display:flex; gap:4px; float:none !important; }
.home-topic .sm-btns .btn { width:32px; height:32px; padding:0; }
.home-topic .forum-post-content { padding:0; font:400 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; overflow-wrap:anywhere; }
.home-topic .forum-post-content img, .home-topic .signature img { max-width:100%; height:auto; border-radius:16px; }
.home-topic .forum-post-content pre { max-width:100%; overflow:auto; }
.home-topic .forum-post-content iframe { max-width:100%; }
.home-topic .signature { padding:12px 0 0; border-top:1px solid var(--home-separator); color:var(--home-muted); }
.home-topic .signature:empty { display:none; }
.home-topic .post-author-mobile { padding:12px 0 0; border-top:1px solid var(--home-separator); }
.home-topic .post-author-mobile .avatar-img { width:40px !important; height:40px !important; border-radius:24px; object-fit:cover; }
.home-topic .post-author-mobile .username { font-size:14px !important; }
.home-topic .badge { display:inline-flex; align-items:center; padding:2px 8px; border-radius:16px; font:500 12px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; }
.home-topic .form-control { padding:8px 12px; min-height:38px; border:0; border-radius:12px; background:var(--home-surface) !important; color:var(--home-fg) !important; font:inherit; box-shadow:none; }
.home-topic .form-control:focus { outline:2px solid var(--home-accent); outline-offset:2px; }
.home-topic .dropdown-menu { padding:6px; min-width:220px; max-width:calc(100vw - 32px); border:0; border-radius:24px; background:var(--home-surface) !important; box-shadow:0 0 1px #ffffff4d inset,0 12px 24px #0003; }
.home-topic .dropdown-item { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:16px; color:var(--home-fg) !important; font:400 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; white-space:normal; }
.home-topic .dropdown-item:hover { background:var(--home-default) !important; }
.home-topic .pagination { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.home-topic .pagination .page-link { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; margin:0; border:0 !important; border-radius:24px !important; background:transparent !important; color:var(--home-fg) !important; font:500 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; }
.home-topic .pagination .active .page-link, .home-topic .pagination .page-link:hover { background:var(--home-default) !important; }
.home-topic .pagination .disabled .page-link { opacity:.5; pointer-events:none; }
@media(max-width:991px) { .home-topic .forum-post-card > .row { grid-template-columns:minmax(0,1fr); } .home-topic .forum-author-col { display:none; } }
@media(max-width:575px) { .home-topic .forum-right-top { flex-wrap:wrap; } }