/* Thema: Fris & Thuis — warm salie-groen + kaarsenroom */

/* ==LUIERFORUM-VARS-BEGIN== */
:root {
    --bg:     #f6f4ef;
    --panel:  #ffffff;
    --border: #d6e4da;
    --text:   #1b2820;
    --muted:  #617069;
    --brand:  #2a7a5c;
    --accent: #e2f3ea;
}
/* ==LUIERFORUM-VARS-END== */

/* Extra kleurvariabelen die het basispalet aanvullen */
:root {
    --brand-dark:    #1b5240;
    --accent-strong: #afd9c0;
    --table-th-bg:   #f2faf5;
    --badge-bg:      #e2f3ea;
    --on-brand:      #ffffff;
    --success:       #1d9c6a;
    --success-hover: #147a52;
    --success-border-hover: #106641;
    --shadow-sm: 0 2px 12px rgba(26, 82, 64, .06);
    --shadow-md: 0 14px 38px rgba(26, 82, 64, .10);
    --radius-md: 18px;
}

/* Achtergrond met subtiele kleuraccenten */
body {
    background:
        radial-gradient(ellipse at 4% 0%, rgba(162, 220, 190, .28), transparent 26rem),
        radial-gradient(ellipse at 96% 100%, rgba(255, 242, 215, .35), transparent 26rem),
        var(--bg) !important;
}

/* Topbar: glazen effect met groene tint */
.topbar {
    background: rgba(255, 255, 255, .94) !important;
    border-bottom: 1px solid rgba(214, 228, 218, .85) !important;
    box-shadow: 0 4px 22px rgba(26, 82, 64, .05) !important;
}

/* Logo-accent: groene diamant */
.brand a::before {
    content: '◆';
    color: #5fba8a;
    margin-right: 6px;
    font-size: 11px;
    vertical-align: 3px;
}

/* Zoekveld topbar */
.topbar form .input { background: #f4fbf7 !important; }

/* Navigatielinks hover */
.nav a:hover { background: var(--accent) !important; color: var(--brand-dark) !important; }

/* Categoriekoppen: warme honing → mint */
.category-header {
    background: linear-gradient(135deg, #fff8e8 0%, #edf8f3 100%) !important;
    color: var(--brand-dark) !important;
    font-size: 15px;
}

/* Tabelrijen hover */
.cat-table tbody tr:hover { background: #f4fbf7 !important; }
.topic-row:hover { background: #f4fbf7 !important; }

/* Knoppen */
.btn:hover {
    border-color: #7cc4a0 !important;
    background: #f2fbf7 !important;
    box-shadow: 0 5px 12px rgba(42, 122, 92, .09) !important;
}
.btn-primary {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    box-shadow: 0 5px 14px rgba(42, 122, 92, .24) !important;
}
.btn-primary:hover { background: var(--brand-dark) !important; border-color: var(--brand-dark) !important; }

/* Invoervelden */
.input:focus, select:focus, textarea:focus {
    outline: 3px solid rgba(95, 186, 138, .22) !important;
    border-color: #5fba8a !important;
}

/* Online-gebruikerslijst */
.online-list li a.chat-user { background: #f3fbf7 !important; }
.online-list li a.chat-user:hover { background: var(--accent) !important; border-color: var(--accent-strong) !important; }

/* Nieuwste berichten widget */
.lp-widget .lp-item { background: #f8fcf9 !important; }
.lp-widget .lp-item:hover { background: var(--accent) !important; border-color: var(--accent-strong) !important; }

/* Post kaarten */
.panel > .post:hover { border-color: #8ccfae !important; }
.post .content blockquote { border-left-color: #8ccfae !important; background: #f4fbf7 !important; color: #3b5e4e !important; }

/* Actieve tab */
.tab.active { background: var(--accent) !important; color: var(--brand-dark) !important; border-color: var(--accent-strong) !important; }

/* Links aanvullen */
a { color: var(--brand); }
a:hover { color: var(--brand-dark); }
.topic-link { color: var(--brand-dark) !important; }
.right-last-date, .right-last-user .u, .topic-meta .u { color: var(--brand) !important; }
.post .author, .post .content a { color: var(--brand-dark) !important; }