/* ─── ForexScout Wave 3 — CSS (comments + search + Mailchimp) ─────── */

/* ════ COMMENTS ════ */
.cmt-section{margin:2rem 0;font-family:var(--sans, system-ui)}
.cmt-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid var(--rule, #e5e7eb);padding-bottom:.6rem}
.cmt-section-head h3{margin:0;font:600 1.1rem var(--sans);color:var(--ink, #111)}
.cmt-count{font:500 .85rem var(--sans);color:var(--ink-5, #6b7280)}

.cmt-form{background:var(--cream, #fafaf7);border:1px solid var(--rule, #e5e7eb);border-radius:10px;padding:14px;margin-bottom:1.5rem}
.cmt-form.sm{margin:.6rem 0;padding:10px}
.cmt-form textarea{width:100%;border:1px solid var(--rule, #e5e7eb);border-radius:7px;padding:9px 11px;font:14px/1.5 var(--sans);background:#fff;resize:vertical;min-height:60px;color:var(--ink, #111)}
.cmt-form textarea:focus{outline:none;border-color:var(--green-d, #059669)}
.cmt-form-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;gap:.6rem}
.cmt-hint{font:500 .78rem var(--sans);color:var(--ink-5, #6b7280)}
.cmt-submit{background:var(--green-d, #059669);color:#fff;border:none;border-radius:6px;padding:7px 14px;font:600 13px var(--sans);cursor:pointer}
.cmt-submit:hover{filter:brightness(1.05)}
.cmt-submit:disabled{opacity:.5;cursor:wait}
.cmt-cancel{background:transparent;border:1px solid var(--rule, #e5e7eb);color:var(--ink-3, #4b5563);border-radius:6px;padding:6px 12px;font:500 13px var(--sans);cursor:pointer}

.cmt-signin{background:#f3f4f6;border:1px dashed var(--rule, #e5e7eb);border-radius:10px;padding:1.25rem;text-align:center;margin-bottom:1.5rem}
.cmt-signin p{margin:0 0 .6rem;color:var(--ink-3, #4b5563);font:500 14px var(--sans)}
.cmt-signin-btn{background:var(--ink, #111);color:#fff;border:none;border-radius:6px;padding:8px 18px;font:600 13px var(--sans);cursor:pointer}

.cmt-list{display:flex;flex-direction:column;gap:1.1rem}
.cmt-empty{color:var(--ink-5, #6b7280);font:italic 14px var(--sans);padding:2rem 0;text-align:center}

.cmt-thread{display:flex;flex-direction:column;gap:.8rem}
.cmt-replies{margin-left:48px;padding-left:14px;border-left:2px solid var(--rule, #e5e7eb);display:flex;flex-direction:column;gap:.8rem}

.cmt{display:grid;grid-template-columns:36px 1fr;gap:.8rem;align-items:start}
.cmt-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #059669, #0c7a4f);color:#fff;display:flex;align-items:center;justify-content:center;font:600 14px var(--sans);flex-shrink:0}
.cmt-body{min-width:0}
.cmt-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem;flex-wrap:wrap}
.cmt-name{font:600 13.5px var(--sans);color:var(--ink, #111)}
.cmt-badge{font:600 9.5px var(--sans);text-transform:uppercase;letter-spacing:.04em;background:var(--green-d, #059669);color:#fff;padding:1px 6px;border-radius:3px}
.cmt-time{font:500 12px var(--sans);color:var(--ink-5, #6b7280)}
.cmt-text{font:400 14px/1.55 var(--sans);color:var(--ink-1, #1f2937);white-space:pre-wrap;word-wrap:break-word}
.cmt-actions{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
.cmt-act{background:transparent;border:none;padding:3px 6px;font:500 12px var(--sans);color:var(--ink-5, #6b7280);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;border-radius:4px}
.cmt-act:hover{background:#f3f4f6;color:var(--ink-1, #1f2937)}
.cmt-act.on{color:var(--green-d, #059669)}
.cmt-likes{font:600 11.5px var(--mono, ui-monospace)}

/* ════ SEARCH SUGGEST DROPDOWN ════ */
#navSdrop .sg-row{display:grid;grid-template-columns:28px 1fr auto;gap:.7rem;align-items:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6}
#navSdrop .sg-row:last-of-type{border-bottom:none}
#navSdrop .sg-row:hover{background:#f9fafb}
#navSdrop .sg-ic{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}
#navSdrop .sg-ic-post{background:#3b82f6}
#navSdrop .sg-ic-broker{background:#059669}
#navSdrop .sg-ic-page{background:#6b7280}
#navSdrop .sg-ic-review{background:#f59e0b}
#navSdrop .sg-body{min-width:0}
#navSdrop .sg-t{font:600 13px var(--sans);color:var(--ink, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#navSdrop .sg-x{font:400 11.5px var(--sans);color:var(--ink-5, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#navSdrop .sg-kind{font:600 9.5px var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-5, #6b7280);background:#f3f4f6;padding:2px 6px;border-radius:3px}
#navSdrop .sg-foot{padding:8px 12px;font:500 11px var(--sans);color:var(--ink-5, #6b7280);background:#fafafa;border-top:1px solid #f3f4f6}
#navSdrop .sg-empty{padding:1.2rem;text-align:center;color:var(--ink-5, #6b7280);font:500 13px var(--sans)}
#navSdrop mark, .sr-row mark{background:#fef08a;color:inherit;padding:0 1px;border-radius:2px}

/* ════ SEARCH RESULTS PAGE ════ */
.sr-summary{font:500 14px var(--sans);color:var(--ink-3, #4b5563);margin-bottom:1.5rem}
.sr-section{margin-bottom:2rem}
.sr-section-h{font:600 1rem var(--sans);color:var(--ink, #111);margin:0 0 .8rem;display:flex;align-items:baseline;gap:.5rem}
.sr-section-c{font:600 12px var(--mono, ui-monospace);color:var(--ink-5, #6b7280);background:#f3f4f6;padding:1px 7px;border-radius:10px}
.sr-list{display:flex;flex-direction:column;gap:.7rem}
.sr-row{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;padding:12px 14px;background:#fff;border:1px solid var(--rule, #e5e7eb);border-radius:8px;cursor:pointer;align-items:start;transition:border-color .15s}
.sr-row:hover{border-color:var(--green-d, #059669)}
.sr-kind{font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:3px;flex-shrink:0;color:#fff;align-self:start}
.sr-kind-post{background:#3b82f6}
.sr-kind-broker{background:#059669}
.sr-kind-page{background:#6b7280}
.sr-kind-review{background:#f59e0b}
.sr-title{font:600 14.5px var(--sans);color:var(--ink, #111);margin-bottom:.2rem}
.sr-excerpt{font:400 13px/1.5 var(--sans);color:var(--ink-3, #4b5563)}
.sr-score{font:600 13px var(--mono, ui-monospace);color:var(--green-d, #059669);align-self:center}
.sr-loading, .sr-empty{padding:2.5rem;text-align:center;color:var(--ink-5, #6b7280);font:500 14px var(--sans)}

/* ════ MAILCHIMP SETTINGS CARD ════ */
.mc-card{background:#fff;border:1px solid var(--rule, #e5e7eb);border-radius:10px;padding:1.25rem}
.mc-card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.mc-card-h h3{margin:0;font:600 1.05rem var(--sans);color:var(--ink, #111)}
.mc-status{font:600 10.5px var(--sans);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:4px}
.mc-status.on{background:#d1fae5;color:#065f46}
.mc-status.off{background:#f3f4f6;color:#6b7280}
.mc-desc{font:400 13px/1.5 var(--sans);color:var(--ink-3, #4b5563);margin:0 0 1rem}
.mc-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1rem;margin-bottom:1rem}
.mc-field label{display:block;font:600 11.5px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-4, #6b7280);margin-bottom:.3rem}
.mc-field input{width:100%;border:1px solid var(--rule, #e5e7eb);border-radius:6px;padding:7px 9px;font:14px var(--mono, ui-monospace);background:#fff}
.mc-field input:focus{outline:none;border-color:var(--green-d, #059669)}
.mc-hint{display:block;margin-top:.3rem;font:400 11.5px var(--sans);color:var(--ink-5, #6b7280)}
.mc-hint code{font:12px var(--mono, ui-monospace);background:#f3f4f6;padding:1px 4px;border-radius:3px}
.mc-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.mc-btn{background:#fff;border:1px solid var(--rule, #e5e7eb);color:var(--ink-1, #1f2937);border-radius:6px;padding:7px 14px;font:600 13px var(--sans);cursor:pointer}
.mc-btn:hover{background:#f9fafb}
.mc-btn.primary{background:var(--green-d, #059669);color:#fff;border-color:var(--green-d, #059669)}
.mc-btn.ghost{background:transparent}
.mc-output{max-height:200px;overflow-y:auto;background:#0f172a;color:#e5e7eb;border-radius:6px;padding:.8rem;font:12px/1.5 var(--mono, ui-monospace)}
.mc-output:empty{display:none}
.mc-log{padding:2px 0}
.mc-log.ok{color:#86efac}
.mc-log.err{color:#fca5a5}

/* ════ REVIEW FORM ════ */
.review-form .field{margin-bottom:1rem}
.review-form .field label{display:block;font:600 12.5px var(--sans);color:var(--ink-2,#374151);margin-bottom:4px}
.review-form .field input,.review-form .field textarea{width:100%;box-sizing:border-box;border:1px solid var(--rule,#e5e7eb);border-radius:8px;padding:9px 12px;font:14px var(--sans);color:var(--ink,#111);background:#fff;transition:border-color .15s}
.review-form .field input:focus,.review-form .field textarea:focus{outline:none;border-color:var(--green,#10b981)}
.review-form .field textarea{resize:vertical;min-height:90px}
.star-picker{display:flex;gap:4px;margin-bottom:4px}
.sp-star{background:none;border:none;cursor:pointer;padding:2px;color:var(--gold,#f59e0b);font-size:1.4rem;line-height:1;transition:transform .1s}
.sp-star svg{width:24px;height:24px}
.sp-star:hover,.sp-star.on{transform:scale(1.15)}
.rev-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.5rem}
.rev-disclaimer{font:12.5px var(--sans);color:var(--ink-4,#9ca3af)}
.rev-empty{color:var(--ink-4,#9ca3af);font-size:14px;padding:.5rem 0}

/* ════ CONTACT FORM ════ */
.contact-form-wrap{max-width:600px;margin:2rem auto}
.contact-form-wrap .field{margin-bottom:1rem}
.contact-form-wrap .field label{display:block;font:600 12.5px var(--sans);color:var(--ink-2,#374151);margin-bottom:4px}
.contact-form-wrap .field input,.contact-form-wrap .field textarea,.contact-form-wrap .field select{width:100%;box-sizing:border-box;border:1px solid var(--rule,#e5e7eb);border-radius:8px;padding:9px 12px;font:14px var(--sans);color:var(--ink,#111);background:#fff;transition:border-color .15s}
.contact-form-wrap .field input:focus,.contact-form-wrap .field textarea:focus,.contact-form-wrap .field select:focus{outline:none;border-color:var(--green,#10b981)}
.contact-form-wrap .field textarea{resize:vertical;min-height:110px}
.contact-success{display:none;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1.5rem;text-align:center;color:#065f46;font:500 15px var(--sans)}
.contact-success.show{display:block}