/**
 * Kunena-UIKit Template CSS
 * Override e stili custom per integrazione UIKit 3 con YOOtheme
 * Colori: accent #e8834a, sfondo bianco/grigio, testo scuro
 */

/* ─── Variabili colore ─── */
:root {
    --kunena-accent: #e8834a;
    --kunena-accent-hover: #d6733c;
    --kunena-bg: #ffffff;
    --kunena-bg-light: #f8f8f8;
    --kunena-bg-muted: #f5f5f5;
    --kunena-text: #333333;
    --kunena-text-muted: #999999;
    --kunena-border: #e5e5e5;
    --kunena-success: #32d296;
    --kunena-warning: #faa05a;
    --kunena-danger: #f0506e;
}

/* ─── Layout base ─── */
.layout#kunena {
    font-family: inherit;
    color: var(--kunena-text);
}

.layout#kunena .kfrontend {
    padding: 0;
    margin-bottom: 20px;
}

/* ─── Link ─── */
.layout#kunena a:not(.uk-button) {
    color: var(--kunena-accent);
}

.layout#kunena a:not(.uk-button):hover {
    color: var(--kunena-accent-hover);
    text-decoration: none;
}

/* ─── Pulsanti accent ─── */
.layout#kunena .uk-button-primary {
    background-color: var(--kunena-accent);
    border-color: var(--kunena-accent);
    color: #fff !important;
}

.layout#kunena .uk-button-primary:hover {
    background-color: var(--kunena-accent-hover);
    border-color: var(--kunena-accent-hover);
    color: #fff !important;
}

.layout#kunena .uk-button-primary:disabled,
.layout#kunena .uk-button-primary[disabled] {
    background-color: #ccc;
    border-color: #ccc;
    color: #888 !important;
    cursor: not-allowed;
    opacity: 1;
}

.layout#kunena .uk-button-danger {
    background-color: var(--kunena-danger);
    border-color: var(--kunena-danger);
    color: #fff !important;
}

.layout#kunena .uk-button-danger:hover {
    background-color: #d6304a;
    border-color: #d6304a;
    color: #fff !important;
}

.layout#kunena .uk-button-default {
    border-color: var(--kunena-border);
    color: var(--kunena-text);
}

.layout#kunena .uk-button-default:hover {
    background-color: var(--kunena-bg-light);
    color: var(--kunena-accent);
    border-color: var(--kunena-accent);
}

/* ─── Sezioni forum (index) ─── */
.layout#kunena .kfrontend.section {
    background: var(--kunena-bg);
    border: 1px solid var(--kunena-border);
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
}

.layout#kunena .kfrontend.section > h1.uk-card-header {
    margin: 0;
    padding: 12px 20px;
    background: linear-gradient(135deg, var(--kunena-accent) 0%, var(--kunena-accent-hover) 100%);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: none;
    border-radius: 0;
}

.layout#kunena .kfrontend.section > h1.uk-card-header a {
    color: #fff !important;
}

.layout#kunena .kfrontend.section > h1.uk-card-header small {
    color: rgba(255,255,255,0.8);
    font-size: 0.8rem;
}

/* Pulsanti sezione (collapse/edit) */
.layout#kunena .kfrontend.section > h2.uk-button-group {
    margin: 0;
    padding: 8px 10px 0 0;
    font-size: 1rem;
    z-index: 1;
    position: relative;
}

.layout#kunena .kfrontend.section > h2 .uk-button-small {
    padding: 2px 8px;
    font-size: 0.75rem;
    border-color: rgba(255,255,255,0.5);
    color: #fff;
    background: transparent;
}

.layout#kunena .kfrontend.section > h2 .uk-button-small:hover {
    background: rgba(255,255,255,0.2);
}

/* ─── Tabelle forum ─── */
.layout#kunena .uk-table {
    margin-bottom: 0;
}

.layout#kunena .uk-table th,
.layout#kunena .uk-table td {
    padding: 10px 12px;
    vertical-align: middle;
}

.layout#kunena .uk-table th {
    color: var(--kunena-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    background: var(--kunena-bg-light);
    border-bottom: 2px solid var(--kunena-border);
}

.layout#kunena .uk-table td {
    border-bottom: 1px solid var(--kunena-border);
}

