/* The Stucco Guy Comments v1.0.5 — Thrive Rise specific */

article#comments.tsg-comments-root {
    --tsg-c-accent: #f15a24;
    --tsg-c-text: #161a22;
    --tsg-c-muted: #667084;
    --tsg-c-border: #e3e6ea;
    --tsg-c-soft: #fff7f3;
    --tsg-c-soft-border: #f3d8cb;
    margin-top: 48px;
    color: var(--tsg-c-text);
}

article#comments.tsg-comments-root *,
article#comments.tsg-comments-root *::before,
article#comments.tsg-comments-root *::after { box-sizing: border-box; }

.tsg-comments-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 20px;
}
.tsg-comments-header__accent { display:block; width:44px; height:3px; margin-bottom:12px; border-radius:999px; background:var(--tsg-c-accent); }
.tsg-comments-header__title { margin:0; font-size:clamp(1.75rem,3vw,2.15rem); line-height:1.15; letter-spacing:-.025em; }
.tsg-comments-header__subtitle { margin:8px 0 0; color:var(--tsg-c-muted); line-height:1.5; }
.tsg-comments-header__jump { display:inline-flex; align-items:center; gap:7px; padding:11px 16px; border:1px solid #f1cabc; border-radius:12px; color:var(--tsg-c-accent); background:#fff; font-weight:700; text-decoration:none; white-space:nowrap; }

article#comments > h3.tsg-comment-form-title { margin:0 0 12px !important; font-size:1.28rem !important; }
article#comments .tsg-comment-form-card {
    display:block !important;
    margin:0 0 30px !important;
    padding:22px !important;
    border:1px solid var(--tsg-c-border) !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(16,24,40,.06) !important;
}
article#comments .tsg-comment-form { margin:0 !important; }
article#comments .tsg-comment-form label { display:block; margin:0 0 7px; color:var(--tsg-c-text); font-weight:700; }
article#comments .tsg-comment-form textarea,
article#comments .tsg-comment-form input[type="text"],
article#comments .tsg-comment-form input[type="email"],
article#comments .tsg-comment-form input[type="url"] { width:100% !important; padding:13px 15px !important; border:1px solid #d6dbe1 !important; border-radius:10px !important; background:#fff !important; box-shadow:none !important; }
article#comments .tsg-comment-form textarea { min-height:130px; margin-bottom:14px; resize:vertical; }
article#comments .tsg-comment-form .llw { width:calc(50% - 8px) !important; margin-right:16px !important; }
article#comments .tsg-comment-form .llw + .llw { margin-right:0 !important; }
article#comments .tsg-comment-form .btn { display:inline-block !important; margin:0 !important; padding:0 !important; background:none !important; }
article#comments .tsg-comment-submit { min-height:46px !important; padding:0 21px !important; border:0 !important; border-radius:10px !important; color:#fff !important; background:linear-gradient(135deg,#f15a24,#d9471b) !important; box-shadow:0 9px 20px rgba(241,90,36,.22) !important; font-weight:700 !important; }
article#comments .tsg-comment-meta-panel { margin-top:18px !important; padding:14px 16px !important; border:1px solid #d8e7f6 !important; border-radius:11px !important; background:#edf4fb !important; }
article#comments .tsg-secondary-comment-form,
article#comments .tsg-theme-add-reply { display:none !important; }
article#comments .tsg-original-comments-count { display:none !important; }

article#comments #thrive_container_list_comments.tsg-comments-list { margin:0 !important; padding:0 !important; }
article#comments .tsg-comments-list > .tsg-comment-item { margin:0 0 16px !important; padding:0 !important; }
article#comments .tsg-comment-card {
    display:flex !important;
    align-items:flex-start;
    gap:16px;
    margin:0 !important;
    padding:18px !important;
    border:1px solid var(--tsg-c-border) !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 6px 20px rgba(16,24,40,.04) !important;
}
article#comments .tsg-comment-item--author .tsg-comment-card { border-color:var(--tsg-c-soft-border) !important; background:var(--tsg-c-soft) !important; }
article#comments .tsg-comment-card__avatar { float:none !important; width:56px !important; flex:0 0 56px; margin:0 !important; }
article#comments .tsg-comment-card__avatar img { display:block; width:56px !important; height:56px !important; border-radius:50% !important; }
article#comments .tsg-comment-card__body { float:none !important; width:auto !important; min-width:0; flex:1 1 auto; margin:0 !important; }
article#comments .tsg-comment-card__name { display:flex !important; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 8px; color:var(--tsg-c-text) !important; font-size:1.08rem; font-weight:700; }
article#comments .tsg-comment-card__name .uNM,
article#comments .tsg-comment-card__name a { color:inherit !important; font-weight:700 !important; text-decoration:none !important; }
article#comments .tsg-comment-card__date { display:inline-block; margin:0 0 10px; color:#8a93a3 !important; font-size:.86rem; }
article#comments .tsg-comment-card__body p { margin:0 0 12px !important; color:#364152 !important; font-size:1rem; line-height:1.72 !important; }
article#comments .tsg-comment-badge { display:inline-flex; align-items:center; min-height:23px; padding:0 9px; border-radius:999px; color:#5a6474; background:#eef1f5; font-size:.72rem; font-weight:700; }
article#comments .tsg-comment-badge--author { color:var(--tsg-c-accent); background:#ffece4; }
article#comments .tsg-comment-card__reply { float:none !important; display:inline-flex !important; width:auto !important; margin-top:2px !important; padding:0 !important; color:var(--tsg-c-accent) !important; background:transparent !important; font-weight:700 !important; text-decoration:none !important; }
article#comments .tsg-comment-card__reply::before { content:'↩'; margin-right:6px; }
article#comments .comment-awaiting-moderation { color:#a94d28 !important; font-weight:600; }

