/* MB Compact Comments v1.2.0
   Selectors are intentionally specific and key properties use !important
   so theme form/button styles can't break the layout. */

.mbcc-wrap{--mbcc-ink:#1c1e21;--mbcc-muted:#7a7f87;--mbcc-border:#e4e6ea;--mbcc-accent:#f6b24a;--mbcc-accent-ink:#fff;margin:28px auto !important;font-family:inherit;color:var(--mbcc-ink);scroll-margin-top:90px;box-sizing:border-box}
.mbcc-wrap *,.mbcc-wrap *::before,.mbcc-wrap *::after{box-sizing:border-box}

/* ---- Card ---- */
section.mbcc-wrap{background:#fff;border:1px solid var(--mbcc-border);border-radius:16px;padding:24px;box-shadow:0 1px 2px rgba(16,24,40,.04)}

/* ---- Form ---- */
.mbcc-wrap .mbcc-form{margin:0 0 26px !important;padding:0 !important;border:0 !important;background:transparent !important}
.mbcc-wrap .mbcc-field{margin:0 0 16px !important;padding:0 !important}
.mbcc-wrap .mbcc-label{display:block !important;margin:0 0 7px !important;padding:0 !important;font-size:13px !important;font-weight:700 !important;line-height:1.3 !important;color:var(--mbcc-ink) !important;text-transform:none !important;letter-spacing:0 !important}
.mbcc-wrap .mbcc-input,
.mbcc-wrap .mbcc-textarea{display:block !important;width:100% !important;max-width:100% !important;margin:0 !important;border:1px solid var(--mbcc-border) !important;border-radius:12px !important;padding:13px 15px !important;background:#fff !important;color:var(--mbcc-ink) !important;font-family:inherit !important;font-size:15px !important;line-height:1.5 !important;outline:none !important;box-shadow:none !important;transition:border-color .15s ease,box-shadow .15s ease}
.mbcc-wrap .mbcc-input::placeholder,
.mbcc-wrap .mbcc-textarea::placeholder{color:#9aa0a6 !important;opacity:1}
.mbcc-wrap .mbcc-textarea{resize:vertical;min-height:120px !important}
.mbcc-wrap .mbcc-input:focus,
.mbcc-wrap .mbcc-textarea:focus{border-color:var(--mbcc-accent) !important;box-shadow:0 0 0 3px rgba(246,178,74,.18) !important}

.mbcc-wrap .mbcc-submit{appearance:none !important;-webkit-appearance:none !important;display:block !important;width:100% !important;margin:4px 0 0 !important;border:0 !important;border-radius:12px !important;background:var(--mbcc-accent) !important;color:var(--mbcc-accent-ink) !important;padding:14px 16px !important;font-family:inherit !important;font-size:16px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:.2px;text-transform:none !important;text-align:center !important;cursor:pointer;box-shadow:none !important;transition:filter .15s ease,transform .15s ease}
.mbcc-wrap .mbcc-submit:hover{filter:brightness(.95);transform:translateY(-1px)}
.mbcc-wrap .mbcc-submit:active{transform:none}
.mbcc-wrap .mbcc-submit:disabled{opacity:.6;cursor:default;transform:none}

/* ---- Divider between form and list ---- */
.mbcc-wrap .mbcc-list-header{display:flex !important;align-items:center !important;gap:9px;margin:0 0 16px !important;padding:20px 0 0 !important;border-top:1px solid var(--mbcc-border)}
.mbcc-wrap .mbcc-title{font-size:19px !important;line-height:1.2 !important;margin:0 !important;padding:0 !important;font-weight:800 !important;color:var(--mbcc-ink) !important}
.mbcc-wrap .mbcc-count{display:inline-flex !important;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:#f0f2f5;color:#555;font-size:12px;font-weight:700;line-height:1}

/* ---- Comment list ---- */
.mbcc-wrap .mbcc-list{display:grid;gap:16px;margin:0;padding:0}
.mbcc-wrap .mbcc-comment{display:flex !important;gap:12px;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.mbcc-wrap .mbcc-avatar{width:38px !important;height:38px !important;flex:0 0 38px;border-radius:50% !important;display:grid !important;place-items:center;background:#fdeecd !important;color:#9a6200 !important;font-weight:800 !important;font-size:15px;text-transform:uppercase;line-height:1}
.mbcc-wrap .mbcc-comment-body{min-width:0;flex:1}
.mbcc-wrap .mbcc-meta{display:flex !important;align-items:baseline !important;gap:8px;margin:0 0 3px !important}
.mbcc-wrap .mbcc-meta strong{font-size:14.5px !important;font-weight:700 !important;color:var(--mbcc-ink) !important}
.mbcc-wrap .mbcc-meta time{font-size:12px !important;color:var(--mbcc-muted) !important;white-space:nowrap}
.mbcc-wrap .mbcc-text{font-size:14.5px !important;line-height:1.55 !important;color:#3a3f45 !important;overflow-wrap:anywhere}
.mbcc-wrap .mbcc-text p{margin:0 0 6px !important;padding:0 !important;font-size:inherit !important}
.mbcc-wrap .mbcc-text p:last-child{margin-bottom:0 !important}
.mbcc-wrap .mbcc-empty{margin:0 !important;color:var(--mbcc-muted) !important;font-size:14px !important;padding:4px 0 !important}

/* ---- Notices ---- */
.mbcc-wrap .mbcc-notice{padding:11px 13px !important;border-radius:10px !important;margin:0 0 16px !important;font-size:13px !important;font-weight:600 !important;line-height:1.4}
.mbcc-wrap .mbcc-success{background:#ecfdf3 !important;color:#027a48 !important;border:1px solid #abefc6 !important}
.mbcc-wrap .mbcc-pending{background:#fffaeb !important;color:#9b4a00 !important;border:1px solid #fedf89 !important}
.mbcc-wrap .mbcc-error{background:#fef3f2 !important;color:#b42318 !important;border:1px solid #fecdca !important}

/* ---- Honeypot (backup — inline style is primary) ---- */
.mbcc-wrap .mbcc-hp{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important;pointer-events:none !important}

@media(max-width:600px){
.mbcc-wrap{margin:20px auto !important}
section.mbcc-wrap{padding:18px;border-radius:14px}
.mbcc-wrap .mbcc-title{font-size:17px !important}
.mbcc-wrap .mbcc-input,.mbcc-wrap .mbcc-textarea{padding:12px 13px !important;font-size:14.5px !important}
.mbcc-wrap .mbcc-submit{font-size:15px !important;padding:13px 15px !important}
.mbcc-wrap .mbcc-avatar{width:34px !important;height:34px !important;flex-basis:34px;font-size:13px}
}