/* Wormbin Community — reuses the active theme's CSS custom properties
   (--green-700, --cream, --line, etc.) defined in the theme's main.css.
   Falls back to sensible hardcoded values via the var() second
   argument in case the theme isn't active. */

.wbcom-archive-wrap{padding:24px 0 50px;}
.wbcom-card{border:1px solid var(--line, #e8e3d5);border-radius:14px;padding:20px 24px;background:#fff;margin-bottom:24px;}
.wbcom-start-card h3{font-size:1.05rem;margin-bottom:14px;font-family:'Poppins',sans-serif;}

/* Forms (shared: login, register, new post) */
.wbcom-form{max-width:480px;}
.wbcom-field{margin-bottom:14px;}
.wbcom-field label{display:block;font-weight:700;font-size:0.85rem;margin-bottom:5px;color:var(--ink, #20261e);}
.wbcom-field input[type=text],
.wbcom-field input[type=email],
.wbcom-field input[type=password],
.wbcom-field select,
.wbcom-field textarea{width:100%;padding:10px 12px;border:1px solid var(--line, #e8e3d5);border-radius:8px;font-size:0.9rem;font-family:inherit;}
.wbcom-field textarea{resize:vertical;}
.wbcom-hint{font-size:0.72rem;color:var(--gray, #6f7568);}
.wbcom-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.wbcom-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:700;font-size:0.88rem;cursor:pointer;border:2px solid transparent;font-family:inherit;text-decoration:none;}
.wbcom-btn-primary{background:var(--green-700, #315911);color:#fff;}
.wbcom-btn-primary:hover{background:var(--green-800, #1c3a24);}
.wbcom-btn-outline{background:#fff;color:var(--green-700, #315911);border-color:var(--green-700, #315911);}
.wbcom-btn-outline:hover{background:var(--green-50, #f2f4e1);}
.wbcom-btn-block{width:100%;}

/* Alerts */
.wbcom-alert{padding:12px 16px;border-radius:8px;font-size:0.85rem;margin-bottom:16px;}
.wbcom-alert-error{background:#fbeeea;color:#a8432f;border:1px solid #eccbc0;}
.wbcom-alert-success{background:#eef6ea;color:var(--green-700, #315911);border:1px solid #cfe3c4;}

/* Login prompt (inline, wherever a gated action appears) */
.wbcom-login-prompt{background:var(--green-50, #f2f4e1);border-radius:12px;padding:18px 20px;text-align:center;}
.wbcom-login-prompt p{margin-bottom:12px;font-size:0.9rem;color:var(--ink, #20261e);}
.wbcom-login-prompt-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* Login/Register tabs */
.wbcom-account{max-width:420px;}
.wbcom-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--line, #e8e3d5);}
.wbcom-tab{flex:1;padding:10px;background:none;border:none;font-weight:700;font-size:0.9rem;color:var(--gray, #6f7568);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:inherit;}
.wbcom-tab.active{color:var(--green-700, #315911);border-color:var(--green-700, #315911);}
.wbcom-panel[hidden]{display:none;}
.wbcom-forgot{display:block;text-align:center;margin-top:12px;font-size:0.8rem;color:var(--gray, #6f7568);}

/* Logged-in account summary */
.wbcom-account-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.wbcom-account-avatar img{border-radius:50%;display:block;}
.wbcom-account-name{font-weight:700;font-size:0.95rem;color:var(--ink, #20261e);}
.wbcom-account-email{font-size:0.8rem;color:var(--gray, #6f7568);}
.wbcom-logout-form{margin-left:auto;}

/* Thread list (archive) */
.wbcom-thread-list{display:flex;flex-direction:column;gap:12px;margin-top:10px;}
.wbcom-thread-card{display:flex;gap:14px;border:1px solid var(--line, #e8e3d5);border-radius:12px;padding:16px 18px;background:#fff;transition:border-color .15s ease, transform .15s ease;}
.wbcom-thread-card:hover{border-color:var(--green-500, #5a8a3a);transform:translateY(-1px);}
.wbcom-thread-avatar img{border-radius:50%;display:block;}
.wbcom-thread-body{flex:1;min-width:0;}
.wbcom-thread-body h3{font-size:0.98rem;margin:4px 0 6px;font-family:'Poppins',sans-serif;color:var(--ink, #20261e);}
.wbcom-thread-body p{font-size:0.84rem;color:var(--gray, #6f7568);margin-bottom:8px;}
.wbcom-thread-meta{font-size:0.74rem;color:var(--gray, #6f7568);display:flex;gap:6px;flex-wrap:wrap;}

/* Single thread */
.wbcom-single-wrap{padding:24px 0 50px;max-width:820px;}
.wbcom-thread-header{margin-bottom:20px;}
.wbcom-thread-header h1{font-size:1.6rem;margin:8px 0 16px;color:var(--green-650, #234c06);}
.wbcom-thread-author{display:flex;align-items:center;gap:10px;}
.wbcom-thread-author img{border-radius:50%;display:block;}
.wbcom-author-name{font-weight:700;font-size:0.88rem;color:var(--ink, #20261e);}
.wbcom-author-date{font-size:0.76rem;color:var(--gray, #6f7568);}
.wbcom-thread-content{font-size:0.92rem;color:var(--ink, #20261e);line-height:1.7;padding:20px 0;border-top:1px solid var(--line, #e8e3d5);border-bottom:1px solid var(--line, #e8e3d5);margin-bottom:30px;}
.wbcom-thread-content p{margin-bottom:14px;color:inherit;}
.wbcom-back-link{display:inline-block;margin-top:24px;font-size:0.85rem;color:var(--green-700, #315911);font-weight:600;}

/* Comments */
.wbcom-comments-count{font-size:1.1rem;margin-bottom:16px;font-family:'Poppins',sans-serif;}
.wbcom-comment-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:16px;}
.wbcom-comment-list ol{list-style:none;margin-top:16px;padding-left:24px;border-left:2px solid var(--line, #e8e3d5);}
.wbcom-comment-list .comment{display:flex;gap:12px;}
.wbcom-comment-list .comment-body{flex:1;min-width:0;}
.wbcom-comment-list .avatar{border-radius:50%;display:block;flex:0 0 auto;}
.wbcom-comment-list .comment-author{font-weight:700;font-size:0.86rem;color:var(--ink, #20261e);}
.wbcom-comment-list .comment-metadata{font-size:0.72rem;color:var(--gray, #6f7568);margin-bottom:6px;}
.wbcom-comment-list .comment-content p{font-size:0.86rem;color:var(--ink, #20261e);margin-bottom:8px;}
.wbcom-comment-list .reply a{font-size:0.76rem;font-weight:700;color:var(--green-700, #315911);}
.wbcom-comments-closed{font-size:0.85rem;color:var(--gray, #6f7568);font-style:italic;}
.wbcom-comment-gate{margin:20px 0;}
.wbcom-logged-in-as{font-size:0.82rem;color:var(--gray, #6f7568);margin-bottom:14px;}

#respond{margin-top:24px;}
#respond .comment-reply-title{font-size:1.05rem;font-family:'Poppins',sans-serif;margin-bottom:14px;}

@media (max-width:640px){
  .wbcom-thread-card{flex-direction:column;}
  .wbcom-logout-form{margin-left:0;}
}