/* rt-discovery.css — Discovery + Search + Admin + Column View */

/* ============================================================
   SPOILER COMMENTS
   ============================================================ */

.rt-spoiler-checkbox {
    margin: 6px 0;
    font-size: 13px;
    color: var(--rt-text);
}
.rt-spoiler-checkbox label {
    display:     flex;
    align-items: center;
    gap:         6px;
    cursor:      pointer;
    user-select: none;
    color:       var(--rt-text);
}
.rt-spoiler-checkbox input[type="checkbox"] {
    width: 16px; height: 16px; cursor: pointer;
}

.rt-spoiler-wrap {
    position:      relative;
    cursor:        pointer;
    border-radius: 6px;
    overflow:      hidden;
    border:        2px dashed var(--rt-warning);
    background:    var(--rt-warning-soft);
    min-height:    40px;
}

.rt-spoiler-overlay {
    position:    absolute;
    inset:       0;
    display:     flex;
    align-items: center;
    justify-content: center;
    background:  rgba(255, 248, 220, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-weight: 700;
    font-size:   13px;
    color:       #856404;
    z-index:     2;
    transition:  opacity .3s, backdrop-filter .3s;
    text-align:  center;
    padding:     8px;
}

.rt-spoiler-text {
    padding:    8px 12px;
    color:      var(--rt-text);
    filter:     blur(6px);
    transition: filter .3s;
    user-select: none;
}

/* Revealed state */
.rt-spoiler-revealed .rt-spoiler-overlay { opacity: 0; pointer-events: none; }
.rt-spoiler-revealed .rt-spoiler-text    { filter: none; user-select: text; }
.rt-spoiler-revealed                     { cursor: default; border-color: var(--rt-border); background: transparent; }
/* ============================================================
   Social — Follow бутон
   ============================================================ */

.rt-guest-actions {
    display:     flex;
    align-items: center;
    gap:         10px;
}

.rt-btn-following {
    background:   var(--rt-primary-soft) !important;
    color:        var(--rt-primary) !important;
    border:       1px solid var(--rt-primary) !important;
}

.rt-btn-following:hover {
    background: color-mix(in oklab, var(--rt-primary) 15%, transparent) !important;
}

/* ============================================================
   Social — Видимост на борда
   ============================================================ */

.rt-visibility-options {
    display:        flex;
    flex-direction: column;
    gap:            10px;
    margin-top:     8px;
}

.rt-visibility-option {
    display:       flex;
    align-items:   flex-start;
    gap:           12px;
    padding:       14px 16px;
    border: 1px solid var(--rt-border);
    border-radius: 10px;
    cursor:        pointer;
    transition:    border-color .2s, background .2s;
    text-align:    left;
}

.rt-visibility-option:has(input:checked) {
    border-color: var(--rt-primary);
    background:   var(--rt-primary-soft);
}

.rt-visibility-option input[type="radio"] {
    margin-top:  3px;
    flex-shrink: 0;
    accent-color: var(--rt-primary);
}

.rt-visibility-info {
    display:        flex;
    flex-direction: column;
    gap:            3px;
}

.rt-visibility-info strong {
    font-size:  14px;
    color:      var(--rt-text);
}

.rt-visibility-info span {
    font-size: 12px;
    color:     var(--rt-text-muted);
}

/* Private board съобщение */
.rt-private-board {
    text-align:  center;
    padding:     80px 20px;
    color:       var(--rt-text-muted);
}

.rt-private-board-icon {
    font-size:     64px;
    margin-bottom: 20px;
}

.rt-private-board h2 {
    font-size:     24px;
    color:         var(--rt-text);
    font-family:   var(--rt-font-display);
    margin-bottom: 12px;
}

.rt-private-board p {
    font-size:     16px;
    margin-bottom: 0;
}


/* ============================================================
   DISCOVERY FILTER
   ============================================================ */

.rt-discovery-filter {
    width:         100%;
    margin:        0 0 18px;
}

.rt-discovery-filter-label {
    display:       flex;
    align-items:   center;
    gap:           8px;
    cursor:        pointer;
    color:         var(--rt-text);
    font-size:     15px;
    line-height:   1.4;
}

.rt-discovery-filter-label span {
    min-width:     0;
}

.rt-discovery-include-mine {
    width:         16px;
    height:        16px;
    margin-top:    0px;
    flex:          0 0 auto;
    cursor:        pointer;
}

.rt-discovery-filter-note {
    margin:        6px 0 0 24px;
    color:         var(--rt-text-muted);
    font-size:     13px;
}

.rt-discovery-filter.is-inclusive .rt-discovery-filter-note {
    display:       none;
}

.rt-discovery-empty {
    margin:        0 0 8px;
    color:         var(--rt-text-muted);
    font-size:     14px;
}

@media (max-width: 640px) {
    .rt-discovery-filter {
        margin-bottom: 14px;
    }
    .rt-discovery-filter-label {
        font-size: 14px;
    }
}