.tsg-comments-load-more { display:flex; flex-direction:column; align-items:center; gap:11px; margin:22px 0 52px; }
.tsg-comments-load-more__status { margin:0; color:var(--tsg-c-muted); }
.tsg-comments-load-more__button { min-width:300px; min-height:54px; padding:0 24px; border:1px solid #f1cabc; border-radius:14px; color:var(--tsg-c-accent); background:#fff; font-weight:700; cursor:pointer; }
.tsg-comments-load-more.is-loading .tsg-comments-load-more__button { opacity:.6; cursor:wait; }

@media (max-width:760px) {
    .tsg-comments-header { flex-direction:column; }
    article#comments .tsg-comment-form .llw { width:100% !important; margin-right:0 !important; }
}
@media (max-width:520px) {
    article#comments .tsg-comment-form-card { padding:18px !important; }
    article#comments .tsg-comment-card { flex-direction:column; padding:16px !important; }
    .tsg-comments-load-more__button { width:100%; min-width:0; }
}


/* Comment search — v1.0.5 */
.tsg-comment-search {
    margin: 0 0 24px;
    padding: 18px;
    border: 1px solid var(--tsg-c-border);
    border-radius: 14px;
    background: #f8fafc;
}
.tsg-comment-search__label {
    display: block;
    margin-bottom: 9px;
    color: var(--tsg-c-text);
    font-size: .95rem;
    font-weight: 700;
}
.tsg-comment-search__form {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin: 0;
}
.tsg-comment-search__input-wrap {
    position: relative;
    flex: 1 1 auto;
}
.tsg-comment-search__icon {
    position: absolute;
    top: 50%;
    left: 14px;
    color: #7b8492;
    font-size: 1.2rem;
    transform: translateY(-50%);
    pointer-events: none;
}
.tsg-comment-search input[type="search"] {
    width: 100% !important;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 15px 0 42px !important;
    border: 1px solid #d6dbe1 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.tsg-comment-search input[type="search"]:focus {
    border-color: #f3a281 !important;
    outline: none;
    box-shadow: 0 0 0 4px rgba(241,90,36,.1) !important;
}
.tsg-comment-search__button,
.tsg-comment-search__clear {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 11px;
    font-weight: 700;
    cursor: pointer;
}
.tsg-comment-search__button {
    border: 0;
    color: #fff;
    background: var(--tsg-c-accent);
}
.tsg-comment-search__clear {
    border: 1px solid #d6dbe1;
    color: #4d5868;
    background: #fff;
}
.tsg-comment-search__status {
    min-height: 1.4em;
    margin: 10px 0 0;
    color: var(--tsg-c-muted);
    font-size: .9rem;
}
.tsg-comment-search__status.is-success { color: #287443; }
.tsg-comment-search__status.is-error { color: #a43d32; }
.tsg-comment-search__status.is-loading { color: var(--tsg-c-accent); }
.tsg-comments-searching #thrive_container_list_comments { opacity: .55; }
.tsg-comments-list mark {
    padding: 1px 3px;
    border-radius: 3px;
    color: inherit;
    background: #ffe1a8;
}
@media (max-width: 640px) {
    .tsg-comment-search__form { flex-wrap: wrap; }
    .tsg-comment-search__input-wrap { flex-basis: 100%; }
    .tsg-comment-search__button,
    .tsg-comment-search__clear { flex: 1 1 calc(50% - 5px); }
}


/* v1.0.7 — comment form consent and spacing polish */
#comments .tsg-comment-form .comment-form-cookies-consent,
#comments .tsg-comment-form-card .comment-form-cookies-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin: 14px 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #667084 !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

#comments .tsg-comment-form .comment-form-cookies-consent input[type="checkbox"],
#comments .tsg-comment-form-card .comment-form-cookies-consent input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px !important;
    height: 18px !important;
    margin: 2px 0 0 !important;
    accent-color: #f15a24;
    cursor: pointer;
}

#comments .tsg-comment-form .comment-form-cookies-consent label,
#comments .tsg-comment-form-card .comment-form-cookies-consent label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    cursor: pointer;
}

#comments .tsg-comment-form .llw,
#comments .tsg-comment-form-card .llw {
    margin-bottom: 16px;
}

#comments .tsg-comment-form > label[for="website"],
#comments .tsg-comment-form-card form > label[for="website"] {
    margin-top: 2px;
}

#comments .tsg-comment-form > label[for="comment"],
#comments .tsg-comment-form-card form > label[for="comment"] {
    margin-top: 2px;
}

#comments .tsg-comment-email-note {
    display: block;
    margin-top: 7px;
    color: #7a8493;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.4;
}


/* v1.0.8 — optional website field */
#comments .tsg-comment-website-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    margin: 2px 0 14px;
    padding: 0;
    border: 0;
    color: #667084;
    background: transparent;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

#comments .tsg-comment-website-toggle:hover,
#comments .tsg-comment-website-toggle:focus {
    color: #f15a24;
    outline: none;
    text-decoration: underline;
}

#comments .tsg-comment-website-field {
    width: 100%;
    margin: 0 0 12px;
}

#comments .tsg-comment-website-field[hidden] {
    display: none !important;
}
