/* 4Download Facebook-style Community Layout V1 — visuals only.
   Uses theme colors; no observers, fake reactions or AJAX hooks. */
.page__comments{--fdfb-bg:var(--bg,#fff);--fdfb-ink:var(--tt,#202a35);--fdfb-muted:var(--tt-fade,#82909b);--fdfb-bubble:var(--bg-darker,#f3f6f9);--fdfb-border:var(--bdc,#e7edf2);--fdfb-green:var(--accent-primary,#4cd137)}
.page__comments-title{display:flex!important;align-items:center;gap:10px!important;margin:24px 0 18px!important;font-size:clamp(22px,2.3vw,30px)!important;color:var(--fdfb-ink)!important}
.page__comments-title>span{background:var(--fdfb-green)!important;color:#fff!important;border-radius:100px!important;min-width:34px;height:34px;box-shadow:none!important}
.page__comments-title i{color:var(--fdfb-green)!important}
.page__comments .comment-note{display:none!important}
/* Composer compact row, same as mockup */
.page__comments .fdcc-composer{margin:0 0 25px!important}
.page__comments .fdcc-composer-title{display:none!important}
.page__comments .fdcc-composer .ac-form{padding:18px 18px 13px!important;background:var(--fdfb-bg)!important;border:1px solid var(--fdfb-border)!important;border-radius:22px!important;box-shadow:0 7px 26px rgba(12,38,58,.05)!important;display:block!important}
.page__comments .fdcc-facebook-compose-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;min-width:0}
.page__comments .fdcc-facebook-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--fdfb-bubble);border:1px solid var(--fdfb-border);font-size:24px;position:relative;flex-shrink:0}
.page__comments .fdcc-facebook-avatar:after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;background:var(--fdfb-green);border-radius:50%;border:2px solid var(--fdfb-bg)}
.page__comments .fdcc-facebook-compose-field{min-width:0}
.page__comments .fdcc-composer .ac-form__editor{min-height:75px!important;border:1px solid var(--fdfb-border)!important;border-radius:35px!important;background:var(--fdfb-bubble)!important;overflow:visible!important}
.page__comments .fdcc-composer.fdcc-ce-ready .fdcc-ce-input{min-height:75px!important;padding:21px 20px 16px!important;line-height:1.5!important;font-size:15px!important;color:var(--fdfb-ink)!important}
.page__comments .fdcc-composer .fdcc-ce-hint{top:21px!important;left:20px!important;line-height:1.5!important;font-size:15px!important;color:var(--fdfb-muted)!important}
.page__comments .fdcc-composer .ac-form__editor textarea{min-height:75px!important}
.page__comments .fdcc-facebook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0 60px;flex-wrap:wrap}
.page__comments .fdcc-tools{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;flex:1 1 auto;min-width:0}
.page__comments .fdcc-tool{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px!important;border-radius:24px!important;border:1px solid var(--fdfb-border)!important;padding:8px 13px!important;background:var(--fdfb-bg)!important;color:var(--fdfb-ink)!important;font-size:13px!important;box-shadow:none!important;white-space:nowrap}
.page__comments .fdcc-tool:hover{background:var(--fdfb-bubble)!important;color:var(--fdfb-green)!important}
.page__comments [data-fdcc-format],.page__comments .fdcc-tools-hint{display:none!important}
.page__comments .fdcc-facebook-toolbar .ac-form__bottom{display:flex!important;align-items:center!important;padding:0!important;margin:0!important;flex:0 0 auto;justify-content:flex-end!important}
.page__comments .fdcc-facebook-toolbar .ac-form__bottom .ac-form__btn{margin:0!important;min-width:134px;min-height:41px!important;border:0!important;border-radius:24px!important;background:var(--bg-btn,var(--fdfb-green))!important;color:var(--tt-btn,#fff)!important;font-size:13px!important;font-weight:800!important;padding:9px 18px!important;box-shadow:none!important;white-space:nowrap;transition:filter .15s ease}
.page__comments .fdcc-facebook-toolbar .ac-form__btn:hover{filter:brightness(.95)}
.page__comments .fdcc-facebook-subscribe{padding:9px 0 0 60px;font-size:11px!important;color:var(--fdfb-muted)}
/* bubble: author/meta + body visually continuous, no separate gray rectangles */
.page__comments .fdcc-comment.comm{margin:13px 0 22px!important;min-width:0}
.page__comments .fdcc-comment .comm__header{display:flex!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:11px!important;margin:0!important}
.page__comments .fdcc-comment .comm__img{width:42px!important;height:42px!important;flex:0 0 42px!important}
.page__comments .fdcc-comment .comm__img img{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid var(--fdfb-border)!important}
.page__comments .fdcc-comment .comm__meta{margin:0!important;min-width:0!important;background:var(--fdfb-bubble)!important;border:0!important;border-radius:20px 20px 0 0!important;padding:12px 17px 4px!important;min-height:0!important;box-shadow:none!important}
.page__comments .fdcc-comment .comm__author{font-size:14px!important;font-weight:800!important;color:var(--fdfb-ink)!important;line-height:1.5!important}
.page__comments .fdcc-comment .comm__date{font-size:11px!important;color:var(--fdfb-muted)!important;margin-top:1px!important}
.page__comments .fdcc-comment .comm__main{display:block!important;box-sizing:border-box!important;margin:-1px 0 0 53px!important;max-width:calc(100% - 53px)!important;width:calc(100% - 53px)!important;min-height:15px!important;background:var(--fdfb-bubble)!important;border:0!important;padding:6px 17px 13px!important;border-radius:0 0 20px 20px!important;color:var(--fdfb-ink)!important;font-size:14px!important;line-height:1.65!important;overflow-wrap:anywhere}
.page__comments .fdcc-comment .comm__main img{height:auto!important;max-width:min(100%,250px)!important;width:auto!important;object-fit:contain!important;display:inline-block!important;margin:4px 0!important;border-radius:12px!important}
.page__comments .fdcc-comment .comm__main p{margin:0 0 7px!important}
.page__comments .fdcc-comment .comm__main p:last-child{margin-bottom:0!important}
.page__comments .fdcc-comment .comm__footer{margin:4px 0 0 53px!important;padding:0 3px!important;display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;background:transparent!important;border:0!important}
.page__comments .fdcc-comment .comm__rating{display:inline-flex!important;align-items:center;gap:9px!important;order:1;margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;color:var(--fdfb-muted)!important;font-size:12px!important}
.page__comments .fdcc-comment .comm__rating:before{content:none!important}
.page__comments .fdcc-comment .comm__rating a{color:var(--fdfb-muted)!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important}
.page__comments .fdcc-comment .comm__rating a:hover{color:var(--fdfb-green)!important}
.page__comments .fdcc-comment .comm__action{display:flex;align-items:center;gap:5px!important;order:2}
.page__comments .fdcc-comment .comm__action li{font-size:12px!important;font-weight:700!important;padding:4px 5px!important;color:var(--fdfb-muted)!important}
.page__comments .fdcc-comment .comm__ctrl{display:flex;align-items:center;gap:2px!important;margin-left:auto!important;order:3}
.page__comments .fdcc-comment .comm__ctrl li{font-size:11px!important;color:var(--fdfb-muted)!important}
/* Preserve moderation/IP/checkbox and DLE actions; no fake reactions. */
.page__comments .comments-tree-item{min-width:0}
.page__comments .comments-tree-item .comments-tree-item{border-left:2px solid var(--fdfb-border)!important;padding-left:16px!important;margin-left:19px!important}
.page__comments .comments-tree-item .comments-tree-item:before{border-top:2px solid var(--fdfb-border)!important}
.page__comments .comments-tree-item .comments-tree-item .comm__img{width:35px!important;height:35px!important;flex-basis:35px!important}
.page__comments .comments-tree-item .comments-tree-item .comm__img img{width:35px!important;height:35px!important}
.page__comments .comments-tree-item .comments-tree-item .comm__main{margin-left:46px!important;max-width:calc(100% - 46px)!important;width:calc(100% - 46px)!important}
.page__comments .comments-tree-item .comments-tree-item .comm__footer{margin-left:46px!important}
@media(max-width:650px){.page__comments .fdcc-composer .ac-form{padding:12px!important}.page__comments .fdcc-facebook-compose-row{grid-template-columns:36px minmax(0,1fr);gap:9px}.page__comments .fdcc-facebook-avatar{width:35px;height:35px;font-size:19px}.page__comments .fdcc-facebook-toolbar{margin-left:0;gap:8px}.page__comments .fdcc-facebook-subscribe{padding-left:0}.page__comments .fdcc-composer.fdcc-ce-ready .fdcc-ce-input{min-height:72px!important;padding:17px 15px!important}.page__comments .fdcc-composer .fdcc-ce-hint{top:17px!important;left:15px!important}.page__comments .fdcc-comment .comm__img{width:34px!important;height:34px!important;flex-basis:34px!important}.page__comments .fdcc-comment .comm__img img{width:34px!important;height:34px!important}.page__comments .fdcc-comment .comm__main{margin-left:45px!important;max-width:calc(100% - 45px)!important;width:calc(100% - 45px)!important}.page__comments .fdcc-comment .comm__footer{margin-left:45px!important}.page__comments .fdcc-facebook-toolbar .ac-form__bottom{flex:0 0 auto}.page__comments .fdcc-facebook-toolbar .ac-form__bottom .ac-form__btn{min-width:115px!important;padding:8px 12px!important}.page__comments .fdcc-tool{padding:7px 10px!important;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.page__comments .fdcc-tool,.page__comments .ac-form__btn{transition:none!important}}


/* FD FACEBOOK LAYOUT V2 — approved mockup refinements */
.page__comments{--fdfb-bubble:var(--bg-darker,#f1f3f6)}
.page__comments .fdcc-facebook-avatar{width:48px!important;height:48px!important;overflow:visible!important;background:var(--fdfb-bg)!important;border:1px solid var(--fdfb-border)!important}
.page__comments .fdcc-facebook-avatar img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:50%;font-size:0}
.page__comments .fdcc-facebook-compose-row{grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important}
.page__comments .fdcc-composer .ac-form{padding:22px 24px 16px!important;border-radius:24px!important;box-shadow:0 4px 20px rgba(23,47,76,.035)!important}
.page__comments .fdcc-composer .ac-form__editor{background:var(--fdfb-bubble)!important;border-radius:42px!important;border:1px solid var(--fdfb-border)!important;min-height:64px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.015)!important}
.page__comments .fdcc-composer.fdcc-ce-ready .fdcc-ce-input{min-height:64px!important;padding:19px 23px!important;font-size:16px!important;line-height:1.5!important}
.page__comments .fdcc-composer .fdcc-ce-hint{top:19px!important;left:23px!important;font-size:16px!important;color:var(--fdfb-muted)!important}
.page__comments .fdcc-facebook-toolbar{margin:12px 0 0 62px!important;flex-wrap:nowrap!important}
.page__comments .fdcc-tools{gap:10px!important}
.page__comments .fdcc-tool{min-height:41px!important;padding:9px 14px!important;font-size:14px!important;font-weight:750!important;gap:7px!important;white-space:nowrap!important}
.page__comments .fdcc-tool svg{flex:none}
.page__comments .fdcc-facebook-toolbar .ac-form__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:28px!important;padding:11px 19px!important;min-height:43px!important;font-size:13px!important;letter-spacing:.01em!important}
.page__comments .fdcc-facebook-subscribe{padding:12px 0 0 62px!important}
/* Actual single container for avatar + unified bubble */
.page__comments .fdcc-comment .comm__header{display:grid!important;grid-template-columns:49px minmax(0,1fr)!important;column-gap:12px!important;align-items:start!important}
.page__comments .fdcc-comment .comm__img{grid-column:1!important;grid-row:1!important;width:48px!important;height:48px!important;flex:none!important}
.page__comments .fdcc-comment .comm__img img{width:48px!important;height:48px!important;object-fit:cover!important}
.page__comments .fdcc-comment .fdcc-bubble{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:100%!important;background:var(--fdfb-bubble)!important;border-radius:22px!important;overflow:hidden!important;padding:12px 19px 13px!important;color:var(--fdfb-ink)!important}
.page__comments .fdcc-comment .fdcc-bubble .comm__meta{background:none!important;border:0!important;border-radius:0!important;padding:0!important;min-height:0!important;margin:0 0 3px!important;box-shadow:none!important}
.page__comments .fdcc-comment .fdcc-bubble .comm__author{font-size:15px!important;line-height:1.5!important;font-weight:800!important;white-space:normal!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important}
.page__comments .fdcc-comment .fdcc-bubble .comm__date{font-size:12px!important;line-height:1.5!important;margin:2px 0 6px!important;white-space:normal!important}
.page__comments .fdcc-comment .fdcc-bubble .comm__main{margin:0!important;width:auto!important;max-width:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:14px!important;line-height:1.6!important;color:var(--fdfb-ink)!important;overflow-wrap:anywhere!important}
.page__comments .fdcc-comment .fdcc-bubble .comm__main p{margin:0 0 8px!important}
.page__comments .fdcc-comment .fdcc-bubble .comm__main p:last-child{margin-bottom:0!important}
.page__comments .fdcc-comment .comm__footer{margin:5px 0 0 61px!important;gap:10px!important;padding:0 12px!important;align-items:center!important}
.page__comments .fdcc-comment .comm__rating{gap:10px!important;white-space:normal!important}
.page__comments .fdcc-comment .comm__action{gap:5px!important}
.page__comments .fdcc-comment .comm__action li{font-size:12px!important;padding:3px 6px!important}
.page__comments .fdcc-comment .comm__ctrl{min-width:0!important}
.page__comments .fdcc-comment .badge{font-size:11px!important;line-height:1.35!important;padding:3px 9px!important;border-radius:999px!important}
.page__comments .fdcc-comment .badge.member{background:#dcefff!important;color:#0775bf!important}
.page__comments .fdcc-comment .badge.premium{background:#fff0bb!important;color:#74520c!important}
.page__comments .fdcc-comment .badge.admin{background:#d9f8df!important;color:#137a33!important}
.page__comments .fdcc-comment .comm__main img{max-width:min(100%,260px)!important;height:auto!important}
@media(max-width:650px){
 .page__comments .fdcc-composer .ac-form{padding:13px!important}
 .page__comments .fdcc-facebook-avatar{width:38px!important;height:38px!important}
 .page__comments .fdcc-facebook-compose-row{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important}
 .page__comments .fdcc-facebook-toolbar{margin-left:0!important;flex-wrap:wrap!important}
 .page__comments .fdcc-facebook-subscribe{padding-left:0!important}
 .page__comments .fdcc-composer.fdcc-ce-ready .fdcc-ce-input{min-height:63px!important;padding:17px 16px!important;font-size:14px!important}
 .page__comments .fdcc-composer .fdcc-ce-hint{top:17px!important;left:16px!important;font-size:14px!important}
 .page__comments .fdcc-comment .comm__header{grid-template-columns:37px minmax(0,1fr)!important;gap:8px!important}
 .page__comments .fdcc-comment .comm__img,.page__comments .fdcc-comment .comm__img img{width:36px!important;height:36px!important}
 .page__comments .fdcc-comment .fdcc-bubble{padding:10px 12px 11px!important;border-radius:17px!important}
 .page__comments .fdcc-comment .fdcc-bubble .comm__author{font-size:13px!important}
 .page__comments .fdcc-comment .comm__footer{margin-left:45px!important;padding:0 3px!important;gap:6px!important}
}