/* Board title */
.ew-wpdbp-board-title{
    cursor:pointer;
    padding:14px 16px;
    background:var(--global-palette7);
    border:1px solid var(--global-palette8);
    border-radius:8px;
    font-weight:600;
    margin-top:12px;
}

/* Topics container */
.ew-wpdbp-topics{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    margin-top: 0;
}

.ew-wpdbp-topics.open{
    max-height: 2000px;
    margin-top: 10px;
}


/* Topic card */
.ew-topic{
    padding:18px 0;
    border-bottom:1px solid var(--global-palette8);
}

.ew-topic-title{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:1.15rem;
    font-weight:700;
}

/* HARD RESET button */
button.ew-toggle-topic{
    appearance:none !important;
    -webkit-appearance:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    width:18px;
    height:18px;
    position:relative;
    cursor:pointer;
}

/* plus icon */
button.ew-toggle-topic::before,
button.ew-toggle-topic::after{
    content:"";
    position:absolute;
    background:var(--global-palette1);
}

button.ew-toggle-topic::before{
    width:14px;
    height:2px;
    top:8px;
    left:2px;
}

button.ew-toggle-topic::after{
    width:2px;
    height:14px;
    top:2px;
    left:8px;
}

button.ew-toggle-topic.open::after{
    display:none;
}

/* Date meta */
.ew-topic-meta{
    font-size:0.85rem;
    color:var(--global-palette4);
    margin-top:4px;
}

/* Topic content */
.ew-topic-content{ display:none; margin-top:14px; }
.ew-topic-content.open{ display:block; }

/* Replies */
.ew-reply{
    padding:10px 0;
    border-bottom:1px solid var(--global-palette8);
}

/* Reply form */
.ew-reply-text{
    width:100%;
    padding:10px;
    border-radius:6px;
    border:1px solid var(--global-palette8);
    margin-bottom:8px;
}

.ew-submit-reply{
    background:var(--global-palette1);
    color:#fff;
    border:none;
    padding:8px 14px;
    border-radius:6px;
    cursor:pointer;
}

/* Load more */
.ew-load-more{
    margin-top:14px;
    cursor:pointer;
    font-weight:600;
}

/* unread badges */

.ew-board-unread,
.ew-topic-unread{
    background:var(--global-palette1);
    color:#fff;
    font-size:0.7rem;
    padding:2px 6px;
    border-radius:6px;
    margin-left:6px;
    font-weight:600;
}


.ew-board-toggle-label{
    margin-left:auto;
    font-size:.85rem;
    color:var(--global-palette1);
    font-weight:600;
}

/* Arrow on LEFT */
.ew-board-toggle-icon{
    width:10px;
    height:10px;
    border-right:2px solid var(--global-palette1);
    border-bottom:2px solid var(--global-palette1);
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
    margin-right:10px; /* spacing from text */
}

/* Board layout */
.ew-wpdbp-board-title{
    display:flex;
    align-items:center;
}

/* Title takes space */
.ew-board-name{
    flex:1;
}

.ew-wpdbp-board-title.open .ew-board-toggle-icon{
    transform: rotate(45deg);
}
