/*  cBB Follower StyleSheet
    --------------------------------------------------------------
	Style:	Zeina
	Copyright (c) 2025 CaniDev ( https://www.canidev.com )
    --------------------------------------------------------------
*/

#wall-content {
	background-color: #f8fafc;
	font-size: .875rem;
}

.wall-top-buttons {
	padding: 1rem;
}

.wall-main-content h2,
.wall-right-side h2 {
	font-size: 1.2em;
}

.wall-row,
.wall-user-details {
	font-size: inherit;
}

.wall-row {
	line-height: 1.5em;
}

.wall-row .row-text {
	margin-top: 10px;
}

.wall-row .fw-counter {
	font-size: 0.8em;
	line-height: 1em;
}

.fw-editor-counter > span {
	font-size: 0.7em;
}

#wall-tabs {
	font-size: 1em;
}

#wall-tabs a.tab {
	height: unset;
	padding: 0.8rem 1rem 0.6rem;
	text-transform: none;
}

#wall-tabs a.tab .fw-counter {
	font-size: 1.2em;
}

.who-follow-row {
	font-size: 0.9em;
}

.fw-comment-extra a.cbb-btn {
    font-size: 1.05em;
}

body #wall-tabs a.tab.active,
body #wall-tabs a.tab:hover,
body .wall-row .row-actions a:hover,
body .wall-row .fw-options-dropdown:hover {
	color: rgba(var(--color-primary),1);
	border-color: rgba(var(--color-primary),1);
}

.fw-card-header {
	border-radius: 0.40rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	margin-top: 0.2rem;
}

.fw-user-card .screen-name {
	font-size: 1.05em;
}

/* Dark Theme */
.dark-theme #wall-content {
    background-color: #0f172a;    /* fundo principal escuro */
    color: #e2e8f0;                /* texto claro */
    font-size: .875rem;
}

.dark-theme .wall-top-buttons {
    padding: 1rem;
}

.dark-theme .wall-main-content h2,
.dark-theme .wall-right-side h2 {
    font-size: 1.2em;
    color: #e2e8f0;                /* texto claro para os títulos */
}

.dark-theme .wall-row,
.dark-theme .wall-user-details {
    font-size: inherit;
    color: #e2e8f0;                /* texto claro nas linhas */
}

.dark-theme .wall-row {
    line-height: 1.5em;
}

.dark-theme .wall-row .row-text {
    margin-top: 10px;
}

.dark-theme .wall-row .fw-counter {
    font-size: 0.8em;
    line-height: 1em;
    color: #94a3b8;                /* cor mais suave para contadores */
}

.dark-theme .fw-editor-counter > span {
    font-size: 0.7em;
    color: #94a3b8;                /* cor para o contador */
}

.dark-theme #wall-tabs {
    font-size: 1em;
}

.dark-theme #wall-tabs a.tab {
    height: unset;
    padding: 0.8rem 1rem 0.6rem;
    text-transform: none;
    color: #e2e8f0;                /* cor para os links nas abas */
    border-color: #334155;         /* borda escura para o modo dark */
}

.dark-theme #wall-tabs a.tab.active,
.dark-theme #wall-tabs a.tab:hover,
.dark-theme .wall-row .row-actions a:hover,
.dark-theme .wall-row .fw-options-dropdown:hover {
    color: rgba(255, 255, 255, 1); /* cor de destaque ao passar o mouse */
    border-color: rgba(255, 255, 255, 1); /* borda de destaque */
}

.dark-theme .who-follow-row {
    font-size: 0.9em;
}

.dark-theme .fw-comment-extra a.cbb-btn {
    font-size: 1.05em;
    color: #94a3b8;                /* cor suave para botões extras */
}

.dark-theme .fw-card-header {
    border-radius: 0.40rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    background-color: #1e293b;     /* fundo para o cabeçalho dos cards */
    color: #e2e8f0;                /* texto claro no cabeçalho */
}

.dark-theme .fw-user-card .screen-name {
    font-size: 1.05em;
    color: #e2e8f0;                /* nome do usuário em texto claro */
}