/* ─── Rede Global — Filson Pro everywhere, branded comments ── */

/* ─── 1000px containment for content pages ────────────────── */
.rede-newsletters,
.rede-newsletter-content,
.rede-profile {
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
}

/* ─── Force comment form + back link into container ───────── */
.rede-comment-form-wrap,
.rede-comment-form-wrap *,
.rede-commenting-as,
.rede-input-row,
.rede-input-row *,
#respond,
#respond *,
#fl-comment-form,
#fl-comment-form *,
.rede-single-back {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Kill any BB form styles that break containment */
#fl-comment-form {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#fl-comment-form .form-control {
    width: 100% !important;
}

.rede-input-row textarea {
    width: 0 !important;
    min-width: 0 !important;
    flex: 1 1 0% !important;
}

/* Admin bar dashicons fix */
#wpadminbar,
#wpadminbar * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-submenu .ab-item:before,
#wpadminbar #wp-admin-bar-comments .ab-icon:before,
#wpadminbar #wp-admin-bar-new-content .ab-icon:before,
#wpadminbar #wp-admin-bar-updates .ab-icon:before,
#wpadminbar #wp-admin-bar-edit .ab-icon:before,
#wpadminbar .dashicons,
#wpadminbar .dashicons-before:before {
    font-family: dashicons !important;
}

/* ─── Global page padding (not homepage) ──────────────────── */
body:not(.home) .fl-page-content {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* Force Filson Pro on everything EXCEPT admin bar and dashicons */
body,
.fl-page,
.fl-page *:not(#wpadminbar):not(#wpadminbar *):not(.dashicons):not(.dashicons-before):not(.ab-icon):not([class*="dashicons"]) {
    font-family: 'filson-pro', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th, label, input, textarea, select, button {
    font-family: 'filson-pro', sans-serif !important;
}

/* ─── Rede Comments ───────────────────────────────────────── */

.rede-comments {
    margin-top: 0;
    padding-top: 0;
}

/* Header */
.rede-comments-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.rede-comments-count {
    background: linear-gradient(135deg, #1a1a2e, #0f3460);
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
}

.rede-comments-label {
    font-size: 14px;
    font-weight: 400;
    color: #1a1a2e;
}

/* Comment item */
.rede-comment {
    display: flex;
    gap: 12px;
    margin-bottom: 6px;
}

.rede-comment-reply {
    margin-left: 46px;
}

.rede-comment-avatar img {
    border-radius: 50% !important;
    width: 34px !important;
    height: 34px !important;
}

.rede-comment-main {
    flex: 1;
    min-width: 0;
}

.rede-comment-head {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 3px;
}

.rede-comment-author {
    font-size: 13px;
    font-weight: 400;
    color: #1a1a2e;
}

.rede-comment-date {
    font-size: 11px;
    font-weight: 300;
    color: #bbb;
}

.rede-comment-bubble {
    background: #f5f5f7;
    border-radius: 4px 14px 14px 14px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    font-weight: 300;
    display: inline-block;
    max-width: 100%;
}

.rede-comment-bubble p {
    margin: 0 !important;
}

.rede-comment-actions {
    margin-top: 3px;
}

.rede-comment-actions a {
    font-size: 11px !important;
    color: #ccc !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    transition: color 0.15s !important;
}

.rede-comment-actions a:hover {
    color: #f26d44 !important;
}

/* Commenting as */
.rede-commenting-as {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 12px;
    color: #999;
    font-weight: 300;
}

.rede-commenting-as img {
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
}

.rede-commenting-as strong {
    font-weight: 400;
    color: #666;
}

/* Input row — textarea + send button */
.rede-input-row {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.rede-input-row textarea {
    flex: 1;
    border: 1px solid #e8e8e8 !important;
    border-radius: 22px !important;
    padding: 11px 18px !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #333 !important;
    background: #f9f9f9 !important;
    resize: none !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.2s !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
}

.rede-input-row textarea:focus {
    border-color: #f26d44 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(242,109,68,0.06) !important;
}

.rede-input-row textarea::placeholder {
    color: #bbb;
    font-weight: 300;
}

.rede-comment-submit {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    background: #f26d44 !important;
    border: none !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    padding: 0 !important;
    flex-shrink: 0;
}

.rede-comment-submit:hover {
    background: #e05e38 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 14px rgba(242,109,68,0.25) !important;
}

.rede-comment-submit svg {
    width: 16px;
    height: 16px;
}

/* Hide BB default comments */
.fl-comments-list-title,
.fl-comments .fl-comments-list-title {
    display: none !important;
}

/* Hide WP default stuff we don't need */
.comment-form .comment-notes,
.comment-form .comment-form-cookies-consent,
#cancel-comment-reply-link {
    display: none !important;
}

.comment-respond .comment-reply-title {
    display: none !important;
}

.comment-form .logged-in-as {
    display: none !important;
}

/* Hide any stray form fields BB injects */
.rede-comment-form-wrap label[for="fl-author"],
.rede-comment-form-wrap label[for="fl-email"],
.rede-comment-form-wrap label[for="fl-url"],
.rede-comment-form-wrap #fl-author,
.rede-comment-form-wrap #fl-email,
.rede-comment-form-wrap #fl-url,
.rede-comment-form-wrap .comment-form-cookies-consent,
.rede-comment-form-wrap br {
    display: none !important;
}

/* ─── Nav Login/Logout Icon ────────────────────────────────── */

.rede-nav-login-link,
.rede-nav-user-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    transition: color 0.2s !important;
}

.rede-nav-login-link:hover,
.rede-nav-user-link:hover {
    color: #f26d44 !important;
}

.rede-nav-login-link svg {
    opacity: 0.7;
}

.rede-nav-login-link:hover svg {
    opacity: 1;
    stroke: #f26d44;
}

.rede-nav-avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(242, 109, 68, 0.4);
}

.rede-nav-username {
    font-size: 12px !important;
    font-weight: 300 !important;
}

.rede-nav-login-text {
    font-size: 13px !important;
}

/* User dropdown */
.rede-nav-user {
    position: relative !important;
}

.rede-nav-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    border: 1px solid #f0f0f0;
    min-width: 160px;
    padding: 8px 0;
    z-index: 9999;
    margin-top: 8px;
}

.rede-nav-user.open .rede-nav-dropdown {
    display: block;
}

.rede-nav-dropdown a {
    display: block !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #444 !important;
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s !important;
}

.rede-nav-dropdown a:hover {
    background: rgba(242, 109, 68, 0.06) !important;
    color: #f26d44 !important;
}

/* Single-line comment input instead of textarea */
.comment-form textarea#fl-comment,
.comment-form textarea#comment {
    min-height: 44px !important;
    height: 44px !important;
    resize: none !important;
    overflow: hidden !important;
    padding: 11px 16px !important;
    line-height: 1.4 !important;
}

/* ─── Kill BB defaults we don't want ──────────────────────── */

.fl-post-meta,
.fl-post-nav,
.fl-post-header .fl-post-meta {
    display: none !important;
}

/* Consistent link styling */
a:hover {
    text-decoration: none !important;
}