/* FCM 11.6.1 — subtle composer bar with public reactions always visible below. */
.fcm-reactions{box-sizing:border-box;width:100%;max-width:1500px;margin:18px auto 22px;color:#e8edf0;clear:both}
.fcm-reactions *{box-sizing:border-box}
.fcm-reactions-compose{width:100%;margin:0;border:1px solid #2c3b45;border-radius:13px;background:#0d151b;overflow:hidden}
.fcm-reactions-compose>summary{list-style:none}
.fcm-reactions-compose>summary::-webkit-details-marker{display:none}
.fcm-reactions-summary{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;cursor:pointer;user-select:none}
.fcm-reactions-summary:hover{background:#111b22}
.fcm-reactions-summary-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #5a493e;border-radius:8px;color:#ff812d}
.fcm-reactions-summary-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.fcm-reactions-summary-copy strong{color:#f0f4f6;font-size:14px}
.fcm-reactions-summary-copy small{margin-top:1px;color:#74838d;font-size:11px}
.fcm-reactions-summary-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#19262e;color:#a9b6bd;font-size:10px;font-weight:800}
.fcm-reactions-summary-chevron{color:#ff812d;transition:.18s ease}
.fcm-reactions-compose[open] .fcm-reactions-summary-chevron{transform:rotate(180deg)}
.fcm-reactions-content{padding:14px;border-top:1px solid #263640;background:#0a1217}
.fcm-reactions-notice{margin:0 0 12px;padding:9px 11px;border-radius:9px;border:1px solid #3b4a54;background:#111c22}
.fcm-reactions-notice.is-success{border-color:#286b4a;color:#a9e6c5}
.fcm-reactions-notice.is-error{border-color:#7b403a;color:#efb0a8}
.fcm-reactions-public{margin-top:12px;padding:0 2px}
.fcm-reactions-public-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 9px;padding:0 2px 8px;border-bottom:1px solid #24333d}
.fcm-reactions-public-head>div{display:flex;align-items:baseline;gap:9px;min-width:0}
.fcm-reactions-public-head span{color:#ff812d;font-size:9px;font-weight:850;letter-spacing:.12em}
.fcm-reactions-public-head strong{color:#e9eef1;font-size:14px}
.fcm-reactions-public-head small{color:#71808a;font-size:11px;white-space:nowrap}
.fcm-reactions-list{display:grid;gap:8px}
.fcm-reactions-empty{margin:0;padding:10px 12px;border:1px dashed #2a3943;border-radius:10px;color:#74828c;background:rgba(12,21,26,.55)}
.fcm-reaction{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;margin-left:calc(var(--fcm-reaction-depth,0) * 26px);padding:11px 12px;border:1px solid #263640;border-radius:11px;background:#0f181e}
.fcm-reaction-avatar img{display:block;width:38px;height:38px;border-radius:50%}
.fcm-reaction-body header{display:flex;gap:12px;align-items:center;justify-content:space-between}
.fcm-reaction-body header strong{color:#f1f5f7}
.fcm-reaction-body time{color:#74828b;font-size:10px}
.fcm-reaction-author-link{color:inherit;text-decoration:none}
.fcm-reaction-public-role{margin-left:7px;color:#ff8a3c;font-size:9px;font-weight:750}
.fcm-reaction-text{margin-top:6px;color:#c8d0d5;line-height:1.5;overflow-wrap:anywhere}
.fcm-reaction-reply{margin-top:6px;padding:0;border:0;background:transparent;color:#ff7a20;font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.fcm-reactions-formwrap{margin:0}
.fcm-reactions-form label span{display:block;margin-bottom:7px;color:#d9e0e4;font-size:12px;font-weight:750}
.fcm-reactions-form textarea{display:block!important;width:100%!important;min-height:96px!important;padding:12px 13px!important;border:1px solid #394b57!important;border-radius:10px!important;background:#0e171d!important;color:#eef3f6!important;-webkit-text-fill-color:#eef3f6!important;caret-color:#ff812d!important;box-shadow:none!important;outline:none!important;resize:vertical!important;font:inherit!important}
.fcm-reactions-form textarea::placeholder{color:#667680!important;-webkit-text-fill-color:#667680!important;opacity:1}
.fcm-reactions-form textarea:focus{border-color:#ff7417!important;box-shadow:0 0 0 2px rgba(255,116,23,.12)!important;background:#101a21!important}
.fcm-reactions-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px}
.fcm-reactions-form-actions small{color:#74828b}
.fcm-reactions-form-actions button,.fcm-reactions-login a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #ff7417;border-radius:9px;background:#ff7417;color:#111;text-decoration:none;font-weight:800;cursor:pointer}
.fcm-reactions-replying{display:flex;align-items:center;gap:6px;margin-bottom:9px;padding:8px 10px;border-radius:9px;background:#16232b;color:#aebbc2;font-size:12px}
.fcm-reactions-replying button{margin-left:auto;border:0;background:transparent;color:#ff7a20;cursor:pointer}
.fcm-reactions-login{padding:13px;border:1px solid #31414b;border-radius:11px;background:#0e171d}
.fcm-reactions-login strong{font-size:15px}
.fcm-reactions-login p{margin:4px 0 10px;color:#89969e}
.fcm-reaction-account-panel{overflow:hidden}.fcm-reaction-account-list{display:grid;gap:10px}.fcm-reaction-account-list article{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px;border:1px solid #2d3a43;border-radius:13px;background:#0f171c}.fcm-reaction-account-main{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;flex:1}.fcm-reaction-account-main a{min-width:0;color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcm-reaction-account-main p{grid-column:2/4;margin:0;color:#9da8ae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcm-reaction-account-main time{color:#74828a;font-size:12px}.fcm-reaction-status{padding:5px 8px;border:1px solid #3d4b54;border-radius:999px;color:#aeb8be;font-size:11px;font-weight:700;white-space:nowrap}.fcm-reaction-status.is-goedgekeurd{border-color:#285b43;color:#85d7a9}.fcm-reaction-status.is-in-behandeling{border-color:#7c6526;color:#e3c76e}.fcm-reaction-status.is-verborgen{border-color:#774838;color:#e2a487}.fcm-reaction-account-list form button{border:1px solid #513a35;border-radius:8px;padding:7px 10px;background:#241916;color:#dba297;cursor:pointer}.fcm-reaction-account-empty{padding:18px;border:1px dashed #34434d;border-radius:14px}.fcm-reaction-account-empty p{margin:4px 0 0;color:#8c989f}@media(max-width:760px){.fcm-reactions{margin:14px 0;border-radius:12px}.fcm-reactions-summary{padding:11px 12px}.fcm-reactions-summary-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcm-reactions-content{padding:12px}.fcm-reaction{margin-left:calc(var(--fcm-reaction-depth,0) * 10px);grid-template-columns:34px minmax(0,1fr);padding:11px}.fcm-reaction-avatar img{width:34px;height:34px}.fcm-reaction-body header{align-items:flex-start;flex-direction:column;gap:2px}.fcm-reactions-form-actions{align-items:stretch;flex-direction:column}.fcm-reactions-form-actions button{width:100%}.fcm-reaction-account-list article{align-items:stretch;flex-direction:column}.fcm-reaction-account-main{grid-template-columns:1fr}.fcm-reaction-account-main p{grid-column:auto;white-space:normal}.fcm-reaction-account-list form button{width:100%}}

@media(max-width:760px){
	.fcm-reactions{margin:14px 0 18px}
	.fcm-reactions-summary{padding:10px 11px}
	.fcm-reactions-summary-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.fcm-reactions-content{padding:11px}
	.fcm-reactions-public-head{align-items:flex-start;flex-direction:column;gap:3px}
	.fcm-reaction{margin-left:calc(var(--fcm-reaction-depth,0) * 10px);grid-template-columns:34px minmax(0,1fr);padding:10px}
	.fcm-reaction-avatar img{width:34px;height:34px}
	.fcm-reaction-body header{align-items:flex-start;flex-direction:column;gap:2px}
	.fcm-reactions-form-actions{align-items:stretch;flex-direction:column}
	.fcm-reactions-form-actions button{width:100%}
}

/* v11.11.14 — reactions are visually separated from the related-shirt row. */
body.single-product .fcm-reactions,
body.single-post .fcm-reactions{
	margin-top:clamp(26px,2.4vw,38px);
}
@media(max-width:760px){
	body.single-product .fcm-reactions,
	body.single-post .fcm-reactions{margin-top:26px}
}