/* ═══ هنر مردمی — نسخه ۴: شبکه اجتماعی، پیام شیشه‌ای، تقویم مناسبت‌ها، صفحه هنرمند ═══ */

/* دنبال کردن / پسند / ذخیره */
.hb-soc{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--g-200,#D6D2CB);background:#fff;color:var(--g-900,#2B2A28);border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;cursor:pointer;transition:.18s}
.hb-soc .ic{width:18px;height:18px}
.hb-soc em{font-style:normal;font-size:12px;color:var(--g-400,#7F7A72)}
.hb-soc:hover{border-color:var(--f-400,#14A3AE)}
.hb-soc.on{background:var(--f-50,#E3F4F4);border-color:var(--f-400,#14A3AE);color:var(--f-700,#0B5F68)}
.hb-soc-like.on .ic{fill:#E0245E;stroke:#E0245E}
.hb-soc-save.on .ic{fill:currentColor}
.hb-soc-follow.btn{border-radius:var(--r-btn,12px);background:var(--f-600,#0E7F89);color:#fff;border-color:var(--f-600,#0E7F89);padding:10px 18px}
.hb-soc-follow.btn em{color:rgba(255,255,255,.75)}
.hb-soc-follow.btn.on{background:#fff;color:var(--f-700,#0B5F68)}
.hb-soc-follow.btn.on em{color:var(--g-400,#7F7A72)}
.hb-soc.pop .ic{animation:hbpop .35s ease}
@keyframes hbpop{50%{transform:scale(1.35)}}
.hb-soc-bar{display:flex;gap:10px;margin:22px 0;padding-top:16px;border-top:1px dashed var(--g-200,#D6D2CB)}

/* آمار پروفایل شبیه اینستاگرام */
.ig-stats{display:flex;gap:22px;margin-top:10px;flex-wrap:wrap}
.ig-stats>*{display:flex;flex-direction:column;align-items:center;line-height:1.4;color:inherit}
.ig-stats b{font-size:18px;font-weight:800}
.ig-stats small{font-size:12px;color:var(--g-400,#7F7A72)}
.feat-title{display:flex;align-items:center;gap:6px;margin:0 0 12px;color:var(--f-700,#0B5F68)}
.feat-title .ic{width:18px;height:18px}

/* صفحات هنرمند در شبکه‌ها */
.hb-socials{display:flex;flex-wrap:wrap;gap:8px}
.hb-soc-link{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 14px;border-radius:12px;background:#fff;border:1.5px solid color-mix(in srgb,var(--c) 35%,#fff);color:var(--c);font-size:13.5px;font-weight:700;transition:.18s}
.hb-soc-link .ic{width:22px;height:22px;fill:var(--c)}
.hb-soc-link:hover{background:var(--c);color:#fff}
.hb-soc-link:hover .ic{fill:#fff}

/* پیام همگانی شیشه‌ای */
.hb-glass{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-140%);width:min(640px,calc(100% - 20px));z-index:99999;transition:transform .55s cubic-bezier(.2,.9,.25,1.2),opacity .4s;opacity:0}
.hb-glass.in{transform:translate(-50%,0);opacity:1}
.hb-glass-in{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 50px rgba(7,63,70,.28),inset 0 1px 0 rgba(255,255,255,.8)}
.hb-glass-ic{font-size:26px;line-height:1;flex:none;margin-top:2px}
.hb-glass-tx{flex:1;min-width:0}
.hb-glass-tx b{display:block;font-size:15px;color:var(--f-900,#073F46)}
.hb-glass-tx p{margin:4px 0 0;font-size:13.5px;line-height:1.9;color:#2B2A28;max-height:5.7em;overflow:hidden}
.hb-glass-act{display:flex;flex-direction:column;gap:6px;flex:none}
.hb-glass-act a,.hb-glass-act button{font:inherit;font-size:12.5px;border-radius:10px;padding:6px 12px;cursor:pointer;text-align:center;border:0}
.hb-glass-ok{background:var(--f-600,#0E7F89);color:#fff}
.hb-glass-more{background:rgba(7,63,70,.08);color:var(--f-700,#0B5F68)}
@media (prefers-color-scheme:dark){.hb-glass-in{background:rgba(20,40,44,.6);border-color:rgba(255,255,255,.18)}.hb-glass-tx b{color:#fff}.hb-glass-tx p{color:#e6eeee}}
@media (max-width:520px){.hb-glass-in{flex-wrap:wrap}.hb-glass-act{flex-direction:row;width:100%}.hb-glass-act>*{flex:1}}

/* نظرهای مربوط به من */
.hb-cmod-item{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--g-100,#EDEBE7)}
.hb-cmod-item p{margin:6px 0 0;white-space:pre-line}
.hb-cmod-item .acts{display:flex;gap:6px;flex:none}
.hb-cmod-item.done{opacity:.45}
.btn.danger{color:var(--red,#C0392B);border-color:var(--red,#C0392B)}
.hb-people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.hb-people li{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--g-100,#EDEBE7);border-radius:12px}
.hb-people img,.hb-people .ph{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--f-50,#E3F4F4);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--f-700,#0B5F68)}

/* تقویم: مناسبت‌ها */
.cal-grid .d i+i{transform:translateX(5px) rotate(45deg)}
.cal-grid .d i:first-of-type:not(:only-of-type){transform:translateX(-5px) rotate(45deg)}
.cal-grid .d i.o-national,.cal-legend i.o-national{background:#2E7D32}
.cal-grid .d i.o-religious,.cal-legend i.o-religious{background:#6A1B9A}
.cal-grid .d i.o-local,.cal-legend i.o-local{background:#E65100}
.cal-grid .d i.o-martyr,.cal-grid .d i.o-mbirth,.cal-legend i.o-martyr{background:var(--red,#C0392B)}
.cal-grid .d.occ{font-weight:700}
.cal-occ{margin-top:16px;border:1px solid var(--g-200,#D6D2CB);border-radius:var(--r-card,14px);background:#fff;padding:12px 14px;max-height:520px;overflow:auto}
.cal-occ h4{margin:0 0 8px;display:flex;align-items:center;gap:6px;font-size:15px}
.cal-occ ul{list-style:none;margin:0;padding:0}
.cal-occ li{display:flex;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--g-100,#EDEBE7);font-size:13.5px;line-height:1.8;scroll-margin-top:100px}
.cal-occ li:target{background:var(--gold-l,#F3EBDD);border-radius:8px}
.cal-occ li b{flex:none;width:26px;height:26px;border-radius:8px;background:var(--f-50,#E3F4F4);color:var(--f-700,#0B5F68);display:flex;align-items:center;justify-content:center;font-size:12.5px}
.cal-occ li.hol b{background:var(--red-l,#FBECEA);color:var(--red,#C0392B)}
.cal-occ li span{flex:1}
.cal-occ li i{font-style:normal;font-size:11px;color:var(--g-400,#7F7A72);flex:none}
.cal-occ li.k-martyr span a{color:var(--red,#C0392B)}
.tb-occ{font-size:12.5px;opacity:.9;background:rgba(255,255,255,.12);padding:2px 10px;border-radius:999px;margin-inline-start:8px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-date{color:inherit;display:inline-flex;align-items:center;gap:6px}

/* اخبار حوزه هنری */
.an-block{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:820px){.an-block{grid-template-columns:1fr}}
.an-col{border:1px solid var(--g-200,#D6D2CB);border-radius:var(--r-card,14px);padding:14px 16px;background:#fff}
.an-col h3{margin:0 0 10px;font-size:16px;display:flex;align-items:center;gap:6px;color:var(--f-700,#0B5F68)}
.an-mini{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--g-100,#EDEBE7);color:var(--g-900,#2B2A28);font-size:14px;line-height:1.8}
.an-mini img{width:72px;height:52px;object-fit:cover;border-radius:8px;flex:none}
.an-mini small{display:block;color:var(--g-400,#7F7A72);font-size:11.5px}
.an-more{display:block;margin-top:10px;font-size:13px;font-weight:700}

/* پیام‌ها: برچسب در صندوق یکپارچه */
.hbc-tag{display:inline-block;font-size:10.5px;font-weight:700;background:var(--gold-l,#F3EBDD);color:#8a6a2f;border-radius:6px;padding:0 6px;margin-inline-start:6px;vertical-align:middle}
.hbc-tag.t2{background:var(--f-50,#E3F4F4);color:var(--f-700,#0B5F68)}

/* راهنمای کوتاه */
.hb-guide-short .hb-guide-item ul{margin:0;padding:0 40px 12px 16px;line-height:2;font-size:14.5px}
.hb-guide-short .hb-guide-item li{margin-bottom:4px}

/* متفرقه */
.kind-chips a .ic{width:16px;height:16px;vertical-align:-3px}
.martyr .martyr-ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#0B5F68,#073F46);color:rgba(255,255,255,.35)}
.martyr .martyr-ph .ic{width:64px;height:64px}
.switch-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer}
.switch-row input{width:20px;height:20px}
.artist-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* آیکون رسمی پیام‌رسان‌ها */
img.hb-brand{display:inline-block;object-fit:contain;flex:none;vertical-align:middle;border-radius:6px}
.hb-soc-link{padding:6px 12px 6px 8px;border-color:color-mix(in srgb,var(--c) 30%,#fff)}
.hb-soc-link img.hb-brand{width:26px;height:26px}
.hb-soc-link:hover{background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c)}
.socials a img.hb-brand{width:22px;height:22px}
.share-bar img.hb-brand{width:20px;height:20px;margin-inline-end:4px}
.soc-lbl{display:flex;align-items:center;gap:6px}
/* تقویم: فهرست مناسبت‌ها جمع‌وجور (هر مورد یک خط، لمس = باز) */
.cal-occ.compact li{cursor:pointer}
.cal-occ.compact li span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cal-occ.compact li.open span{-webkit-line-clamp:unset;display:block}
.cal-occ.compact:not(.all) li:nth-of-type(n+7){display:none}
.cal-more{display:block;width:100%;margin-top:8px;border:0;border-radius:10px;padding:9px;background:var(--f-50,#E3F4F4);color:var(--f-700,#0B5F68);font:inherit;font-weight:700;cursor:pointer}
.cal-more[hidden]{display:none}
/* شبکه‌ها: فقط شناسه */
.soc-in{display:flex;align-items:stretch;border:1.5px solid var(--g-200,#D6D2CB);border-radius:12px;overflow:hidden;background:#fff}
.soc-in span{display:flex;align-items:center;padding:0 10px;background:var(--g-50,#F4F2EE);color:var(--g-400,#7F7A72);font-size:13px;white-space:nowrap;border-left:1px solid var(--g-200,#D6D2CB)}
.soc-in input{border:0!important;flex:1;min-width:0;box-shadow:none!important;border-radius:0!important}
.soc-in:focus-within{border-color:var(--f-400,#14A3AE)}