.layout#kunena .uk-table tr:last-child td {
    border-bottom: none;
}

.layout#kunena .uk-table tr:hover td {
    background-color: rgba(232, 131, 74, 0.03);
}

/* ─── Righe categoria nell'index ─── */
.layout#kunena .uk-table tr[class*="category"] td {
    padding: 12px 15px;
}

.layout#kunena .uk-table tr[class*="category"] h3 {
    margin: 0 0 2px 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.layout#kunena .uk-table tr[class*="category"] h3 a {
    color: var(--kunena-accent);
}

.layout#kunena .uk-table tr[class*="category"] h3 small {
    font-size: 0.8rem;
    color: var(--kunena-text-muted);
    font-weight: 400;
}

.layout#kunena .uk-table tr[class*="category"] .header-desc {
    font-size: 0.85rem;
    color: var(--kunena-text-muted);
    margin-top: 2px;
}

/* Icone categoria */
.layout#kunena #kcat-icon {
    width: 40px;
    text-align: center;
    color: var(--kunena-accent);
    font-size: 1.2rem;
}

/* Ultimo messaggio */
.layout#kunena .lastpostlink {
    font-size: 0.85rem;
}

.layout#kunena .lastpostby {
    font-size: 0.8rem;
    color: var(--kunena-text-muted);
}

.layout#kunena .datepost {
    font-size: 0.75rem;
    color: var(--kunena-text-muted);
}

.layout#kunena .last-post-message {
    font-size: 0.85rem;
    color: var(--kunena-text-muted);
    font-style: italic;
}

/* ─── Card per messaggi/post ─── */
.layout#kunena .uk-card {
    border: 1px solid var(--kunena-border);
    border-radius: 6px;
}

.layout#kunena .uk-card-header {
    border-bottom: 1px solid var(--kunena-border);
    background: var(--kunena-bg-light);
}

/* ─── Badge ─── */
.layout#kunena .uk-badge {
    background-color: var(--kunena-accent);
    font-size: 0.7rem;
    padding: 2px 8px;
    vertical-align: middle;
}

/* ─── Breadcrumb ─── */
.layout#kunena .uk-breadcrumb {
    margin: 10px 0;
    font-size: 0.85rem;
}

.layout#kunena .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    color: var(--kunena-text-muted);
}

/* ─── Categorie colorate (bordo sinistro) ─── */
.layout#kunena .category-red { border-left: 3px solid #e74c3c; }
.layout#kunena .category-green { border-left: 3px solid #27ae60; }
.layout#kunena .category-yellow { border-left: 3px solid #f1c40f; }
.layout#kunena .category-blue { border-left: 3px solid #3498db; }
.layout#kunena .category-grey { border-left: 3px solid #95a5a6; }
.layout#kunena .category-pink { border-left: 3px solid #e91e63; }

/* ─── Topic non letti ─── */
.layout#kunena .topic-item-unread {
    border-left: 3px solid var(--kunena-accent);
    background-color: rgba(232, 131, 74, 0.04);
}

.layout#kunena .knewchar {
    color: var(--kunena-accent) !important;
    font-weight: bold;
}

/* ─── Icone Kunena ─── */
.layout#kunena .kicon {
    display: inline-block;
    vertical-align: middle;
}

/* ─── Conteggio topic ─── */
.layout#kunena #kcatcount {
    font-size: 0.8rem;
    color: var(--kunena-text-muted);
}

/* ─── Sottocategorie inline ─── */
.layout#kunena .list-inline {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}

.layout#kunena .list-inline li {
    font-size: 0.85rem;
}

/* ─── ForumJump (selettore categoria) ─── */
.layout#kunena select.uk-select,
.layout#kunena .uk-select {
    border: 1px solid var(--kunena-border);
    border-radius: 4px;
    font-size: 0.85rem;
    padding: 5px 10px;
    max-width: 300px;
}

/* ─── Ruoli utente ─── */
.layout#kunena .kwho-admin { color: #e74c3c; font-weight: bold; }
.layout#kunena .kwho-globalmoderator { color: #8e44ad; font-weight: bold; }
.layout#kunena .kwho-moderator { color: #2980b9; font-weight: bold; }
.layout#kunena .kwho-user { color: var(--kunena-text); }
.layout#kunena .kwho-guest { color: var(--kunena-text-muted); }
.layout#kunena .kwho-banned { color: #95a5a6; text-decoration: line-through; }

