/* CoolMo Member Discussions - front end (large, readable defaults). v1.0.4 */
.coolmo-md-archive, .coolmo-md-prefs { font-size: 18px; line-height: 1.6; }
.coolmo-md-search { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 20px; }
.coolmo-md-search input[type="search"] { flex: 1 1 260px; font-size: 18px; padding: 10px 12px; min-height: 48px; }
.coolmo-md-search .button, .coolmo-md-big { font-size: 18px; padding: 10px 18px; min-height: 48px; cursor: pointer; }
.coolmo-md-threads { list-style: none; margin: 0; padding: 0; }
.coolmo-md-threads li { padding: 14px 0; border-bottom: 1px solid #ddd; }
.coolmo-md-thread-title { font-size: 20px; font-weight: 600; text-decoration: none; display: block; }
.coolmo-md-meta { display: block; color: #555; font-size: 16px; }
.coolmo-md-msg header .coolmo-md-meta { display: inline; margin-left: 8px; }
.coolmo-md-pager { display: flex; gap: 12px; align-items: center; margin-top: 20px; }
.coolmo-md-msg { border: 1px solid #ddd; border-radius: 8px; padding: 16px 20px; margin: 16px 0; background: #fff; }
.coolmo-md-msg header { margin-bottom: 10px; }
.coolmo-md-body { overflow-wrap: anywhere; overflow-x: auto; }
.coolmo-md-body img { max-width: 100%; height: auto; }
.coolmo-md-body blockquote { margin: 8px 0 8px 8px; padding-left: 12px; border-left: 3px solid #ccc; color: #555; }
.coolmo-md-text { white-space: pre-wrap; }
.coolmo-md-quote { margin: 8px 0; color: #555; }
.coolmo-md-quote summary { cursor: pointer; color: #1d4f91; font-size: 16px; }
.coolmo-md-quote pre { white-space: pre-wrap; font-family: inherit; font-size: 16px; }
.coolmo-md-gate { padding: 16px; background: #f6f6f6; border-radius: 8px; }
/* ---------------------------------------------------------------------------------------------
 * Member panel: WooCommerce My Account > Discussion Lists, and [coolmo_md_preferences].
 * Inherits the theme's fonts and button colours; only spacing, layout and neutral accents are set.
 * --------------------------------------------------------------------------------------------- */
.coolmo-md-prefs { --cmd-border: #dfe3e6; --cmd-muted: #5a6168; --cmd-soft: #f6f8f9; --cmd-ok: #1f7a3f; --cmd-ok-bg: #e7f5ec; --cmd-warn: #8a5a00; --cmd-warn-bg: #fff4dc; display: flex; flex-direction: column; gap: 22px; font-size: 18px; line-height: 1.6; }
.coolmo-md-prefs * { box-sizing: border-box; }
.coolmo-md-prefs.coolmo-md-pad { padding: clamp(18px, 3vw, 34px); }
.coolmo-md-ico { width: 1.1em; height: 1.1em; flex: 0 0 auto; vertical-align: -0.18em; }
.coolmo-md-intro { display: flex; gap: 16px; align-items: flex-start; }
.coolmo-md-intro-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; background: var(--cmd-soft); border: 1px solid var(--cmd-border); flex: 0 0 auto; }
.coolmo-md-intro-icon .coolmo-md-ico { width: 28px; height: 28px; opacity: .85; }
.coolmo-md-intro p { margin: 0; }
.coolmo-md-intro-title { font-size: 1.2em; font-weight: 700; line-height: 1.3; }
.coolmo-md-intro-text { color: var(--cmd-muted); }
.coolmo-md-card { background: #fff; border: 1px solid var(--cmd-border); border-radius: 12px; padding: clamp(18px, 2.6vw, 30px); margin: 0; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.coolmo-md-card h3 { margin: 0 0 12px; font-size: 1.25em; line-height: 1.3; }
.coolmo-md-card p { margin: 0 0 14px; }
.coolmo-md-card > :last-child { margin-bottom: 0; }
.coolmo-md-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; }
.coolmo-md-card-head h3 { margin: 0; }
.coolmo-md-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 999px; font-size: 15px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.coolmo-md-pill-on { background: var(--cmd-ok-bg); color: var(--cmd-ok); }
.coolmo-md-pill-off { background: var(--cmd-warn-bg); color: var(--cmd-warn); }
.coolmo-md-desc, .coolmo-md-help { color: var(--cmd-muted); }
.coolmo-md-help { font-size: 16px; }
.coolmo-md-label { margin-bottom: 6px !important; font-weight: 600; }
.coolmo-md-address a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 10px; background: var(--cmd-soft); border: 1px solid var(--cmd-border); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.coolmo-md-address a:hover, .coolmo-md-address a:focus { text-decoration: underline; }
.coolmo-md-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 18px; margin-top: 4px; border-top: 1px solid var(--cmd-border); }
.coolmo-md-actions form { margin: 0; }
.coolmo-md-link-btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.coolmo-md-big, .coolmo-md-row .button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; margin: 0; padding: 10px 24px; font-size: 18px; line-height: 1.2; cursor: pointer; text-decoration: none; }
.coolmo-md-prefs a.coolmo-md-big { border-radius: 6px; }
.coolmo-md-note { display: flex; align-items: center; gap: 10px; background: var(--cmd-ok-bg); color: var(--cmd-ok); border: 1px solid #b9e2c7; padding: 14px 18px; border-radius: 10px; font-weight: 600; }
.coolmo-md-admin-hint { margin-top: 18px !important; padding: 12px 16px; background: var(--cmd-warn-bg); border-left: 4px solid #e0a800; border-radius: 4px; font-size: 15px; color: #4a3b00; }
.coolmo-md-addrs { list-style: none; margin: 0 0 22px; padding: 0; border: 1px solid var(--cmd-border); border-radius: 10px; overflow: hidden; }
.coolmo-md-addrs li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--cmd-border); }
.coolmo-md-addrs li:last-child { border-bottom: 0; }
.coolmo-md-addrs li:nth-child(even) { background: var(--cmd-soft); }
.coolmo-md-addr { font-weight: 700; overflow-wrap: anywhere; }
.coolmo-md-tag { font-size: 14px; padding: 2px 10px; border-radius: 999px; background: var(--cmd-soft); border: 1px solid var(--cmd-border); color: var(--cmd-muted); }
.coolmo-md-tag-ok { background: var(--cmd-ok-bg); border-color: #b9e2c7; color: var(--cmd-ok); }
.coolmo-md-tag-wait { background: var(--cmd-warn-bg); border-color: #f2d58a; color: var(--cmd-warn); }
.coolmo-md-remove { margin: 0 0 0 auto !important; }
.coolmo-md-remove-btn { background: none !important; border: 0 !important; padding: 4px 0 !important; min-height: 0 !important; color: #b32d2e !important; text-decoration: underline; cursor: pointer; font-size: 16px; box-shadow: none !important; }
.coolmo-md-add label { display: block; font-weight: 700; margin: 0 0 4px; }
.coolmo-md-add .coolmo-md-help { margin-bottom: 10px; }
.coolmo-md-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
.coolmo-md-row input[type="email"] { flex: 1 1 280px; max-width: 480px; min-height: 50px; margin: 0; padding: 10px 14px; font-size: 18px; line-height: 1.3; border-radius: 6px; }
.coolmo-md-empty { text-align: left; }
.coolmo-md-navicon { pointer-events: none; }
.coolmo-md-navicon svg { display: block; }
@media (max-width: 600px) {
	.coolmo-md-prefs { gap: 16px; }
	.coolmo-md-prefs.coolmo-md-pad { padding: 12px; }
	.coolmo-md-card { padding: 16px; border-radius: 10px; }
	.coolmo-md-intro-icon { width: 40px; height: 40px; }
	.coolmo-md-address a { display: flex; padding: 10px 12px; font-size: 16px; overflow-wrap: normal; word-break: normal; }
	.coolmo-md-address a span { min-width: 0; overflow-wrap: anywhere; }
	.coolmo-md-row input[type="email"], .coolmo-md-row .button, .coolmo-md-actions form, .coolmo-md-actions .coolmo-md-big { flex: 1 1 100%; max-width: none; width: 100%; }
	.coolmo-md-remove { margin-left: 0 !important; }
}
.coolmo-md-hide-before::before { display: none !important; }
.coolmo-md-hide-after::after { display: none !important; }