.bvc-comments-shell{font-family:inherit;margin:28px 0;direction:rtl;text-align:right;color:#111827;font-size:13px}.bvc-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.bvc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,rgba(29,78,216,.055),rgba(185,28,28,.045))}.bvc-title{margin:0;font-size:16px;line-height:1.3;font-weight:800}.bvc-count{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 9px;font-size:11.5px;color:#374151;white-space:nowrap}.bvc-delay-card,.bvc-loading{display:flex;align-items:center;gap:8px;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;color:#4b5563;font-size:13px}.bvc-spinner{width:17px;height:17px;border:2px solid #e5e7eb;border-top-color:var(--bvc-primary);border-radius:50%;display:inline-block;animation:bvcSpin 1s linear infinite}@keyframes bvcSpin{to{transform:rotate(360deg)}}.bvc-form{padding:14px 16px;border-top:1px solid #eef2f7}.bvc-form h3,.bvc-modal-box h3{margin:0 0 10px;font-size:16px}.bvc-tabs{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap}.bvc-tab{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;font-weight:700;font-size:13px}.bvc-tab.active{background:var(--bvc-primary);color:#fff;border-color:var(--bvc-primary)}.bvc-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bvc-field{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:11px;padding:9px 11px;font-size:12px;outline:none;background:#fff}.bvc-field:focus{border-color:var(--bvc-primary);box-shadow:0 0 0 3px rgba(29,78,216,.10)}#bvc-login-box .bvc-field,#bvc-register-box .bvc-field{margin-bottom:8px}.bvc-btn{border:0;border-radius:11px;padding:9px 14px;cursor:pointer;font-weight:800;background:var(--bvc-primary);color:#fff;transition:.15s;font-size:13px;line-height:1.4;text-decoration:none}.bvc-btn:hover{transform:translateY(-1px);filter:brightness(.98)}.bvc-btn.ghost{background:#f3f4f6;color:#111827}.bvc-btn.google{background:#DB4437;color:#fff;border:1px solid #DB4437;display:inline-flex;align-items:center;justify-content:center;gap:8px}.bvc-btn.google:before{content:'G';font-weight:900;color:#fff;background:rgba(255,255,255,.18);width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.bvc-divider{display:flex;align-items:center;gap:10px;margin:13px 0;color:#6b7280;font-size:12px}.bvc-divider:before,.bvc-divider:after{content:'';height:1px;background:#e5e7eb;flex:1}.bvc-userbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #eef2f7;background:#fafafa}.bvc-user{display:flex;align-items:center;gap:9px;font-size:13px}.bvc-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e5e7eb;flex:0 0 auto}.bvc-form textarea{min-height:78px;resize:vertical;margin-bottom:8px}.bvc-form-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.bvc-note{font-size:12px;color:#6b7280}.bvc-list{padding:4px 16px 12px}.bvc-empty{padding:18px 0;color:#6b7280;font-size:13px;text-align:center}.bvc-comment{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #f1f5f9}.bvc-comment:last-child{border-bottom:0}.bvc-comment-body{flex:1;min-width:0}.bvc-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.bvc-name{font-weight:800;font-size:12.5px}.bvc-date{font-size:11px;color:#6b7280}.bvc-text{font-size:12.5px;line-height:1.65;color:#1f2937;word-break:break-word}.bvc-actions{display:flex;gap:10px;margin-top:6px;align-items:center}.bvc-link{border:0;background:transparent;color:var(--bvc-primary);cursor:pointer;font-weight:700;padding:0;font-size:12px}.bvc-replies{margin-right:38px;border-right:2px solid #eef2f7;padding-right:12px}.bvc-alert{margin-top:9px;padding:9px 10px;border-radius:10px;background:#fef3c7;color:#92400e;font-size:12px}.bvc-alert.ok{background:#dcfce7;color:#166534}.bvc-hidden{display:none!important}.bvc-guest-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-top:1px solid #eef2f7;background:#fcfcfd}.bvc-more-wrap{padding:0 16px 14px;text-align:center}.bvc-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;direction:rtl;text-align:right}.bvc-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.bvc-modal-box{position:relative;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.25);width:min(460px,100%);padding:18px;border:1px solid #e5e7eb}.bvc-modal-close{position:absolute;top:10px;left:12px;border:0;background:#f3f4f6;color:#111827;width:30px;height:30px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}.bvc-modal-text{margin:0 0 12px;color:#6b7280;font-size:13px;line-height:1.6}@media(max-width:640px){.bvc-comments-shell{font-size:13px}.bvc-head{align-items:flex-start;flex-direction:column}.bvc-auth-grid{grid-template-columns:1fr}.bvc-replies{margin-right:14px}.bvc-form-actions,.bvc-guest-cta{align-items:stretch;flex-direction:column}.bvc-btn{width:100%;text-align:center}.bvc-modal-box{padding:16px}.bvc-comment{gap:8px}.bvc-avatar{width:30px;height:30px}} .bvc-guest-area{padding:12px 16px 16px;border-top:1px solid #eef2f7;background:#fff}.bvc-guest-input{min-height:54px;resize:none;cursor:pointer;background:#fbfdff}.bvc-login-line{margin:8px 0 0;color:#6b7280;font-size:12px;line-height:1.7}.bvc-inline-auth{border:0;background:transparent;color:var(--bvc-primary);font-weight:800;cursor:pointer;padding:0 2px;text-decoration:none}.bvc-inline-auth:hover{text-decoration:underline} /* v1.0.3 cache-bust fixes */ .bvc-btn.google{background:#ea4335!important;color:#fff!important;border-color:#ea4335!important;justify-content:center} .bvc-btn.google:before{color:#fff!important} .bvc-guest-area{padding:14px 16px!important;border-top:1px solid #eef2f7!important;background:#fff!important} .bvc-guest-input{min-height:46px!important;resize:none!important;cursor:pointer!important;background:#fff!important;margin-bottom:8px!important} .bvc-login-line{margin:6px 0 0!important;font-size:12px!important;color:#6b7280!important;line-height:1.7!important} .bvc-inline-auth{border:0!important;background:transparent!important;color:#2563eb!important;cursor:pointer!important;font-weight:800!important;padding:0 2px!important;text-decoration:none!important;font-size:12px!important} .bvc-inline-auth:hover{text-decoration:underline!important} /* v1.0.4 mobile typography + header alignment */ .bvc-empty{display:none!important} @media(max-width:640px){ .bvc-comments-shell{font-size:11.5px!important;margin:22px 0!important} .bvc-card{border-radius:14px!important} .bvc-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:11px 14px!important} .bvc-title{font-size:14px!important;line-height:1.25!important} .bvc-count{font-size:10px!important;padding:3px 8px!important;flex:0 0 auto!important;white-space:nowrap!important} .bvc-list{padding:2px 14px 8px!important} .bvc-comment{padding:10px 0!important;gap:8px!important} .bvc-name,.bvc-text{font-size:11.5px!important} .bvc-date,.bvc-note,.bvc-link{font-size:10.5px!important} .bvc-avatar{width:28px!important;height:28px!important} .bvc-guest-area{padding:12px 14px 14px!important} .bvc-guest-input{min-height:42px!important;font-size:11.5px!important;border-radius:10px!important} .bvc-login-line{font-size:10.8px!important;line-height:1.7!important;text-align:right!important;margin-top:5px!important} .bvc-inline-auth{font-size:10.8px!important;font-weight:800!important} .bvc-more-wrap{padding:0 14px 12px!important} .bvc-btn{font-size:11.5px!important;padding:8px 12px!important} .bvc-modal-box h3,.bvc-form h3{font-size:14px!important} .bvc-modal-text{font-size:11.5px!important} .bvc-field{font-size:11.5px!important} } /* v1.0.5 comment layout + date fixes */ .bvc-name{font-weight:900!important;color:#111827!important;display:block!important} .bvc-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;margin-bottom:5px!important} .bvc-date{display:block!important;color:#6b7280!important} @media(max-width:640px){ .bvc-name{font-size:12px!important;font-weight:900!important} .bvc-date{font-size:10.5px!important;line-height:1.4!important} .bvc-meta{gap:0!important;margin-bottom:4px!important} } /* v1.0.6 safe placement + comment meta fixes */ .bvc-comments-shell{display:block!important;clear:both!important;width:100%!important;box-sizing:border-box!important} .bvc-comment{align-items:flex-start!important;position:relative!important} .bvc-comment-body{flex:1 1 auto!important;min-width:0!important;overflow:visible!important} .bvc-meta{line-height:1.35!important;position:relative!important;z-index:1!important} .bvc-name{line-height:1.35!important} .bvc-date{line-height:1.35!important;margin-top:1px!important} .bvc-text{clear:both!important;margin-top:4px!important} @media(max-width:640px){ .bvc-comments-shell{margin-top:18px!important;margin-bottom:18px!important} .bvc-meta{line-height:1.3!important} .bvc-text{margin-top:3px!important} } /* v1.0.8: force comments to be isolated from share wrappers */ #bvc-comments-root{display:block!important;clear:both!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} #bvc-comments-root .bvc-card{width:100%!important;box-sizing:border-box!important} /* v1.1.4 SAFE VISUAL REDESIGN - CSS only */ #bvc-comments-root.bvc-comments-shell,#bvc-comments-root.bvc-comments-shell *{box-sizing:border-box!important} #bvc-comments-root.bvc-comments-shell{direction:rtl!important;text-align:right!important;font-family:inherit!important;color:#1f2937!important;clear:both!important;width:100%!important;max-width:100%!important;margin:24px 0!important;padding:0!important;line-height:1.7!important;float:none!important} #bvc-comments-root .bvc-card{background:#fff!important;border:1px solid #edf0f3!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important;width:100%!important} #bvc-comments-root .bvc-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 16px!important;background:#fff!important;border-bottom:1px solid #edf0f3!important} #bvc-comments-root .bvc-title{margin:0!important;font-size:16px!important;font-weight:800!important;color:#111827!important;line-height:1.3!important} #bvc-comments-root .bvc-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;flex:0 0 auto!important;background:#f8fafc!important;border:1px solid #e6e9ee!important;border-radius:999px!important;padding:4px 10px!important;color:#4b5563!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important} #bvc-comments-root .bvc-list{padding:0 16px!important;background:#fff!important} #bvc-comments-root .bvc-comment{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;padding:16px 0!important;margin:0!important;border-bottom:1px solid #f0f2f5!important;background:#fff!important;float:none!important;width:100%!important} #bvc-comments-root .bvc-comment:last-child{border-bottom:0!important} #bvc-comments-root .bvc-avatar{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;border-radius:50%!important;object-fit:cover!important;background:#eef2f7!important;margin:2px 0 0 0!important;border:0!important;padding:0!important} #bvc-comments-root .bvc-comment-body{flex:1 1 auto!important;min-width:0!important;overflow:visible!important;padding:0!important;margin:0!important} #bvc-comments-root .bvc-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;margin:0 0 6px 0!important;padding:0!important;line-height:1.35!important} #bvc-comments-root .bvc-name{display:block!important;font-size:13px!important;font-weight:800!important;color:#1f2937!important;line-height:1.35!important;margin:0!important} #bvc-comments-root .bvc-date{display:block!important;font-size:11px!important;font-weight:400!important;color:#8a94a3!important;line-height:1.35!important;margin:2px 0 0 0!important} #bvc-comments-root .bvc-text{display:block!important;clear:both!important;margin:0!important;padding:0!important;color:#374151!important;font-size:13px!important;font-weight:400!important;line-height:1.75!important;word-break:break-word!important} #bvc-comments-root .bvc-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:8px 0 0 0!important;padding:0!important;color:#8a94a3!important;font-size:11.5px!important} #bvc-comments-root .bvc-link{border:0!important;background:transparent!important;color:#6b7280!important;cursor:pointer!important;font-weight:700!important;padding:0!important;margin:0!important;font-size:11.5px!important;line-height:1.5!important;text-decoration:none!important} #bvc-comments-root .bvc-link:hover{color:var(--bvc-primary)!important;text-decoration:underline!important} #bvc-comments-root .bvc-note{color:#9ca3af!important;font-size:11.5px!important;font-weight:400!important;line-height:1.5!important} #bvc-comments-root .bvc-replies{margin:12px 0 0 0!important;padding:0 12px 0 0!important;border-right:2px solid #f0f2f5!important} #bvc-comments-root .bvc-replies .bvc-comment{padding:12px 0!important} #bvc-comments-root .bvc-more-wrap{padding:8px 16px 16px!important;text-align:center!important;background:#fff!important} #bvc-comments-root .bvc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:10px!important;padding:8px 14px!important;min-height:36px!important;background:var(--bvc-primary)!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important;text-decoration:none!important;box-shadow:none!important} #bvc-comments-root .bvc-btn.ghost{background:#f5f6f8!important;color:#374151!important;border:1px solid #e6e9ee!important} #bvc-comments-root .bvc-btn.google{background:#ea4335!important;border-color:#ea4335!important;color:#fff!important;width:100%!important} #bvc-comments-root .bvc-guest-area{padding:14px 16px 16px!important;border-top:1px solid #edf0f3!important;background:#fff!important} #bvc-comments-root .bvc-guest-input{min-height:46px!important;height:46px!important;resize:none!important;cursor:pointer!important;background:#fafafa!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:11px 13px!important;color:#374151!important;font-size:12.5px!important;line-height:1.6!important;margin:0!important;box-shadow:none!important} #bvc-comments-root .bvc-login-line{margin:7px 0 0 0!important;color:#6b7280!important;font-size:11.5px!important;line-height:1.7!important} #bvc-comments-root .bvc-inline-auth{border:0!important;background:transparent!important;color:#2563eb!important;cursor:pointer!important;font-weight:800!important;padding:0 2px!important;margin:0!important;text-decoration:none!important;font-size:11.5px!important;line-height:1.7!important} #bvc-comments-root .bvc-inline-auth:hover{text-decoration:underline!important} #bvc-comments-root .bvc-form{padding:14px 16px 16px!important;border-top:1px solid #edf0f3!important;background:#fff!important} #bvc-comments-root .bvc-form h3{margin:0 0 8px 0!important;font-size:14px!important;font-weight:800!important;color:#111827!important} #bvc-comments-root .bvc-field{width:100%!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:10px 12px!important;background:#fff!important;font-size:12.5px!important;line-height:1.6!important;outline:none!important;box-shadow:none!important} #bvc-comments-root .bvc-field:focus{border-color:var(--bvc-primary)!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important} #bvc-comments-root .bvc-form textarea{min-height:86px!important;resize:vertical!important} #bvc-comments-root .bvc-form-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:8px!important} #bvc-comments-root .bvc-userbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 16px!important;background:#fafafa!important;border-top:1px solid #edf0f3!important} #bvc-comments-root .bvc-user{display:flex!important;align-items:center!important;gap:9px!important;font-size:12.5px!important;color:#111827!important} #bvc-comments-root .bvc-empty{display:none!important} #bvc-comments-root .bvc-loading,#bvc-comments-root .bvc-delay-card{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#fff!important;border:1px solid #edf0f3!important;border-radius:12px!important;padding:16px!important;color:#6b7280!important;font-size:12px!important} #bvc-comments-root .bvc-modal-box{border-radius:14px!important;padding:18px!important} #bvc-comments-root .bvc-modal-box h3{font-size:16px!important;font-weight:800!important} @media(max-width:640px){#bvc-comments-root.bvc-comments-shell{margin:18px 0!important;font-size:12px!important}#bvc-comments-root .bvc-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:11px 12px!important;gap:8px!important}#bvc-comments-root .bvc-title{font-size:14px!important}#bvc-comments-root .bvc-count{font-size:10.5px!important;padding:3px 8px!important;white-space:nowrap!important;flex:0 0 auto!important}#bvc-comments-root .bvc-list{padding:0 12px!important}#bvc-comments-root .bvc-comment{gap:9px!important;padding:13px 0!important}#bvc-comments-root .bvc-avatar{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}#bvc-comments-root .bvc-name{font-size:12px!important}#bvc-comments-root .bvc-date{font-size:10px!important}#bvc-comments-root .bvc-text{font-size:12px!important;line-height:1.75!important}#bvc-comments-root .bvc-actions,#bvc-comments-root .bvc-link,#bvc-comments-root .bvc-note{font-size:10.5px!important}#bvc-comments-root .bvc-replies{margin-top:10px!important;padding-right:10px!important}#bvc-comments-root .bvc-guest-area{padding:12px!important}#bvc-comments-root .bvc-guest-input{min-height:42px!important;height:42px!important;padding:9px 11px!important;font-size:11.5px!important}#bvc-comments-root .bvc-login-line,#bvc-comments-root .bvc-inline-auth{font-size:10.5px!important}#bvc-comments-root .bvc-more-wrap{padding:6px 12px 13px!important}#bvc-comments-root .bvc-btn{min-height:34px!important;padding:7px 12px!important;font-size:11.5px!important}#bvc-comments-root .bvc-form-actions{flex-direction:column!important;align-items:stretch!important}#bvc-comments-root .bvc-form-actions .bvc-btn{width:100%!important}} /* v1.1.5 Facebook-like clean redesign */ #bvc-comments-root.bvc-comments-shell, #bvc-comments-root.bvc-comments-shell *{ box-sizing:border-box!important; } #bvc-comments-root.bvc-comments-shell{ font-family:Helvetica, Arial, sans-serif!important; direction:rtl!important; text-align:right!important; color:#050505!important; background:#fff!important; margin:28px 0!important; padding:0!important; clear:both!important; width:100%!important; max-width:100%!important; line-height:1.55!important; } #bvc-comments-root .bvc-card{ background:#fff!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; padding:0 20px!important; } #bvc-comments-root .bvc-head{ background:#fff!important; border:0!important; padding:0 0 18px!important; display:flex!important; flex-direction:row!important; justify-content:space-between!important; align-items:center!important; } #bvc-comments-root .bvc-title{ font-family:Helvetica, Arial, sans-serif!important; margin:0!important; font-size:20px!important; font-weight:800!important; color:#050505!important; letter-spacing:0!important; } #bvc-comments-root .bvc-count{ background:#f0f2f5!important; border:0!important; border-radius:999px!important; color:#65676b!important; font-size:12px!important; font-weight:700!important; padding:5px 11px!important; line-height:1.3!important; white-space:nowrap!important; } #bvc-comments-root .bvc-list{ padding:0!important; background:#fff!important; } #bvc-comments-root .bvc-comment{ position:relative!important; display:grid!important; grid-template-columns:56px minmax(0,1fr) 34px!important; grid-template-areas:"avatar body dots"!important; column-gap:14px!important; align-items:start!important; width:100%!important; padding:26px 0!important; margin:0!important; background:#fff!important; border:0!important; border-bottom:1px solid #e5e7eb!important; float:none!important; } #bvc-comments-root .bvc-comment:last-child{ border-bottom:1px solid #e5e7eb!important; } #bvc-comments-root .bvc-avatar-wrap{ grid-area:avatar!important; width:56px!important; height:56px!important; position:relative!important; } #bvc-comments-root .bvc-avatar{ width:56px!important; height:56px!important; min-width:56px!important; border-radius:50%!important; object-fit:cover!important; display:block!important; background:#d8dbe2!important; border:0!important; padding:0!important; margin:0!important; } #bvc-comments-root .bvc-avatar-fallback{ display:none; width:56px!important; height:56px!important; border-radius:50%!important; align-items:center!important; justify-content:center!important; background:#2f8bd3!important; color:#fff!important; font-size:28px!important; font-weight:700!important; font-family:Helvetica, Arial, sans-serif!important; } #bvc-comments-root .bvc-comment-main{ grid-area:body!important; min-width:0!important; padding:0!important; margin:0!important; } #bvc-comments-root .bvc-meta{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:0!important; margin:0 0 14px 0!important; padding:0!important; line-height:1.25!important; } #bvc-comments-root .bvc-name{ display:block!important; font-family:Helvetica, Arial, sans-serif!important; font-size:19px!important; line-height:1.25!important; font-weight:800!important; color:#111827!important; margin:0!important; padding:0!important; } #bvc-comments-root .bvc-date{ display:block!important; margin:4px 0 0!important; color:#737a8c!important; font-size:15px!important; line-height:1.25!important; font-weight:700!important; } #bvc-comments-root .bvc-text{ display:block!important; margin:0 0 22px!important; padding:0!important; color:#050505!important; font-family:Helvetica, Arial, sans-serif!important; font-size:18px!important; font-weight:400!important; line-height:1.85!important; word-break:break-word!important; clear:none!important; } #bvc-comments-root .bvc-actions{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:26px!important; margin:0!important; padding:0!important; color:#6b7280!important; } #bvc-comments-root .bvc-reply-link{ order:3!important; border:0!important; background:transparent!important; color:#0f9f8f!important; font-family:Helvetica, Arial, sans-serif!important; font-size:18px!important; font-weight:800!important; line-height:1.2!important; padding:0!important; margin:0 auto 0 0!important; cursor:pointer!important; text-decoration:none!important; } #bvc-comments-root .bvc-reply-link:hover{ text-decoration:underline!important; } #bvc-comments-root .bvc-react{ order:1!important; display:inline-flex!important; align-items:center!important; gap:9px!important; border:0!important; background:transparent!important; color:#111827!important; padding:0!important; margin:0!important; cursor:pointer!important; font-family:Helvetica, Arial, sans-serif!important; font-size:18px!important; font-weight:800!important; line-height:1.2!important; box-shadow:none!important; } #bvc-comments-root .bvc-react[data-react="dislike"]{ order:2!important; } #bvc-comments-root .bvc-react-count{ color:#111827!important; font-size:18px!important; font-weight:800!important; min-width:14px!important; } #bvc-comments-root .bvc-react-icon{ filter:grayscale(1) saturate(0)!important; opacity:.75!important; font-size:24px!important; line-height:1!important; } #bvc-comments-root .bvc-react:hover .bvc-react-icon, #bvc-comments-root .bvc-react.active .bvc-react-icon{ opacity:1!important; filter:none!important; } #bvc-comments-root .bvc-menu-dots{ grid-area:dots!important; justify-self:start!important; align-self:start!important; border:0!important; background:transparent!important; color:#b7c4d3!important; font-family:Helvetica, Arial, sans-serif!important; font-size:22px!important; font-weight:900!important; letter-spacing:2px!important; line-height:1!important; padding:4px 0!important; margin:2px 0 0!important; cursor:pointer!important; transform:rotate(180deg)!important; } #bvc-comments-root .bvc-replies{ margin:22px 0 0!important; padding:0 20px 0 0!important; border-right:2px solid #edf0f3!important; } #bvc-comments-root .bvc-replies .bvc-comment{ padding:20px 0!important; } #bvc-comments-root .bvc-guest-area, #bvc-comments-root .bvc-form{ background:#fff!important; border-top:0!important; padding:22px 0 0!important; } #bvc-comments-root .bvc-guest-input, #bvc-comments-root .bvc-field{ font-family:Helvetica, Arial, sans-serif!important; font-size:15px!important; border:1px solid #ccd0d5!important; border-radius:14px!important; background:#fff!important; color:#050505!important; padding:12px 14px!important; box-shadow:none!important; } #bvc-comments-root .bvc-login-line{ font-family:Helvetica, Arial, sans-serif!important; font-size:14px!important; color:#65676b!important; margin:10px 0 0!important; line-height:1.7!important; } #bvc-comments-root .bvc-inline-auth{ color:#1877f2!important; font-family:Helvetica, Arial, sans-serif!important; font-size:14px!important; font-weight:700!important; } #bvc-comments-root .bvc-btn{ font-family:Helvetica, Arial, sans-serif!important; } @media(max-width:640px){ #bvc-comments-root.bvc-comments-shell{margin:22px 0!important} #bvc-comments-root .bvc-card{padding:0 14px!important} #bvc-comments-root .bvc-head{padding-bottom:14px!important} #bvc-comments-root .bvc-title{font-size:17px!important} #bvc-comments-root .bvc-count{font-size:11px!important;padding:4px 9px!important} #bvc-comments-root .bvc-comment{ grid-template-columns:44px minmax(0,1fr) 26px!important; column-gap:10px!important; padding:20px 0!important; } #bvc-comments-root .bvc-avatar-wrap, #bvc-comments-root .bvc-avatar, #bvc-comments-root .bvc-avatar-fallback{ width:44px!important; height:44px!important; min-width:44px!important; } #bvc-comments-root .bvc-avatar-fallback{font-size:22px!important} #bvc-comments-root .bvc-name{font-size:16px!important} #bvc-comments-root .bvc-date{font-size:13px!important;margin-top:3px!important} #bvc-comments-root .bvc-meta{margin-bottom:11px!important} #bvc-comments-root .bvc-text{font-size:15.5px!important;line-height:1.85!important;margin-bottom:18px!important} #bvc-comments-root .bvc-actions{gap:18px!important} #bvc-comments-root .bvc-reply-link{font-size:15.5px!important} #bvc-comments-root .bvc-react, #bvc-comments-root .bvc-react-count{font-size:15.5px!important} #bvc-comments-root .bvc-react-icon{font-size:21px!important} #bvc-comments-root .bvc-menu-dots{font-size:18px!important;letter-spacing:1px!important} #bvc-comments-root .bvc-guest-input, #bvc-comments-root .bvc-field{font-size:13px!important} #bvc-comments-root .bvc-login-line, #bvc-comments-root .bvc-inline-auth{font-size:12px!important} } /* v1.1.6 fixes: working reactions UI, reply label, header separator, compact logout */ #bvc-comments-root .bvc-head{border-bottom:1px solid #e5e7eb!important;margin-bottom:0!important} #bvc-comments-root .bvc-reply-link{color:#1877f2!important} #bvc-comments-root .bvc-userbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 0!important;background:#fff!important;border-top:1px solid #e5e7eb!important} #bvc-comments-root .bvc-user{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;font-family:Helvetica,Arial,sans-serif!important;font-size:15px!important;font-weight:800!important;color:#111827!important;line-height:1.35!important} #bvc-comments-root .bvc-user strong{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important} #bvc-comments-root .bvc-logout-link{flex:0 0 auto!important;border:0!important;background:transparent!important;color:#1877f2!important;font-family:Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;padding:0!important;margin:0!important;cursor:pointer!important;line-height:1.4!important;box-shadow:none!important;width:auto!important;min-height:0!important} #bvc-comments-root .bvc-logout-link:hover{text-decoration:underline!important} #bvc-comments-root .bvc-react:disabled{opacity:1!important;cursor:default!important} #bvc-comments-root .bvc-react.active .bvc-react-count{color:#111827!important} @media(max-width:640px){#bvc-comments-root .bvc-head{padding-bottom:14px!important;border-bottom:1px solid #e5e7eb!important}#bvc-comments-root .bvc-userbar{padding:14px 0!important;gap:8px!important}#bvc-comments-root .bvc-user{font-size:13px!important;gap:8px!important}#bvc-comments-root .bvc-logout-link{font-size:12.5px!important;white-space:nowrap!important}} /* v1.1.7 refinements: square border shell, inline reply/edit, reply beside reactions */ #bvc-comments-root.bvc-comments-shell{ border:1px solid #e5e7eb!important; border-radius:0!important; padding:0!important; } #bvc-comments-root .bvc-card{ border:0!important; border-radius:0!important; padding:0 20px!important; } #bvc-comments-root .bvc-head{ border-bottom:1px solid #e5e7eb!important; padding:16px 0!important; margin:0!important; } #bvc-comments-root .bvc-actions{ gap:22px!important; justify-content:flex-start!important; } #bvc-comments-root .bvc-react[data-react="like"]{order:1!important;} #bvc-comments-root .bvc-react[data-react="dislike"]{order:2!important;} #bvc-comments-root .bvc-reply-link{ order:3!important; margin:0!important; color:#1877f2!important; font-size:16px!important; } #bvc-comments-root .bvc-edit-link{ order:4!important; border:0!important; background:transparent!important; color:#1877f2!important; font-family:Helvetica,Arial,sans-serif!important; font-size:18px!important; font-weight:800!important; line-height:1!important; padding:0!important; margin:0!important; cursor:pointer!important; } #bvc-comments-root .bvc-edit-link:hover, #bvc-comments-root .bvc-reply-link:hover{text-decoration:underline!important;} #bvc-comments-root #bvc-cancel-reply{display:none!important;} #bvc-comments-root .bvc-inline-reply, #bvc-comments-root .bvc-inline-editor{ margin:16px 0 0!important; padding:0!important; } #bvc-comments-root .bvc-mini-form{ position:relative!important; border:1px solid #e5e7eb!important; border-radius:0!important; background:#fff!important; padding:14px!important; } #bvc-comments-root .bvc-mini-close{ position:absolute!important; top:8px!important; left:8px!important; width:24px!important; height:24px!important; border:0!important; border-radius:50%!important; background:#f0f2f5!important; color:#65676b!important; cursor:pointer!important; font-size:18px!important; line-height:24px!important; padding:0!important; text-align:center!important; } #bvc-comments-root .bvc-mini-form textarea{ min-height:78px!important; margin:18px 0 10px!important; resize:vertical!important; } #bvc-comments-root .bvc-mini-actions{ display:flex!important; align-items:center!important; gap:10px!important; } #bvc-comments-root .bvc-mini-msg{ color:#6b7280!important; font-size:12px!important; font-family:Helvetica,Arial,sans-serif!important; } #bvc-comments-root .bvc-userbar{ padding:16px 0!important; } @media(max-width:640px){ #bvc-comments-root.bvc-comments-shell{margin:18px 0!important;} #bvc-comments-root .bvc-card{padding:0 14px!important;} #bvc-comments-root .bvc-head{padding:14px 0!important;} #bvc-comments-root .bvc-actions{gap:14px!important;flex-wrap:wrap!important;} #bvc-comments-root .bvc-reply-link{font-size:14px!important;} #bvc-comments-root .bvc-edit-link{font-size:16px!important;} #bvc-comments-root .bvc-mini-form{padding:12px!important;} #bvc-comments-root .bvc-mini-actions{align-items:stretch!important;flex-direction:column!important;} #bvc-comments-root .bvc-mini-actions .bvc-btn{width:100%!important;} } /* v1.1.8: hard fix auth popup stacking above theme/sidebar/related posts */ body.bvc-popup-open{overflow:hidden!important;} #bvc-auth-modal.bvc-modal, #bvc-auth-modal.bvc-body-modal{ position:fixed!important; inset:0!important; top:0!important;right:0!important;bottom:0!important;left:0!important; width:100vw!important;height:100vh!important; z-index:2147483647!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:16px!important; box-sizing:border-box!important; direction:rtl!important; text-align:right!important; } #bvc-auth-modal.bvc-hidden{display:none!important;} #bvc-auth-modal .bvc-modal-backdrop{ position:fixed!important; inset:0!important; width:100vw!important;height:100vh!important; background:rgba(15,23,42,.68)!important; z-index:2147483646!important; } #bvc-auth-modal .bvc-modal-box{ position:relative!important; z-index:2147483647!important; background:#fff!important; width:min(460px,calc(100vw - 32px))!important; max-height:calc(100vh - 32px)!important; overflow:auto!important; box-sizing:border-box!important; box-shadow:0 24px 80px rgba(0,0,0,.35)!important; } @media(max-width:640px){ #bvc-auth-modal.bvc-modal,#bvc-auth-modal.bvc-body-modal{align-items:flex-start!important;padding-top:72px!important;} #bvc-auth-modal .bvc-modal-box{width:calc(100vw - 24px)!important;max-height:calc(100vh - 96px)!important;} } /* v1.1.9 auth helpers */ .bvc-forgot-link{display:inline-block !important;margin-top:10px !important;background:transparent !important;border:0 !important;color:#1877f2 !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;padding:0 !important;text-decoration:none !important;} .bvc-forgot-link:hover{text-decoration:underline !important;} /* v1.2.0 header icon, reaction icons, and sorting dropdown */ #bvc-comments-root .bvc-card{border:1px solid #e5e7eb!important;border-radius:0!important;} #bvc-comments-root .bvc-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-bottom:1px solid #e5e7eb!important;padding:18px 20px!important;background:#fff!important;} #bvc-comments-root .bvc-head-main{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;} #bvc-comments-root .bvc-title{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-family:Helvetica,Arial,sans-serif!important;font-size:20px!important;font-weight:800!important;color:#111827!important;white-space:nowrap!important;} #bvc-comments-root .bvc-title-icon{width:22px!important;height:22px!important;display:inline-flex!important;color:#111827!important;flex:0 0 auto!important;} #bvc-comments-root .bvc-title-icon svg{width:100%!important;height:100%!important;fill:currentColor!important;display:block!important;} #bvc-comments-root .bvc-count{border-radius:999px!important;background:#f3f4f6!important;border:0!important;font-family:Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important;color:#6b7280!important;padding:7px 13px!important;white-space:nowrap!important;} #bvc-comments-root .bvc-sort{display:inline-flex!important;align-items:center!important;gap:8px!important;font-family:Helvetica,Arial,sans-serif!important;font-size:13px!important;color:#6b7280!important;white-space:nowrap!important;} #bvc-comments-root .bvc-sort select{appearance:auto!important;-webkit-appearance:auto!important;border:1px solid #d1d5db!important;background:#fff!important;border-radius:0!important;padding:7px 10px!important;font-family:Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important;color:#111827!important;outline:none!important;cursor:pointer!important;} #bvc-comments-root .bvc-sort select:focus{border-color:#9ca3af!important;box-shadow:0 0 0 2px rgba(0,0,0,.05)!important;} #bvc-comments-root .bvc-actions{display:flex!important;align-items:center!important;gap:18px!important;margin-top:18px!important;font-family:Helvetica,Arial,sans-serif!important;} #bvc-comments-root .bvc-react{display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important;color:#111827!important;font-size:18px!important;font-weight:800!important;line-height:1!important;} #bvc-comments-root .bvc-react-icon{width:42px!important;height:42px!important;border:2px solid #111827!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#111827!important;background:#fff!important;transition:all .16s ease!important;} #bvc-comments-root .bvc-react-icon svg{width:22px!important;height:22px!important;fill:currentColor!important;display:block!important;} #bvc-comments-root .bvc-react:hover .bvc-react-icon,#bvc-comments-root .bvc-react.active .bvc-react-icon{background:#111827!important;color:#fff!important;} #bvc-comments-root .bvc-react-count{min-width:12px!important;color:#111827!important;font-size:18px!important;font-weight:800!important;} #bvc-comments-root .bvc-link.bvc-reply-link{order:20!important;color:#1877f2!important;font-family:Helvetica,Arial,sans-serif!important;font-weight:800!important;font-size:15px!important;margin-inline-start:2px!important;} @media(max-width:640px){#bvc-comments-root .bvc-head{padding:14px 12px!important;gap:10px!important;flex-wrap:wrap!important;}#bvc-comments-root .bvc-head-main{gap:9px!important;}#bvc-comments-root .bvc-title{font-size:17px!important;}#bvc-comments-root .bvc-title-icon{width:19px!important;height:19px!important;}#bvc-comments-root .bvc-count{font-size:11.5px!important;padding:6px 10px!important;}#bvc-comments-root .bvc-sort{width:100%!important;justify-content:flex-start!important;font-size:12px!important;}#bvc-comments-root .bvc-sort select{font-size:12px!important;padding:6px 9px!important;}#bvc-comments-root .bvc-actions{gap:13px!important;margin-top:14px!important;}#bvc-comments-root .bvc-react-icon{width:34px!important;height:34px!important;border-width:1.5px!important;}#bvc-comments-root .bvc-react-icon svg{width:18px!important;height:18px!important;}#bvc-comments-root .bvc-react-count{font-size:15px!important;}#bvc-comments-root .bvc-link.bvc-reply-link{font-size:13px!important;}} /* v1.2.1 header layout + lighter reaction icons */ #bvc-comments-root .bvc-head{ display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-start!important; gap:10px!important; padding:18px 20px!important; } #bvc-comments-root .bvc-head-main{ width:100%!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; } #bvc-comments-root .bvc-title{order:1!important;margin:0!important;} #bvc-comments-root .bvc-count{order:2!important;margin-inline-start:auto!important;flex:0 0 auto!important;} #bvc-comments-root .bvc-sort{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin-top:2px!important;} #bvc-comments-root .bvc-sort select{min-width:126px!important;} #bvc-comments-root .bvc-react{color:#4b5563!important;gap:7px!important;} #bvc-comments-root .bvc-react-icon{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6b7280!important;padding:0!important;box-shadow:none!important;} #bvc-comments-root .bvc-react-icon svg{width:24px!important;height:24px!important;fill:currentColor!important;} #bvc-comments-root .bvc-react:hover .bvc-react-icon,#bvc-comments-root .bvc-react.active .bvc-react-icon{background:transparent!important;color:#374151!important;} #bvc-comments-root .bvc-react-count{color:#111827!important;font-size:17px!important;} @media(max-width:640px){ #bvc-comments-root .bvc-head{padding:14px 12px!important;gap:9px!important;} #bvc-comments-root .bvc-head-main{width:100%!important;justify-content:space-between!important;gap:10px!important;} #bvc-comments-root .bvc-count{margin-inline-start:auto!important;} #bvc-comments-root .bvc-sort{width:100%!important;justify-content:flex-start!important;margin-top:2px!important;} #bvc-comments-root .bvc-react-icon{width:auto!important;height:auto!important;border:0!important;background:transparent!important;} #bvc-comments-root .bvc-react-icon svg{width:21px!important;height:21px!important;} #bvc-comments-root .bvc-react-count{font-size:15.5px!important;} } /* v1.2.2 collapsed comments launcher + softer reaction counts */ #bvc-comments-root .bvc-open-comments{ width:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; direction:rtl!important; background:#0b73d9!important; color:#fff!important; border:0!important; border-radius:0!important; padding:14px 18px!important; margin:18px 0!important; font-family:Helvetica, Arial, sans-serif!important; font-size:18px!important; font-weight:800!important; line-height:1.2!important; cursor:pointer!important; box-shadow:0 2px 8px rgba(0,0,0,.18)!important; text-align:center!important; } #bvc-comments-root .bvc-open-comments:hover{background:#0967c4!important} #bvc-comments-root .bvc-open-icon{width:24px!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important} #bvc-comments-root .bvc-open-icon svg{width:24px!important;height:24px!important;fill:currentColor!important;display:block!important} #bvc-comments-root .bvc-open-label,#bvc-comments-root .bvc-open-count{display:inline-block!important;color:#fff!important} #bvc-comments-root .bvc-open-count{font-weight:800!important;opacity:.95!important} #bvc-comments-root .bvc-react-count{color:#6b7280!important;font-weight:700!important} #bvc-comments-root .bvc-react{color:#6b7280!important} #bvc-comments-root .bvc-react svg{fill:#6b7280!important;color:#6b7280!important} #bvc-comments-root .bvc-react.active .bvc-react-count{color:#4b5563!important} #bvc-comments-root .bvc-react.active svg{fill:#4b5563!important;color:#4b5563!important} @media(max-width:640px){ #bvc-comments-root .bvc-open-comments{font-size:16px!important;padding:13px 14px!important;margin:16px 0!important;gap:8px!important} #bvc-comments-root .bvc-open-icon,#bvc-comments-root .bvc-open-icon svg{width:22px!important;height:22px!important} } /* ===== v1.2.3 FINAL SPACING + UI ===== */ .bvc-comment-name { margin-bottom: 2px !important; line-height: 1.2; } .bvc-comment-time { margin-bottom: 5px !important; font-size: 12px; color: #888; } .bvc-comment-content { margin-bottom: 7px !important; line-height: 1.6; } .bvc-actions { margin-top: 4px !important; gap: 10px; } .bvc-comment { padding: 10px 0 !important; border-bottom: 1px solid #eee; } .bvc-comment-wrapper { gap: 6px !important; } /* like dislike */ .bvc-action-btn { color: #888 !important; } .bvc-action-count { color: #888 !important; } .bvc-action-btn.active { color: #000 !important; } .bvc-action-btn.active .bvc-action-count { color: #000 !important; }