/* ─── Firme ─── */
.layout#kunena .ksignature {
    font-size: 0.85em;
    color: var(--kunena-text-muted);
    border-top: 1px solid var(--kunena-border);
    padding-top: 10px;
    margin-top: 10px;
}

/* ─── Messaggi ─── */
.layout#kunena .kmsg {
    line-height: 1.6;
}

.layout#kunena .mykmsg-header {
    margin-bottom: 15px;
}

/* ─── Avatar ─── */
.layout#kunena .kavatar img {
    max-width: 80px;
    border-radius: 4px;
}

.layout#kunena #kcat-avatar img {
    max-width: 36px;
    border-radius: 50%;
}

/* ─── Editor ─── */
.layout#kunena .keditor-form textarea {
    width: 100%;
    min-height: 200px;
}

/* ─── Checkbox ─── */
.layout#kunena .uk-checkbox {
    margin-right: 5px;
}

/* ─── Responsive ─── */
@media (max-width: 959px) {
    .layout#kunena .kunena-visible-desktop {
        display: none !important;
    }

    .layout#kunena .uk-table th,
    .layout#kunena .uk-table td {
        padding: 8px 10px;
    }

    .layout#kunena .uk-table tr[class*="category"] h3 {
        font-size: 0.9rem;
    }
}

/* ─── Paginazione ─── */
.layout#kunena .uk-pagination > .uk-active > * {
    background-color: var(--kunena-accent);
    color: #fff;
    border-radius: 3px;
    padding: 2px 8px;
}

.layout#kunena .uk-pagination > * > * {
    padding: 2px 8px;
    font-size: 0.85rem;
}

/* ─── Dropdown ─── */
.layout#kunena .uk-dropdown-nav > li > a {
    color: var(--kunena-text);
}

.layout#kunena .uk-dropdown-nav > li > a:hover {
    color: var(--kunena-accent);
}

/* ─── Statistiche & Who Is Online ─── */
.layout#kunena #kwho,
.layout#kunena #kstats {
    padding: 15px 20px;
    background: var(--kunena-bg);
    border: 1px solid var(--kunena-border);
    border-radius: 6px;
    margin-top: 20px;
}

/* ─── Quick Reply ─── */
.layout#kunena .kreply-form {
    margin-top: 15px;
}

/* ─── Alerts ─── */
.layout#kunena .uk-alert-primary {
    background: rgba(232, 131, 74, 0.1);
    color: var(--kunena-accent);
    border-radius: 4px;
}

/* ─── Topic list header (dentro categoria) ─── */
.layout#kunena h2 .uk-search {
    vertical-align: middle;
}

.layout#kunena h3 .uk-badge {
    margin-left: 5px;
}

/* ─── Fix per evitare conflitti Bootstrap residui ─── */
.layout#kunena .row { display: flex; flex-wrap: wrap; }
.layout#kunena .clearfix::after { content: ""; display: table; clear: both; }
.layout#kunena .nowrap { white-space: nowrap; }
.layout#kunena .center { text-align: center; }
.layout#kunena .muted { color: var(--kunena-text-muted); }
.layout#kunena .bg-faded { background: var(--kunena-bg-light); border-radius: 4px; }

/* ─── Menu navbar forum ─── */
.layout#kunena .uk-navbar-nav > li > a {
    font-size: 0.85rem;
    padding: 0 12px;
    min-height: 48px;
    text-transform: none;
    color: var(--kunena-text);
    gap: 4px;
}

.layout#kunena .uk-navbar-nav > li > a:hover,
.layout#kunena .uk-navbar-nav > li.uk-active > a {
    color: var(--kunena-accent);
}

.layout#kunena .uk-navbar-nav > li.uk-active > a {
    border-bottom: 2px solid var(--kunena-accent);
}

.layout#kunena .uk-navbar-container {
    border-radius: 6px 6px 0 0;
}

.layout#kunena .uk-navbar-dropdown-nav > li > a {
    font-size: 0.85rem;
    color: var(--kunena-text);
}

.layout#kunena .uk-navbar-dropdown-nav > li > a:hover {
    color: var(--kunena-accent);
}