.rs-comments-area {
margin-top: 3rem;
margin-bottom: 3rem;
color: #f5f5f5;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.rs-comments-inner {
background: #181818;
border-radius: 18px;
border: 1px solid #2a2a2a;
padding: 32px 24px;
} .rs-comments-title {
font-size: 1.4rem;
font-weight: 600;
text-align: left;
margin: 0 0 24px;
color: #ffffff;
} .rs-comment-list {
list-style: none;
margin: 0 0 32px;
padding: 0;
}
.rs-comment-item {
margin: 0 0 12px;
}
.rs-comment-card {
display: flex;
flex-direction: column;
gap: 10px;
background: #181818;
border-radius: 14px;
border: 1px solid #2b2b2b;
padding: 14px 16px;
} .rs-comment-header {
display: flex;
align-items: center;
gap: 12px;
}
.rs-comment-avatar img {
border-radius: 999px;
display: block;
}
.rs-comment-header-main {
display: flex;
flex-direction: column;
gap: 4px;
}
.rs-comment-author {
font-weight: 500;
color: #ffffff;
}
.rs-comment-meta {
font-size: 0.8rem;
color: #a0a0a0;
}
.rs-comment-meta a {
text-decoration: none;
color: inherit;
}
.rs-comment-meta a:hover {
text-decoration: underline;
}
.rs-comment-edit {
color: #cccccc;
} .rs-comment-body {
font-size: 0.95rem;
color: #e0e0e0;
}
.rs-comment-text p {
margin: 0 0 6px;
}
.rs-comment-moderation {
font-size: 0.85rem;
color: #ffb347;
} .rs-comment-footer {
margin-top: 2px;
font-size: 0.85rem;
}
.rs-comment-footer a {
text-decoration: none;
font-weight: 500;
color: #ff2e6d;
}
.rs-comment-footer a:hover {
text-decoration: underline;
} .rs-no-comments {
font-size: 0.95rem;
color: #b3b3b3;
margin: 0 0 24px;
} .comment-navigation .nav-links a {
display: inline-block;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid #2b2b2b;
font-size: 0.85rem;
text-decoration: none;
color: #f5f5f5;
}
.comment-navigation .nav-links a:hover {
background: #202020;
} .rs-comment-form-wrapper {
margin-top: 24px;
border-top: 1px solid #2a2a2a;
padding-top: 24px;
}
.rs-comment-form-title {
font-size: 1.1rem;
font-weight: 600;
margin: 0 0 16px;
color: #ffffff;
}
.rs-comment-form {
max-width: 520px;
}
.rs-form-row {
display: flex;
flex-direction: column;
margin-bottom: 14px;
}
.rs-form-row label {
font-size: 0.85rem;
margin-bottom: 4px;
color: #c2c2c2;
}
.rs-form-row input,
.rs-form-row textarea {
background: #181818;
border-radius: 10px;
border: 1px solid #2c2c2c;
padding: 10px 12px;
font-size: 0.95rem;
color: #f5f5f5;
outline: none;
width: 100%;
box-sizing: border-box;
}
.rs-form-row input:focus,
.rs-form-row textarea:focus {
border-color: #ff2e6d;
box-shadow: 0 0 0 1px rgba(255, 46, 109, 0.4);
}
.rs-form-row-textarea textarea {
min-height: 120px;
resize: vertical;
} .rs-form-actions {
margin-top: 10px;
}
.rs-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 22px;
border-radius: 999px;
border: none;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
text-decoration: none;
}
.rs-btn-accent {
background: #ff2e6d;
color: #ffffff;
box-shadow: 0 8px 18px rgba(255, 46, 109, 0.35);
}
.rs-btn-accent:hover {
background: #ff477e;
} .rs-comments-inner-block .wp-block-comments {
margin: 0;
padding: 0;
}
.rs-comments-inner-block .wp-block-comments-title {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 24px;
color: #ffffff;
}
.rs-comments-inner-block .wp-block-comment-template {
list-style: none;
margin: 0 0 24px;
padding: 0;
}
.rs-comments-inner-block .wp-block-comment-template > li {
margin: 0 0 12px;
}
.rs-comments-inner-block .wp-block-comment-template > li > article {
background: #181818;
border-radius: 14px;
border: 1px solid #2b2b2b;
padding: 14px 16px;
}
.rs-comments-inner-block .wp-block-comment-author-name,
.rs-comments-inner-block .wp-block-comment-author-name a {
font-weight: 500;
color: #ffffff;
text-decoration: none;
}
.rs-comments-inner-block .wp-block-comment-date {
font-size: 0.8rem;
color: #a0a0a0;
}
.rs-comments-inner-block .wp-block-comment-date a {
color: inherit;
text-decoration: none;
}
.rs-comments-inner-block .wp-block-comment-date a:hover {
text-decoration: underline;
}
.rs-comments-inner-block .wp-block-comment-content {
font-size: 0.95rem;
color: #e0e0e0;
}
.rs-comments-inner-block .wp-block-comment-reply-link a {
font-size: 0.85rem;
text-decoration: none;
font-weight: 500;
color: #ff2e6d;
}
.rs-comments-inner-block .wp-block-comment-reply-link a:hover {
text-decoration: underline;
} .rs-comments-inner-block .wp-block-post-comments-form {
margin-top: 24px;
border-top: 1px solid #2a2a2a;
padding-top: 24px;
}
.rs-comments-inner-block .wp-block-post-comments-form label {
font-size: 0.85rem;
margin-bottom: 4px;
color: #c2c2c2;
}
.rs-comments-inner-block .wp-block-post-comments-form input,
.rs-comments-inner-block .wp-block-post-comments-form textarea {
background: #181818;
border-radius: 10px;
border: 1px solid #2c2c2c;
padding: 10px 12px;
font-size: 0.95rem;
color: #f5f5f5;
outline: none;
width: 100%;
box-sizing: border-box;
}
.rs-comments-inner-block .wp-block-post-comments-form input:focus,
.rs-comments-inner-block .wp-block-post-comments-form textarea:focus {
border-color: #ff2e6d;
box-shadow: 0 0 0 1px rgba(255, 46, 109, 0.4);
}
.rs-comments-inner-block .wp-block-post-comments-form .wp-block-button__link {
border-radius: 999px;
padding: 10px 22px;
border: none;
font-size: 0.95rem;
font-weight: 600;
background: #ff2e6d;
color: #ffffff;
box-shadow: 0 8px 18px rgba(255, 46, 109, 0.35);
}
.rs-comments-inner-block .wp-block-post-comments-form .wp-block-button__link:hover {
background: #ff477e;
} @media (max-width: 600px) {
.rs-comments-inner {
padding: 24px 16px;
}
.rs-comment-card {
padding: 12px 12px;
}
}.srp-modal,.srp-dialog,.srp-form,.srp-field,.srp-field input,.srp-field select,.srp-field textarea,.srp-actions,.srp-submit,.srp-message{box-sizing:border-box}
.srp-report-btn-inline{min-width:0;box-sizing:border-box}
.srp-report-btn-inline .hub__btnSvg{width:16px;height:16px;flex:0 0 16px}
.srp-report-wrap{margin:24px 0 0}
.srp-report-btn{appearance:none;border:1px solid #2d3038;background:#2c2f38;color:#fff;padding:12px 18px;border-radius:14px;font-weight:700;cursor:pointer;transition:.18s ease}
.srp-report-btn:hover{transform:translateY(-1px);background:#343844}
.srp-modal[hidden]{display:none}
.srp-modal{position:fixed;inset:0;z-index:999999;padding:12px;overflow-y:auto}
.srp-backdrop{position:absolute;inset:0;background:rgba(8,10,15,.78);backdrop-filter:blur(3px)}
.srp-dialog{position:relative;z-index:2;width:min(560px,100%);max-width:560px;margin:6vh auto 0;background:#1c1f28;border:1px solid #2d3038;border-radius:22px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.45);color:#fff}
.srp-close{position:absolute;top:12px;right:14px;width:40px;height:40px;border:1px solid #2d3038;border-radius:999px;background:rgba(255,255,255,.03);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.srp-dialog h3{margin:0 0 6px;font-size:28px}
.srp-subtitle{margin:0 0 18px;color:#b8c0d9}
.srp-form{display:grid;gap:14px}
.srp-field{display:grid;gap:8px}
.srp-field span{font-weight:600}
.srp-field input,.srp-field select,.srp-field textarea{display:block;width:100%;max-width:100%;border:1px solid #2d3038;background:#171b24;color:#fff;border-radius:14px;padding:12px 14px;outline:none}
.srp-field input:focus,.srp-field select:focus,.srp-field textarea:focus{border-color:#4c6fff}
.srp-actions{display:flex;justify-content:flex-end}
.srp-submit{appearance:none;border:1px solid #2d3038;background:#2c2f38;color:#fff;padding:12px 16px;border-radius:14px;font-weight:700;cursor:pointer;transition:.18s ease}
.srp-submit:hover{transform:translateY(-1px);background:#343844}
.srp-message{min-height:20px;color:#b8c0d9;font-size:14px}
.srp-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.srp-open{overflow:hidden}
.srp-field textarea{resize:vertical;min-height:120px}
@media (max-width: 640px){.srp-dialog{margin:12px auto;padding:18px;border-radius:18px}.srp-dialog h3{font-size:24px}}