/* Gremlin Community — donwan.co.uk color palette (gothic dark red/black) */

.gc-post-content { white-space: pre-wrap; }
.gc-comments-section { border-top: 1px solid #5a1a1a; padding-top: 8px; }

/* Cover photo: overflow visible so avatar doesn't clip; background-position drives the pan/crop */
.gc-cover { overflow: visible; background-repeat: no-repeat; }

.gc-composer textarea { resize: vertical; }
.gc-convo-item:hover { background: rgba(255,255,255,0.06); }

/* --- donwan.co.uk dark theme: blood-red accent on deep black translucent --- */
.gc-profile .card,
.gc-wall .card,
.gc-home-wall .card,
.gc-groups .card,
.gc-pages .card,
.gc-friends .card,
.gc-messages .card,
.gc-group-page .card,
.gc-page-page .card {
    background: rgba(15, 12, 12, 0.88);
    border: 1px solid #8b2e2e;
    color: #e6e0e0;
}

.gc-profile .card-body,
.gc-wall .card-body,
.gc-home-wall .card-body,
.gc-groups .card-body,
.gc-pages .card-body,
.gc-friends .card-body,
.gc-messages .card-body,
.gc-group-page .card-body,
.gc-page-page .card-body {
    color: #e6e0e0;
}

.gc-profile h3, .gc-profile h5, .gc-profile h6,
.gc-wall h5, .gc-wall h6,
.gc-groups h5, .gc-groups h6,
.gc-pages h5, .gc-pages h6,
.gc-friends h5,
.gc-group-page h3, .gc-page-page h3 {
    color: #c9302c;
}

.gc-profile h4 {
    color: #c9302c;
    border-bottom: 2px solid #5a1a1a;
    padding-bottom: 8px;
}

.gc-post .card-body {
    background: rgba(15, 12, 12, 0.85);
    border-radius: 6px;
}
.gc-post .card-body[style*="background:rgba(255,255,255"] {
    background: rgba(15, 12, 12, 0.85) !important;
    color: #e6e0e0;
}

.gc-profile .text-muted,
.gc-wall .text-muted,
.gc-groups .text-muted,
.gc-pages .text-muted,
.gc-friends .text-muted {
    color: #a08d8d !important;
}

.gc-profile input, .gc-profile textarea, .gc-profile select,
.gc-wall input, .gc-wall textarea, .gc-wall select,
.gc-home-wall input, .gc-home-wall textarea, .gc-home-wall select,
.gc-groups input, .gc-groups textarea, .gc-groups select,
.gc-pages input, .gc-pages textarea, .gc-pages select,
.gc-friends input, .gc-friends textarea,
.gc-messages input {
    background: rgba(0,0,0,0.35);
    border: 1px solid #5a1a1a;
    color: #e6e0e0;
}
.gc-profile input:focus, .gc-profile textarea:focus, .gc-profile select:focus,
.gc-wall input:focus, .gc-wall textarea:focus,
.gc-groups input:focus, .gc-groups textarea:focus,
.gc-pages input:focus, .gc-pages textarea:focus,
.gc-friends input:focus,
.gc-messages input:focus {
    background: rgba(0,0,0,0.5);
    border-color: #c9302c;
    box-shadow: 0 0 0 0.2rem rgba(201, 48, 44, 0.25);
    color: #e6e0e0;
}
.gc-profile input::placeholder, .gc-wall textarea::placeholder,
.gc-groups textarea::placeholder, .gc-friends input::placeholder {
    color: #8a7a7a;
}

.gc-avatar-frame {
    border: 3px solid #c9302c;
    box-shadow: 0 0 0 2px #1a1a1a;
    background: #222;
}

/* Cover reposition controls (drag-to-pan overlay) */
.gc-cover-position-controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    background: rgba(0,0,0,0.7);
    padding: 8px;
    border-radius: 4px;
    z-index: 5;
}
.gc-cover-position-controls button {
    background: #c9302c;
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}
.gc-cover-position-controls button:hover { background: #a02622; }
.gc-cover.gc-repositioning { cursor: grab; }
.gc-cover.gc-repositioning:active { cursor: grabbing; }

/* --- Rich composer, emojis, reactions, particles (added features) --- */
.gc-inline-emoji { width: 24px; height: 24px; vertical-align: middle; display: inline-block; }
.gc-composer-editor {
    background: var(--gc-input_bg, rgba(0,0,0,0.35));
    border: 1px solid var(--gc-input_border, #5a1a1a);
    border-radius: 4px;
    color: var(--gc-text, #e6e0e0);
    padding: 8px;
    overflow-y: auto;
    max-height: 260px;
}
.gc-composer-editor:empty::before {
    content: attr(data-placeholder);
    color: #8a7a7a;
}
.gc-html-toolbar .btn { line-height: 1; }
.gc-emoji-tray, .gc-reaction-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    background: var(--gc-card_bg, rgba(15,12,12,0.95));
    border: 1px solid var(--gc-card_border, #8b2e2e);
    border-radius: 6px;
    padding: 6px;
    margin-top: 4px;
    max-width: 320px;
}
.gc-reaction-picker {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
}
.gc-emoji-choice, .gc-reaction-choice {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    padding: 2px;
    line-height: 0;
}
.gc-emoji-choice:hover, .gc-reaction-choice:hover {
    border-color: var(--gc-accent, #c9302c);
    background: rgba(255,255,255,0.06);
}
.gc-post-html { white-space: normal; }
.gc-post-html ul, .gc-post-html ol { margin-left: 1.2em; }
.gc-post-html blockquote {
    border-left: 3px solid var(--gc-accent, #c9302c);
    margin: 0.5em 0;
    padding-left: 10px;
    color: var(--gc-muted, #a08d8d);
}
/* Post content must sit above the particle canvas (z-index:1 on the canvas). */
.gc-post .card-body { position: relative; z-index: 2; }
.gc-ambient-particles { pointer-events: none; }

/* --- Pinned posts + visibility (added features) --- */
.gc-post-pinned {
    border-color: var(--gc-accent, #c9302c) !important;
    box-shadow: 0 0 0 1px var(--gc-accent, #c9302c);
}
.gc-pin-badge {
    display: inline-block;
    color: var(--gc-accent, #c9302c);
    font-weight: 600;
    letter-spacing: 0.02em;
}
.gc-vis-tag { white-space: nowrap; }
.gc-pin-post[data-pinned="1"] { border-color: var(--gc-accent, #c9302c); color: var(--gc-accent, #c9302c); }

/* --- NFT economy strip --- */
.gc-nft-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    margin-top: 8px;
    border-top: 1px solid var(--gc-divider, #5a1a1a);
    font-size: 13px;
}
.gc-nft-badge {
    background: var(--gc-accent, #c9302c);
    color: #fff;
    border-radius: 4px;
    padding: 1px 8px;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.gc-nft-owner, .gc-nft-earned, .gc-nft-forsale, .gc-nft-progress { color: var(--gc-muted, #a08d8d); }
.gc-nft-forsale { color: var(--gc-accent, #c9302c); }
.gc-nft-sell-wrap { display: inline-flex; gap: 4px; align-items: center; }