/* Tags box and tag chips (config/tags.php). Bildfie theme tokens; all sizes scale with the theme's text size. */
.bf-tags{display:grid;gap:5px;min-width:0;position:relative}
.bf-tags-l{font-size:calc(11.5px*var(--bf-type-sm,1));font-weight:700;color:var(--wb-muted,var(--ink-3,#6b6b6b))}
.bf-tags-l small{font-weight:500;color:var(--wb-muted-2,#9b9b9b)}
.bf-tags-box{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:38px;padding:5px 8px;border:1px solid var(--wb-line,var(--line,#e5e5e5));border-radius:var(--bf-radius-sm,8px);background:var(--wb-input-bg,var(--bf-surface,#fff));cursor:text}
.bf-tags-box:focus-within{border-color:var(--wb-brand,var(--bf-brand,#c0392b));box-shadow:0 0 0 3px var(--wb-brand-soft,rgba(192,57,43,.12))}
.bf-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 9px;border-radius:20px;background:var(--wb-navy-soft,var(--bf-navy-soft,#eaf0f6));color:var(--wb-navy,var(--bf-navy,#1e3a5f));font-size:calc(12.5px*var(--bf-type-sm,1));font-weight:600;max-width:100%;overflow-wrap:anywhere}
.bf-tag-chip button{border:0;background:none;color:inherit;opacity:.65;font-size:calc(15px*var(--bf-type,1));line-height:1;padding:0 3px;cursor:pointer}
.bf-tag-chip button:hover{opacity:1}
.bf-tags-in{flex:1 1 140px;min-width:90px;border:0;outline:0;background:transparent;font-size:calc(13px*var(--bf-type,1));padding:3px 2px;color:var(--wb-ink,var(--ink,#111))}
.bf-tags-sug{position:absolute;left:0;right:0;top:100%;z-index:30;display:flex;flex-wrap:wrap;gap:4px;padding:8px;margin-top:2px;background:var(--wb-panel,var(--bf-surface,#fff));border:1px solid var(--wb-line,#e5e5e5);border-radius:var(--bf-radius-sm,8px);box-shadow:0 8px 20px rgba(17,19,28,.08)}
.bf-tags-sug[hidden],.bf-tags-auto[hidden],.bf-tags-err[hidden]{display:none}
.bf-tags-sug button,.bf-tags-auto button{border:1px solid var(--wb-line,#e5e5e5);background:var(--wb-panel-2,#fafafa);border-radius:20px;padding:2px 9px;font-size:calc(12px*var(--bf-type-sm,1));color:var(--wb-ink,#111);cursor:pointer}
.bf-tags-sug button:hover,.bf-tags-auto button:hover{border-color:var(--wb-navy,#1e3a5f);color:var(--wb-navy,#1e3a5f)}
.bf-tags-auto{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.bf-tags-auto small{font-size:calc(11.5px*var(--bf-type-sm,1));color:var(--wb-muted,#6b6b6b);margin-right:2px}
.bf-tags-err{font-size:calc(12px*var(--bf-type-sm,1));color:var(--wb-red,var(--bf-danger,#b91c1c));font-weight:600}
/* chips on cards and item pages */
.bf-tagchips{display:flex;flex-wrap:wrap;gap:4px 6px;min-width:0}
.bf-tagchips a,.bf-tagchips span{font-size:calc(11.5px*var(--bf-type-sm,1));color:var(--wb-navy,var(--bf-navy,#1e3a5f));background:var(--wb-navy-soft,var(--bf-navy-soft,#eaf0f6));padding:1px 8px;border-radius:20px;text-decoration:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bf-tagchips a:hover{background:var(--wb-navy,#1e3a5f);color:#fff}

.bf-tagchips{position:relative;z-index:2}
.bf-tagbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 12px;margin:0 0 10px;border:1px solid var(--wb-line,#e5e5e5);border-radius:10px;background:var(--wb-navy-soft,#eaf0f6);font-size:calc(13px*var(--bf-type,1));color:var(--wb-ink,#111)}
.bf-tagbar b{color:var(--wb-navy,#1e3a5f)}
.bf-tagbar a{color:var(--wb-navy,#1e3a5f);text-decoration:none;font-weight:700}
.bf-tagbar > a:first-of-type{font-size:calc(16px*var(--bf-type,1));line-height:1}
.bf-tagbar-all{margin-left:auto;font-size:calc(12.5px*var(--bf-type-sm,1))}
.pb-tagrow{margin:0 0 10px}
.jb-tagrow,.pr-tagrow{margin:6px 0 2px}
.mk-tagrow{margin-top:4px;flex-wrap:nowrap;overflow:hidden}
.dg-tagrow{margin-top:2px}
.bf-tagrow-page{margin:8px 0 0}